TDCのRGB賞を受賞しました。それにともない4/4からギンザ・グラフィック・ギャラリーにて他の受賞作品と並んで展示されます。お近くにお立ち寄りの際はご覧ください。一応美大のグラフィックデザイン学科の出身なので、TDCやギンザグラフィックギャラリーにはいつかはあそこで...的な憧れを抱いてたのでとても嬉しい。授賞式では学生の頃から作品を見てたような大先輩や巨匠に挨拶させてもらう機会があり、いろいろお褒めの言葉をもらえたのはとても光栄だった。bouzeTweet超主観で2013年に出会ったものをランキングで振り返ってみるテスト2本目、ウェブサイト編。Jukeboxhttp://labs.echonest.com/Uploader/index.htmlアップロードした音楽のフレーズを解析して、似たフレーズから似たフレーズにスキップさせ続けることで永遠に終わらない音楽を作ってくれるサービス。Borjomihttp://thedeepestsite.com/一昨年ぐらいから縦長1ページで見せるサイトが急増してスクロールに連動したアニメーションっていう演出にみんなが飽きだしたところに、だったら死ぬまでスクロールしてみろと言わんばかりに登場したサイト。世界中でマウスホイールを壊したに違いない。Filmarkshttp://filmarks.com/ソーシャル映画レビューサービス。今やってる映画のキャッチアップは当然のことながら、あの人やこの人が高く評価してる映画とかを発見できる。こんな感じで観終わった映画の管理もできるので、最近のおすすめは?とか聞かれた時にサッと調べられるのも便利。Doorhttp://www.safestyle-windows.co.uk/secret-door/どこでもドアのアイデアを違和感なくウェブに定着しててうまい。飛び先を屋外でなく室内にすることでドアをくぐった後の風景にバリエーションを感じさせるようにしてるのもうまい。Touchhttp://donottouch.org/時間を無視してひとつのコンテンツを大勢で楽しめるニコニコ動画的なライブ体験をマウスを動かす操作だけで成立させていてとても素敵。Clickerhttp://orteil.dashnet.org/cookieclicker/ゲームにおけるレベル上げとかメダル落としで得られるスコアアップの快感をこれでもかというぐらい短時間に得られる超インフレゲーム。ゲームの内容同様、一気にバズって一気に収束していく様が感慨深かった。Forwardhttps://moneyforward.com/銀行、クレジットカード、携帯電話、Tポイントのオンラインアカウントを登録すると、何もしなくても自動で毎月の収支を完璧に網羅したおこづかい帳をつけてくれるサービス。「n-clickを1-clickにすると商売になる。1-clickを0-clickにすると革命になる」という名言があるけどそれを地でいったウェブサービス。Happyhttp://24hoursofhappy.com/いうなれば現代版のUNIQLOCK。happyっていうドメインも良いし、曲も良いし、出てくる人達のノリも良いし、もう全部良い。技術的にもcanvas、svg、video、pushstateとかモダンな実装で隙がない。bouzeTweet以前このブログでも書いた「のめりこませる技術」の中でディズニーランドを取り上げる節があって、それを読んだ時に自分がウォルト・ディズニーについてほとんど知らない事に気づいたので、この際できるだけ詳細に書かれた本を読んで勉強しとこうと思い、探してみたところこの本を見つけた。この本はウォルト・ディズニーが生まれてから幼少期を経てアニメーターを志し、ディズニースタジオを立ち上げ、ミッキーマウスを生み、白雪姫をヒットさせ、ディズニーランドを成功させ、次のプロジェクトを進めるさなかに亡くなるまでの生涯が600ページにわたって書かれてる。ウォルト・ディズニーに関する出版物は発売前にディズニー社の検閲があるそうなんだけど、この本はディズニー社の協力を得ながらも検閲を受けず出版されたらしい。そのせいか、ネガティブな話も結構書かれているので、一般的な偉人のイメージではなく、一人間としてのウォルト・ディズニーのイメージが掴めた気がする。現代に色濃く影響を残す巨人の伝記を読むのは学びが多いのでぜひ。bouzeTweet超主観で2013年に出会ったものをランキングで振り返ってみるテスト1本目、映画編。※ネタバレを少し含むので注意されたし。クロニクルある出来事をきっかけに超能力を身につけた主人公のドキュメンタリー、という設定の作品。倒すべき敵が登場したり、誰かを救ったりみたいなこの手の作品にありがちな展開じゃなく、超能力に翻弄される人間の生活が淡々と描かれてく。この手の映画には珍しくリアリティがあって、全体としてあんまり見たことのない作品になってる。桐島、部活やめるってよとある高校の何気ない日常を舞台にした前半部分。ところが桐島が部活を辞めるっていう出来事をきっかけにこれまでの日常が崩壊しはじめる。ありがちな学園ドラマと思わせときながら、後半からのドミノ倒し的な展開で、学校の中の見えない食物連鎖のようなシステムを露呈させていく手法がすごかった。板尾創路の脱獄王ストーリーは長いフリとオチというシンプルな構造。オチに向かって繰り返される脱獄のループ、脱獄のための仕込みを繰り返すループ。シンプルな構造にこの二つのループで厚みを持たせることで、グッと引き込むっていう作りがすごい。シュガー・ラッシュレトロゲームの抑揚のないモーションを、ディズニー的解釈によって脚色されたアニメーションがものすごく気持ちよくて、ストーリーよりも表現が印象に残る作品だった。ドッグヴィルこの作品は建物が床に描かれた線のみで表現されてるので、壁がカメラを遮ることがない。村で起こる出来事は常に同時進行的に写される。建物の中でショッキングな事件が起こるシーンでも、背景ではほのぼのと日常をおくる村人の様子が同時に描かれる。この非日常と日常のコントラストのせいで作品の異常性が増長されてる。この特異な表現がちゃんと作品のテーマと結び付いて、すごいインパクトのある作品になってた。bouzeTweetのらもじ発見プロジェクトというサイトを公開しました。このプロジェクトは学生の頃にネットで知り合ったりんたろうさんと、そのお友達若岡さんという謎の繋がりの3人で今年の2月ごろからひっそり進めていたプロジェクトです。いうと、街で見かけたデザインされてないけど味のあるイケてる文字(のらもじ)をデジタルフォント化してドネーションウェアとして配布し、その利益を文字の持ち主に還元しようというプロジェクトです。(詳細はこのページを参照のこと)個人的にはトップのタイプテスターがいい塩梅に仕上がったので試してもらえればと。先週末に公開したところ公開数時間でホッテントリ入り、3日で500ブクマ、1200ツイート、7000いいね!と想像していたよりも反響が大きく、時間をかけてやってよかったなぁと思ったりしてます。お手伝いしていただいた方々本当にありがとうございました。プロジェクトとしては始まったばかりで気が抜けないですが、まずは無事公開できてよかったぁー。bouzeTweetHTMLで画像とか動画とかのリソースをページが表示される前にプリロードするパターンあるじゃないですか、あれでちょっと思いついたのがあるんでメモしときます。3本読み込んだら再生をはじめて、残りのビデオは裏で読みってやってみたんですが、この読み込みの処理がなかなかヘビーでして、再生してるビデオがコマ落ちしてまともに再生されないんです。しよう、どうしようということで読み込み処理をビデオの再生とは別のスレッドにしてみたんです。すると狙いどおりビデオがコマ落ちすることなくバックグラウンドで読み込みができるようになりました。40本同時に並列でダウンロードしても処理落ちせず爆速です!(Workerが使えない環境の場合は同一スレッドで、しかもビデオの再生を邪魔しないように全部のビデオを読み込むのを待つようにしてるので段違いに遅い)大量の画像をプリロードしてからはじまるサイトとかでもWorkerを使って分散すればずいぶん高速化できるんじゃないでしょうか。ソースはこんな感じです。main.coffeeから呼び出したPreload.coffeeまでが最初のスレッドで、Preload.coffeeがload.coffeeを別スレッドで実行してつつ読み込みが終わるのを待ってるという流れ。bouzeTweet最近移動中に読んでた「のめりこませる技術」が面白かった。この本はいろいろなメディアやコンテンツが作られた背景を追いながら、人がなぜ物語にのめりこむのかを考察していくという内容。映画が主流なメディアだった時代の名作から、ソーシャルメディアが台頭し始めた現代の名作を例にあげつつ、どのようにして人がその物語に没入していくのか、そして時代とともにその仕掛けがどのように変化してきているのかを解説している。Chickenやオールドスパイス、AXE、Nike+などの広告、そしてPongやシムピープル、メタルギア・ソリッド、グランド・セフト・オートなどのゲーム、さらにはBloggerやYouTube、Twitterなどのネットメディアまで様々。マスメディアからソーシャルメディアに主戦場が移った近現代のメディアの変遷を、普段自分の持っている視点とは異なる「物語を作る」という少し大局的な視点から読めておもしろかった。bouzeTweet「ない世界」展にて展示された「色のない世界」という作品を制作しました。ウェブをゆっくりと白黒化させながら巡回する作品です。自動巡回機能をなくしたChromeの拡張機能版はこちらからダウンロードすることができます。inc.のポートフォリオサイトを制作しました。トップページではお馴染み岡崎さんのPOOLのLOOP映像が流れます。クレジット等、詳細はこちらで。7割を文字がもじゃもじゃ動くエフェクトを作ってたわけですが、このへんの実装について。当初は今どきっぽくcanvasで実装しようと思っていたのですが、文字を塗りつぶすほどの量の線をまともなフレームレートでアニメーションさせることができず、リアルタイムに描画することを諦めプリレンダリング路線に切り替えました。アニメーションをプリレンダリングするために、モノクロの画像をほりこむとアニメーションが1コマづつ縦に並んだスプライト画像(こういうやつ)と、このスプライト画像のアニメーション兼配置用のsassが書きだされるジェネレーターをこしらえました。サイト上ではこのスプライト画像のbackground-positionをjsで操作してアニメーションさせたりマウスオーバーに反応させたりしています。↓もじゃもじゃジェネレーターそんな感じです。阿部夏澄さんのポートフォリオサイトを制作しました。postsAuthor西村斉輝1984年兵庫県生まれ。2011年多摩美術大学グラフィックデザイン学科卒業。