さてちょっとしたアップデートをば。
ドットインストールにてレッスン動画をポップアップできるようにしました。エディターを同時に立ち上げながら勉強する際に便利かと思います。
↑ 動画の右上にあるこちらをクリックしてみてください。
↑ こういった感じで好きな場所に動画を配置することができます。もちろんウィンドウサイズを変更することもできます。
それから細かいですが、再生中にポップアップするとちゃんとその時点から引き継いで再生されます。ソースを打ちながら勉強されている方は是非ご活用くださいね。さて、どんどん行きますか。
以前にもご紹介した10歳のプログラミング少年が「ドットインストールみたいなのが作りたい！」といって作ったという動画を紹介してもらいました。
すごく、素晴らしい。
↑ 2分ほどの映像です。タイトルとエンディングはお父さんが作りました。説明もしっかりしていて感動的です。
ちなみにこの週末にScratchの子供向けワークショップに見学に行って、彼に会うこともできました（2001年生まれ・・・）。他に作ったプログラムも見せてもらいましたが「おいおい、大人でも作るの大変だよ」というものが組み上げられていて非常に感銘を受けましたよ。
なお、そこにいた他の子供達も素晴らしくて、やっぱりプログラミングっていいなぁ、としみじみと感じました。以下、彼ら＆彼女らと話していて驚いたことをざざっと。
↑ メガネが無いと遊べませんがこちらから！
他にも子供たちの柔軟な発想に触れたり、子供にコアラのマーチもらったりw、Scratchの講師をされている方にSmalltalkについて教えてもらったりと、実に充実した時間を過ごすことができました。
彼ら＆彼女らがいつか他のプログラミング言語を覚えるときに役立つように、ドットインストールを作りこんでいかねば！と改めて決意しましたよ。がんばるぞー！
これはｗ。結構すごいですね。
↑ 美しいですな。
↑ スケールでかいな。
↑ これはミニチュアモデルで作ったそうです。
いろいろなものがアートになりえますねぇ。
CUIでGoogleですな。懐かしいｗ。
↑ なかなか良く出来ています。
カーソルが点滅している画面ってなにかどきどきしちゃいますね。ま、年代によるでしょうが。
むかしUNIXでこういうアプリありましたよね（Windowsでもあったか）。ちょいと気持ち悪いかもですが懐かしくなったので・・・。
↑ 微妙に閲覧注意的な感じです。
もうこういうものもFLASHじゃないんだなぁ、となんとなく思ったり。
» Aye Eyes
なんか書きたくなったので勢いで。
さてドットインストールを作るにあたり、一つ決めていたことがありました。それは「デザインを諦めない」ということです。
最近のWebサービスは見た目もすごく重要なので、「思い切ってデザイナーさんに頼んじゃおうかな・・・」とも一瞬思ったのですが、それよりも「スピードが大事」という判断を下し、「全部自分でつくっちゃる！」と決心しました（とは言ってもほとんどTwitterBootstrapに頼っているのですけどね・・・）。
↑ 枠線スタイルの試行錯誤過程。こういった地道な作業も厭わない！
というわけでデザイナーでもなんでもない自分がWebサービスを作りたいと思った時に個人的に気をつけていることでもまとめてみます。だらだらとした自分メモなのでまぁ、ご興味があれば＆お時間のあるときに。
これ一冊読んでおけばOK。
» ノンデザイナーズ・デザインブック [フルカラー新装増補版]
もし本買うのがあれだったらこちらの素晴らしきブログを熟読のこと。
以前にも書きましたが、「トリガーバンク」という考え方が好きだったりします。
「デザインの参考になるサイト集」なるサイトもたくさんありますが、「インスピレーションが欲しい！」というときにそういうサイトを見ても時間ばかりかかってうまく見つけられなかったりします（ですよね？）。これらは他の人が選んだサイトなのでいまいちピンとこないのです。
そこで個人的にやっているのは、「あぁ、このサイト、綺麗だな、創作意欲が湧くなぁ」と自分が感じたサイトを普段からブックマークしておくことです。
そのときにはただ単に「綺麗だな、エッジが立っているな」と思うだけなのですが、それらをストックしておいて、必要なときに「アイデアが欲しい！」という問題意識と組み合わせることで、次々にインスピレーションを得ることができます。
この「普段からブックマークしておくという習慣」がポイントです（アイデアのトリガーをストックしておく、という意味で「トリガーバンク」です）。必要になってから探し始める、ではスピードが遅くなってしまいますからね・・・。
なお、そうしたサイトからインスピレーションを得るときには、はっきりとした目的意識を持つようにしましょう。「見出しのデザインを探すぞ」「サムネイルのかっこいい並べ方を探すぞ」という意識がはっきりしていればはっきりしているだけ、さっとアイデアが見つかるような気がします（僕の場合）。
好きな名言のひとつに「Inspiration is a time machine.」というものがあります。一言でいうと「インスピレーションの力を借りてスピードアップしよう」という心構えの話なのですが。
ゲームの中にはそれを取ると透明になって無敵になれるアイテムがころがっています。それをとればどこにでもいけるし、何でもできるし、心配事がまったくなくなります。
そうしたアイテムは現実世界にもあります。それがインスピレーションです。それは絵かもしれないし、誰かの言葉かもしれないし、ちょっとしたアイディアかもしれません。
それを見つけたらすぐにとって走りはじめよう！すぐにとって走りはじめれば、いままでまったく手のつかなかった仕事もびっくりするぐらいの速度で仕上げることができます。インスピレーションはそのときタイムマシンに変わるのです。
ただ、インスピレーションは「今」にだけ存在しています。あなたはそれを保存したり、バッグに入れておいてあとで使うことはできないのです。見つけたら、すぐに！走り始めよう！
以下、ご興味のある方はどうぞ。この名言シリーズ、今読み返しても結構いいな（自画自賛ｗ）。
» 【名言】 インスピレーションはタイムマシンだ！ | IDEA*IDEA
ちなみにインスピレーションを得た時にただそれを真似するだけだったらまぁ、なんというかいろいろ問題がありますし、一番困るのは自分がときめかないことですよね。
そこでデザインするときに気をつけているのは「自分だったらどうするか？」という視点を持つことです。以前も書きましたが、ある写真家さんの言葉が今でも心に残っています。
「他の人の写真に興味のないやつはだめだね。うまくならない。」
「他の人の作品だと欠点が見えやすい。自分の作品からは見えにくいけどね（笑）。だから他の人の作品をみて『自分だったらここはこうするのに』と思うことが大事。その積み重ねが地道なスキルアップにつながるんだよ。」
ちょっとしたことでも自分で工夫をしてみる、気になるものは組み合わせてみる、といったことをしていけば、少しずつでもスキルアップしていくことができると信じています。
以上・・・、まぁ、「えー、ドットインストール程度のデザインで何言っちゃってんの、この人？」的なエントリーではありますが、ご参考までに。
ただ、実感として自信を持って言えるのは、デザインを諦めない、という決断をしたことでスピードは数倍〜数十倍に跳ね上がりますよ、ということですな・・・。
昔、こんなのも書いていましたね。そっちのほうがまとまっているという・・・汗。
なんかダイナミックだなｗ。この発想はすごいぃ。
↑ 3分ほどの映像です。特にオチはないですｗ。
使い方的におもしろいですが、一歩間違えると大惨事ですよね・・・。それも含めて実にスリル満点の乗り物だと思います。乗りたくないけど。
なんか頭よくなりそうですね。
↑ すごいな。
↑ かっこいいすね。
技術書だけで作ってオフィスに置いておきたい、と思ったのは僕だけではないはず！ｗ
この発想はなかったな。
ミニ自動車の「Smart」がツイッター上で仕掛けたプロモーションらしいですが、なんとも斬新。なんとタイムラインを使ってアスキーアートアニメーションを展開しています。
次のツイートにいくショートカットキー、「J」を押していくとストーリーが始まります。
↑ 「J」を連打しましょう。
ツイートのロードにちょっと時間がかかるのと、最後に特にオチがあるわけではない、という点を除けばかなりクリエイティブではないですかね。いろいろと応用が効きそうです。
ご自身で試してみたい方は以下からどうぞ。
単純にアートとして素敵だったのでご紹介。Video Game Planetsではゲームの世界観を星のようなアートに仕上げていますよね。全部で20個ありますが、わかりますかね。
↑ 3分弱の映像です。
元記事には正解がありますよ。わからなかったらどうぞ。個人的には数個しかわからなかった・・・。
誠Biz.IDの「Webサービス図鑑」を応援中です！
