INSIDE shota sawada design

最近、Macに変えたせいか、マウスカーソルを動かすのが非常におっくうになっています。

画面が広いから動かす量が増えたという面もありますが、Macではキーボードショートカットを多用するので、右手をマウス→キーボード→マウス・・・と動かすのが、非常に面倒。

WindowsのころはAlt+TABの左キーボード、右手マウスで十分やっていけたのですが、Macになってからは、マーク+TABがアプリケーションごとの移動となっているので、アプリケーションの中のファイル移動ができないという・・・(自分で設定できるのだろうか)

アプリケーションでは、キーボードショートカットが多用されているので、それを覚え、使用すれば動作のスピードをあげることができます。
しかし、ウェブでは、ウェブサイトを制作している人が一人一人違う訳であり、ましてキーボードショートカットを使っているサイトはほとんどありません。

ここで、提案としてウェブのフォーマットとしてキーボードショートカットを取り入れてやるということです。
例えば、ショッピング系のウェブサイトでは、「次へ」「前へ」といったリンクがよくあります。「次へ (+control+N)」、「前へ (+control+p)」などとよくある部分に定義してあげればウェブでもキーボードショートカットが生まれ、キーボードショートカットマニアには便利かと思います。

これを実現可能にするには、W3Cに掛け合って、HTMLに例文追加？もしくは、そういう団体を作って活動。

誰か一緒にやります？

Mac,Windows関係なくフォルダの管理が非常におっくうです。

ウェブのMTなどのCMSは非常に流暢にエントリー管理をしてくれます。
具体的に言いますと、
MTなどでは、アーカイブとして、自分が制作したカテゴリー、日にちに追加してくれます。
よって、二つの角度からそのエントリーをみることができます。

しかし、OS中では、フォルダを制作したらそれで終わりです。
検索などはできるし、ショートカットも制作できますが、いちいちショートカットを制作するのは面倒。

どこかにrootのようなフォルダを制作し、すべてのフォルダをすべてそこに入れ、そこからカテゴリーや日にちを自分で制作し、ショートカットを作っていくという手が現状ですかね。ありえないほど、面倒です。

MTなどはカテゴリーは自分で指定し、日にちは自動で制作してくれます。
このような流暢さがOSでのフォルダにもほしいところです。

このブログには、ふと浮かんだアイデアなども落書き帳のごとく書いていこうと思います。

今回、考えたのが「欲しい物が集まっている場所検索サービス」。
最初に言うと、GoogleMapのAPIとかでできるかもしれません。GoogleMapはやったことないので、この春にPHPと一緒に勉強したいと思います。

このサービスは、いわゆる地図版and検索です。欲張りな方へ
例えば、誰かと遊びにいくときに、あれもしたいし、これもしたい、あれも食べたいし、あれも見たいといった欲張りな方にはもってこいなサービス。
検索にて、and検索で、どんどん食べたいもの、したいことなどを書いていき、地図がどんどんその目的を達成できる場所を検索していきます。

やりたいことによるのですが、都市に集中する気もしますが。

落書き：
プロジェクトやイベントなどに参加される方のためのリフィルを制作中。
スケジュール管理としてリフィルを使うのはよくあることですが、ウェブと違って
例えば、年間スケジュールに書き、週間スケジュールに書き１日スケジュールに書くというのは、非常に手間がかかります。
これを、どうにかプロダクトにて解決したいという気持ちがあります。

iPod touchなどを利用すれば、iPod touchのアプリケーション作成、PCからデータを無線LANで
簡単に追加など編集できるのですが、紙などのプロダクトとなるとそれも難しい・・・
試行錯誤です。

「found behavior」という考えがあります。これは、人の振る舞いを観察し、それを何かに生かすという考え。

深澤直人さんの「found object」と同じ類にあるものです。
「found object」とは、

この「found behavior」の考えに基づいたウェブサービスなりウェブサイトを立ち上げたいというのが、今の気持ちです。
これは、町に出て人の振る舞いの観察を多くすることが大切。気になった物は、恥ずかしがらずに写真を撮る。例え、変な目で見られようとも。

このような考えはほかにもあると思います。それを、見つけたり、知っている考えをこうやって使ったのかなどという発見を卒展などでしたいと思います。

2008年の春に行われている、かつ行こうと思っている卒業制作展などです。

その一覧としてカレンダー形式で制作してみました。
人の特性、余白の使い方などの要素を取り入れるとリフィルは縦でなくて横であるべきだと思います。それを、AIRなどで制作してデスクトップに横に長いウィジェットをおいてやるといいなぁと思ったので、プロトタイプを作ってみました。ウィジェットなどでなくプロダクトとして制作もしています。こちらは分析して制作していきたいと思います。

日にちが日にやって長さが違うというところが、現在の問題点です。文章を2行までとし、日にちの間隔を同じにしてあげた方がよいかも。それは、また後日制作します。

自分のデスクトップを公開してしまっているという・・・
ちなみにこのエントリーのカテゴリのwalking aroundとは、「歩き回る」「散歩」などの意味です。自分の行った場所や講演会などの日常のブログです。

ふと、きたので落書き帳のごとくブログに書いていきます。
文章の構造などバラバラですが、落書き帳なので＾＾

これって、メタファですね。メタファとは？

アイデアはスケッチブックにいきおいのごとく書いていきます。
それを、ブログに書いたりすることはよくあることです。

found behaviorとして発見したのが、子供がみんなで落書きをしています。おのおのに楽しんでいるのですが、ふと見ると、二人で一つの落書き帳に絵を描いている人がいます。
二人は一人が書いた絵に付け加えたりして楽しんでいます。

これを、アイデアをスケッチブックに書くというコトと合体させ、ウェブツールとして展開しようと思います。

空白の一枚の画面があり、そこには、マウスポインタがいくつもあります。これは子供の手や鉛筆です。テキストを書いたり絵を書いたりできます。円や矢印などの分析にしようするツールはパレットにそろってあります。

これは、アイデア展開ツールというより、ウェブ落書き帳。子供でも転校してしまった仲の良かった友達とタブレットを使ってウェブにてお絵描きが楽しめます。

使い方：
ユーザー登録して、ログイン。メッセンジャーのように友人登録ができる。友人を選んで会話開始(落書き開始)。複数ユーザー可能。

色々書いたりする。キャンパスは大きく無限に続く。プリントサイズや詳細設定可能。枚数を増やすことも可能。印刷可能。保存可能。更にボイス機能もあったらいいですね。

アイデアなので、技術的な部分の考慮はしていません。しかし、既に存在している技術の組み合わせでこのアイデアは成り立っているので、不可能なことではないと思います。

追伸：
分析に移します。

落書きというテーマでfound behaviorを探してみる。
これは、落書きとはただの概念であり、落書きの定義付けをしっかりしてやることから始める。
その定義にあった写真を撮ってくる。落書きとは人がすることであるので、できれば人が写ってるとよい。
撮ってきた写真がそれぞれどのような位置関係にあるのか、どのような構造にまとめられるかをKJ法により分析をする。
使える部分を使いアイデア展開。私としては、プロダクトよりウェブ関連のツールなどに持っていきたいですね。
アイデアはたくさん出すものであってよいと思うので、上の例は直感的に出てきたアイデアとして載せておく程度かもしれません。もちろん、アイデア展開した結果、やはりこれが良いとなるならば、このアイデアでいけばいいと思います。

デザインってこういうことなんだなって思います。
ヴィジュアルデザインだけではダメなんだと。
ちゃんとした過程を持ったものでないと、カッコいいデザインを作ろう！となり、自分の好みのウェブのデザインなどをコピーしてしまう・・・

過程をつめば、いわゆる「っぽい」ものが制作できると思います。
私は、その勉強中。「っぽい」ものが作れるように努力するのみです。

いまさらですが、このブログについて書いていこうと思います。

なぜ、ブログを書くのか？
・日常の把握
・活動成果

日常の把握とは、自分が一日一日何を行ったのかを把握するためです。つい、何もしない一日などを作ることがあるので、それをなくすため。1日は、これしかできなくても、1年たてば、それが積もり積もって達成感のような感情が生まれるのでは？という仮説。

活動成果とは、日常の把握とかぶるところは、もちろんあります。自分の興味のあることなど行ったことを書いていきます。理論的なこともあり、テクニカル的なこともあるかと。

また、これはブログであり、私のウェブサイトのホームではありません。
ホームは、shota sawada design(制作中)
現在、制作中です。ブログもデザイン変更します。これはテンプレートのままなので。

私のウェブサイトは、
shota sawada design と shota sawada design blog の二つの柱で成り立ちます。
この二つ合わせて私のウェブサイトという形をとります。

shota sawada design では、いわゆるプレゼンテーションの場です。
こちらには、Portfolioのコンテンツを制作し、そこに自分が制作していったものを
最終発表の形で載せていきます。

shota sawada design blogでは、分析途中やアイデア考察などのプレゼンテーションまでの過程を書いていきます。ある程度のリアリティを持って載せていきます。

とりあえず、両者とも考えのみでヴィジュアルデザインが何もできていないので、できるだけ早く制作したいと思います。

非常に自分の名前が恥ずかしい思いをしても、もう作ってしまったからしょうがないと思い、諦めておきます。

このブログではじめに考察していくのは、まさに自分のウェブサイトについて。
自分なりに分析したものを載せたりしていきたいと思います。
カテゴリはそのプロジェクトごとにしていきます。

進め方としては、
ウェブ戦略としての「ユーザーエクスペリエンス」
―5つの段階で考えるユーザー中心デザイン

この本に載っている五段階で進めていきたいと思います。
それも後日、順序にそって載せていきたいと思います。

現在、徹夜したので眠いです、寝ときます。

Mac OS X (version 10.5)のローカル環境にMT4をインストール成功したので、そのことについてエントリーしておきます。

ほかの方がすでに書かれているので、リンクしておきます。

Macのローカル環境にMT4をインストール (murmur)
Mac OSX に Movable Type 4 をインストール (mathatelle)
MacBook+MAMP+Movable Type4。 (Junnama Online (Mirror))
MAMP MySQL パスワード (GrooveCafe)

参考にさせていただきました。ありがとうございました。

1. Xcode Toolのインストール
Mac OS X Install Disc 1 > Xcode Tools > xcodeTools.mpkg を開き、インストールします。

2. MAMPのインストール
MAMP & MAMP PRO Downloads 1.7.1ではうまく行かなかったらしいので、1.7をダウンロードして、インストールします。

3. dbのインストール
私はSQLiteを使用しました。(mySQLはなぜかできなかったので)

DBI-1.601をダウンロードし、解凍します。解凍する場所は別にどこでもかまいません。
ターミナルを起動して、次のコマンドを入力します。

次に、mySQLかSQLiteのdbを取得します。
上にも書きましたが、私はmySQLが失敗したので、SQLiteを使用しました。mySQLでも成功することができました。
mySQLを使用したい方は、こちらの記事に書かれていますので、参照してください。
Macのローカル環境にMT4をインストール (murmur)

DBD-SQLite-1.14からダウロードして解凍してください。

そして、またターミナルを起動してコマンドを入力します。

4. MT4のインストール
MovableType.jpよりMT4をダウンロードしてきます(2008年2月9日時点の最新バージョンはmt4.1です。)
フォルダ名を適当に変えておきます(例えば、mt4など)

ファイルを以下のように移動します。
/Application/MAMP/cgi-bin/mt4/
/Application/MAMP/htdocs/mt-static/
mt-staticはmt4の中に含まれているので、移動させます。

5. MAMPの起動
MAMP.appを開き、サーバーを起動させます。私は、環境設定でApacheのDocument Rootを「Applications/MAMP/」としました。

6. MT4のインストール
http://localhost:8888/cgi-bin/mt4/mt-wizard.cgiをブラウザで開きます。

Static web path / Static file pathを入力する箇所では、
Static web pathを「http://localhost:8888/htdocs/mt-static/」
Static file pathを「/Applications/MAMP/htdocs/mt-static」としたら、上手くいきました。

上手くいかない方は、http://localhost:8888/ にアクセスし、自分が想定したRootになっているか確認してみてください。そのRootはMAMP > 環境設定 > Apache > Document Rootで設定できます。

次に、データベースを選択します。ここでは「SQLiteデータベース」を選択します。
データベースのパスは、「/Applications/MAMP/db/sqlite/mt.db」とすると上手くいきました。

そして、メール送信プログラムでは、sendmailを選択、パスはそのまま「/usr/sbin/sendmail」とし、メールアドレスを記入し、テストメールを送信。受信を確認したら次へいきます。

そして、mt-config.cgiが自動的に作成され、あとはブログの名前やユーザー名、パスワードを決めて終了です。

[walking_around] 2008年各大学スケジュールのエントリーでは、ウィジェットにて2008年度の卒業制作展のスケジュールを紹介しましたが、実装できてないので、とりあえずテキストで書いておきます。

春の予定。予定は未定〜

[1月23日〜2月18日] HONDAインターフェースデザイン展 (銀座MATSUYA)
http://www.matsuya.com/ginza/design/080218e_honda/

[2月6日〜2月17日] 文化庁メディア芸術祭 (国立新美術館)
http://plaza.bunka.go.jp/festival/2007/outline/exhibition/

[2月15日] imgl collection 2008 Jamais Vn (Za HOUSEビル5F)
http://www.imgl.sfc.keio.ac.jp/collection2008/

[2月15日〜2月17日] 多摩美術大学 上野毛デザイン展 (多摩美術大学上野毛キャンパス)
http://designten.info/

[2月16日〜2月17日] 明星大学プロダクトデザイン展 (六本木AXISギャラリー)
http://art.meisei-u.jp/event/index01.htm

[2月21日〜2月26日] 東京芸術大学 デザイン科卒展 (東京都美術館・大学構内)
http://www.geidai.ac.jp/museum/exhibit/2007/sotsuten56/sotsuten56_ja.htm

[2月18日〜2月28日] 日本大学コミュニケーションデザイン卒制 (日本大学 法科大学院)
http://design.art.nihon-u.ac.jp/

[2月18日〜2月20日]日本装飾美術大学 卒制 (アクシスギャラリー)
http://www.decobi.com/archives/000161.html

[2月22日〜2月24日] 武蔵工業大学ロクアキス (IID世田谷ものづくり学校)
http://www.yc.musashi-tech.ac.jp/~sotsuten/loquacis/

[2月22日〜2月24日] 東京工芸大学 卒展 (六本木アカデミーヒルズ40)
http://www.t-kougei.ac.jp/arts/gallery/gra.php

[2月22日〜2月24日] 千葉工業大学 (津田沼キャンパス)
http://www.design.it-chiba.ac.jp/news/news08.html

[2月26日〜3月2日] 多摩美術大学デザイン学科卒業制作選抜展 (Gallery LE DECO)
http://www2.tamabi.ac.jp/cgi-bin/pro/gw08/

[2月28日〜3月2日] 千葉大学デザイン工学科意匠系 (汐留クリエイティブセンター)
http://www.ishouten.net/

[2月29日〜3月2日] 多摩美術大学情報デザイン｢multi｣ (原宿クエストホール)
http://www2.tamabi.ac.jp/cgi-bin/pro/gw08/

[2月29日〜3月2日] 東京工科大学メディアコンテンツ展 (BankART1929)
http://www.teu.ac.jp/mce/2008/

[3月3日〜3月4日] インタラクション2008 (学術総合センター/一橋記念講堂)
http://www.interaction-ipsj.org/

[3月8日〜3月10日] 多摩美術大学環境デザイン｢scale scale scale展｣ (MODAPOLITICA)
http://www2.tamabi.ac.jp/cgi-bin/pro/gw08/

[3月13日〜3月16日] 多摩美術大学情報デザイン学科｢clearing｣ (横浜赤レンガ倉庫1号館)
http://www.idd.tamabi.ac.jp/art/event07/gwex/

[3月13日〜3月16日] 千葉工業大学デザイン科学フォーラム (代官山ヒルサイドテラス　アネックスA棟)
http://www.design.it-chiba.ac.jp/news/news09.html

[3月14日〜3月16日] てつそん2008 (東京都立産業貿易センター台東館)
http://www.tetsuson.org/

[3月17日〜3月21日] 公立はこだて未来大学卒業式 (公立はこだて未来大学)
http://www.fun.ac.jp/

[3月18日〜3月23日] 女子美術大学環境デザイン 卒展 (渋谷LE DECO ギャラリー)
http://ameblo.jp/kankyou-design/

[3月20日〜3月23日] 多摩美術大学 生産デザイン環境デザイン 卒展｢コタエ｣ (八王子キャンパス)
http://www2.tamabi.ac.jp/cgi-bin/pro/gw08/

書くの疲れた・・・こうやって見ると、数多すぎですね。情報デザイン系はいくとして、ほかのは行かないかも

貼ったまま読める透明付箋紙という商品が空想無印から出ました。制作者は、美大に通う学生。今年、卒業らしいです。

というアイデアを見てふと思ったのが、これをウェブにも使ってみてはどうかということです。
何に使うというと、ショッピングカートの手順を番号をつけてあげて紹介したり、使い方は色々ありそうです。

最初、シートはなくてどこかにボタンを作り、それを押すとシートが貼られます。使い方がわからなかったら、シートを貼るという形。使いやすくないウェブサイトにもってこいですw
シートには、×があって、そこを押すとシートが外されます。慣れたらシートを外してそのウェブサイトを使うというアイデアです。

まずは、数学的にもactionscript的にも難しくないものからやっていきたいと思います。
数学は高校数学の三角関数のみ。しかも、メソッドがすでに用意されていました。

今回やりたいことは、グラフィックスをステージ上に配置することです。ただ、配置するだけならば、x,yを指定してあげれば配置することができます。しかし、そのグラフィックスを円にそって並べるにはどうしたらよいか、ということです。x,yを指定していくのは、非常に大変です。そこで、極座標(Polar coordinates system)という概念を取り入れると、容易に配置していくことができます。

はじめにその極座標について説明したいと思います。

極座標とは、n次元のユークリッド空間Rⁿで定義され、一つの動径rによって偏角θからなる座標系です。今回は、2次元を扱うので、ユークリッド空間R²です。ユークリッド空間とは、我々が生活している空間のことを言います。また、非ユークリッド空間という空間もあります。

極座標には、円座標(Circular Polar Coordinates)、球座標(Spherical Polar Coordinates)などがあります。今回は、円座標を用います。また、ユークリッド空間R³では球座標を用いて立体的な表現をすることができます。

上図を用いて説明していきます。
rは円の半径、θ(シータ)は、x軸と半径rの間の角度のことです。

ここで、高校数学の時に使用した、sin、cosの定義の式変形をして、使いやすいように式を作ってあげます。

上の式を見てみると、rとθがわかれば、x,yがわかるということがわかります。
sin,cosの計算式は、Mathクラスに含まれています。
rを固定してあげて、θをずらしていけば、rを半径とした円にグラフィックスを配置していけるということがわかります。

実は、上でも言ったようにこの極座標を自動的に生成してくれる便利なメソッドがありました。
polarというメソッドで、詳しくは下のリンクからどうぞ。
Point - ActionScript 3.0 コンポーネントリファレンスガイド

半径rと角度θを入れてあげるとPointにしてx,y(直交座標)として返してくれます。

これを、用いて簡単にサンプルを作ってみました(突っ込みどころが多いです)

ソースはこちら

package {

 import flash.display.*;

 import flash.events.*;

 import flash.geom.*;


 //Class

 public class test extends Sprite {

  //Proparity

  public var myContainer:Sprite;

  //Constructor

  public function test(container:Sprite):void {

   myContainer = container;

   main();

  }

  //function

  private function main():void {

   var radius:Number = 70;//半径を設定

   var angplus:Number = 10;//何度ごとに配置するか

   for (var n=0; n<3; radius += 50,n++) {				

    for (var i=0; i<360; i += angplus) {

     makeCircle(radius,i);

    }

   }

  }

  //function

  function makeCircle(r,angle):void {

   var radian:Number = angle * Math.PI/180;//ラジアンに変換

   var translatePoint:Point = Point.polar(r,radian);//極座標変換したものをポインタへ

   var nx = translatePoint.x + 275;//x軸の中心へ

   var ny = translatePoint.y + 200;//y軸の中心へ

   var shape = new Shape();

   myContainer.addChild(shape);

   shape.graphics.lineStyle(1, 0x000000, 1.0);// 線のスタイル指定

   shape.graphics.beginFill(0x000000, 1.0);// 面のスタイル設定

   shape.graphics.drawCircle( nx, ny, 5);

  }

 }

}

今回は、球座標の2次元でしたが、3次元に拡張して、球座標でグラフィックスを配置してやるともっとヴィジュアル的に美しいものができそうです。グラフィックスを写真にしてあげて、xmlで読み込んでやると楽しそうです。

やる夫のまとめを読んでで思ったアイデアを載せておきます。
ちなみに読んでいたものはやる夫で学ぶ東西冷戦 (働くモノニュース : 人生VIP職人ブログwww)です。

受験や授業で歴史モノを学んでいたときは、1945年の話をやっていたのに、次のページでいきなり1929年の話が出てきたりとして、よく混乱しました。
教科書は、国→歴史流れというパターンが多かったのです。そこで、提案するのは年表タイプ。歴史流れ→国というアプローチ。これは、年表などによくありますが、年表だとリアリティのない箇条書きになってしまっています。これは、紙という限られたモノなのでしょうがないのですが。
そこで、ウェブで非常に大きなマップを制作します。リンクが非常に多く張ってあり、すぐに思った箇所に飛ぶことができます。リアリティでかつわかりやすく説明しているやる夫シリーズは非常に使えると思います。
もちろん、このようなことは勉強する本人がやるべきだとは思います。それの手助けとなればよいと思っています。

今日の8:35の便で東京に帰りました。路面の凍結により20分遅れのフライトでした。

今回、安全確認の映像に不祥事があったらしく、乗務員がそのデモンストレーションを行っていました。緊急事態になったら何をすれば良いかをチェックする内容でした。

私の場所からは4人の乗務員が見えたのですが、その人たちが放送の声に従ってみな同じ動きをしているところに驚きました。こんなところまでしっかり教育されているのだなぁと好印象。乗客も映像では興味を示していなかったのですが、今回は実際に実演され、ほとんどの人が興味を示していました。

また、asでsinカーブ制作しました。こういう基本的なことをやっていき、asの使い方になれ、数学的な作品を作っていきたいと思います。

今年は、国立新美術館で行われました。去年は、恵比寿ガーデンプレイス内の東京都写真美術館で行われていたものに行きました。去年の方が会場は大きかったような気がします。

慶應義塾大学SFC 稲蔭研究室「imgl2008 -jamais VU-」に行ってきました。場所は代官山のZa houseの5F、メディアアートを行っている研究室で純粋に楽しめそうだったので、行ってみました。

今日は、多摩美の上野毛キャンパスで行われた造形表現学部デザイン学科の操業制作展に行ってきました。

2月18日、六本木にあるアクシスギャラリーにて明星大学のプロダクトデザイン展(卒展)が行われました。他大学のレベルやどのようなことをやっているのかを知るため、また自分に刺激を与えるために行ってきました。

東京藝術大学の卒展を見てきました。デザイン・建築・染織・日本画・油画・彫金・鍛金・鋳金・漆芸・陶芸・彫刻と美術大学すぎる感じでした(笑)

ソフトバンク表参道にて行われている「多摩美術大学プロダクトデザインとソフトバンクモバイルとの産学共同研究」を見てきました。

ちなみにこの写真は、Satoshi Ohno Art Exhibition FREESTYLEに並ぶ人々。ようは嵐の大野という方の個展らしいです。

千葉工業大学工学部デザイン科学科卒業研究・制作展「Designer Zoo」を見に津田沼キャンパスまで行きました。津田沼は初めて行きましたが、街ですね。この日は、非常に風が強く電車が止まるアクシデントがありました。そのおかげで次に行こうとしていた武蔵工業大学のロクアキスに行けませんでした。風め。

IID世田谷ものつくり学校にて行われた武蔵工業大学 小池情報デザイン研究室 卒業研究展「ロクアキス」に行ってきました。大学名＋学部(学科)＋タイトルとなると結構長くなりますね。
私の学歴も「公立はこだて未来大学システム情報科学部情報アーキテクチャ学科情報デザインコース」

ひえー

東京汐留シオサイト５区 Shiodomeitalia内 Shiodomeitalia クリエイティブ・センター２Ｆという場所で千葉大学の意匠展(卒展)が行われました。汐留はいつもはゆりかもめに乗るための通過点だったのですが、初めて街に降りました。ひゃーという感じのオサレな街、オフィス街。こんなところで仕事できたら充実しそうです。

原宿のクエストホールにて行われた
多摩美術大学 情報デザイン学科 情報デザインコース 卒業研究制作展 2008 multiに行ってきました。
ひゃーこれもタイトル長ー