└ ＴＮ at 2008年7月27日
└ タロウ at 2008年6月11日
◆play > smart
└ ＴＮ at 2008年6月 4日
└ 通りすがり at 2008年6月 4日
◆DESIGN SHOW CASE
└ TN at 2008年3月17日
└ tera at 2008年3月 6日
└ tera at 2008年3月 6日
◆ジャンプスクエア
└ TN at 2007年10月19日
└ tkhs at 2007年10月18日
◆SEIBU AUTUMN COLLECTION
└ bA社員 at 2007年8月31日
└ ＴＮ at 2007年8月29日
└ kat at 2007年8月29日
2008年8月11日
DIOR HOMME DERMO SYSTEM
[ Ads ] [ EDGENOW ] [ Fashion ] [ WebDesign ]スリマンが去った後、めっきり勢いがなくなったDior Homme。
しかしこのDior Hommeのコスメサイトは本当に素晴らしい。
DIOR HOMME DERMO SYSTEM
(要Flash;BGMあり)
制作はHappy End
疾走感あふれる映像とうまくシンクロした音楽、そしてその映像に埋め込まれたクリッカブルな説明。
テンポやカット割りが絶妙。
ムービーを主体にしながら、比較的ユーザビリティを損なわない形のナビゲーションもうまい。
必見
Via :: thefwa.com
2008年8月 6日
FONTPARK2.0
[ EDGENOW ] [ WebDesign ]中村勇吾氏の新作、フォントメーカー、モリサワのバイラルサイト。
フォントをパーツとして使い、絵を構成するというモンタージュサイト。
直感的で分かりやすいインターフェイス、小気味よい動き、絶妙なSE。
それらすべてが合わさって、さわっているだけ、みているだけでわかる楽しさを非常に見事に演出しています。
中村氏の持ち味が存分に活かされた素晴らしいサイト。
必見！
Shanghai World Financial Tower
[ EDGENOW ] [ WebDesign ]すでに大きな話題になっていますが、森ビルによる上海環球金融中心のサイト
Shanghai World Financial Tower
が素晴らしい。
制作は、ユニクロのDRY IN MOTIONの制作で知られるmount inc.
なりよりも素晴らしいのは、スクロールを巧みに利用して、演出された"タワーの高さ"を感じさせるそのナビゲーション。
そしてその「縦長な」ページをうまくブラウジングできるように配置されたPicasaのような加速するスクロールバー。
もう見事としか言い様がありません。
必見！
Via :: delicious.com/anzu
2008年7月25日
「NOW UPDATING... 」
[ Art ] [ Design ] [ WebDesign ]なぜ今まで開催されなかったのか不思議な位のエキジビションがついに、ついに開催
NOW UPDATING...
THA／中村勇吾のインタラクティブデザイン
8/5(Tue)-8/28(Thu)
日曜・祝祭日休館 11:00a.m.−7:00p.m.（土曜日は6:00p.m.まで） 入場無料
ギンザ・グラフィック・ギャラリー及びdddギャラリーにて開催。
8/6(銀座)、8/8(大阪)でトーク・イベントあり。要予約、ただし銀座は予約受付終了。
ネットにむかって何かを作る、という行為は、ある定まった何かを完成／定着させる、というよりは、ある動作原理を「解き放つ」といった方がしっくりとくるように思います。アップロードが完了し、いよいよ公開するぞというその瞬間に、思わず「いってらっしゃい！」って叫びたくなります。（叫びませんけど。）
ネットに解き放たれたプログラムが、世界中のそれぞれの場所、それぞれの瞬間に、それぞれの来訪者との一期一会を重ねながら、ただ淡々と更新され続けていく。そこには、はじまりも、終わりも、存在せず、ただそれぞれの瞬間が連続するばかり。そんな感じが好きなんです。
今回は私たちにとって初めての展覧会になります。これまでの仕事から、これからの試作まで。けっこう面白いものから、割とまあそこそこのレベルのものまで。色んなプログラムをずらっと並べて一斉に作動させまくります。どうぞよろしくおねがいします。
この言葉からも中村氏のウェブ対する思いの一端が伺いしれますが、彼の"小気味よい"作品が一堂に会する機会。
絶対行きたいと思います。
2008年7月22日
APMT4
[ WebDesign ]CBCNETが主催するデザイン＆アートカンファレンス
APMT4が8/31(Sun.)開催
現代のあらゆるビジュアル表現に焦点を当て、様々な分野で活躍しているデザイナーやアーティストがプレゼンテーションを行うカンファレンスです。創作活動の背景や課程、またその理念などを紹介し、「学ぶ」だけではなく、人々の創作意欲を感化し、新たな価値観を見つけられるようなイベントとして展開しています。今回も国内外から多様な表現をするデザイナー・アーティストが出演します。
会場：ベルサール九段
定員：400名
日時：8月31日（日）12:00〜20:00
チケット：一般4500円 学生3000円
スピーカーは、川島高氏、Assistant、Graffiti Research Lab、NorthKingdom、長谷川踏太氏。
tomatoの長谷川さんの話が聞けるのはちょっと面白そう。
今回は日曜なので、都合がつけば行ってみようと思います。
2008年7月18日
House of Cards by JS
[ EDGENOW ] [ WebDesign ]2日続けて同じ話題ではありません。昨日とりあげた"House of Cards"のスキャンデータを利用して、JavascriptでPVを再現したムービーがはやくも登場。
House of Cards
Safari、IEでは動作しません。
結構重いので注意。
1-9キーを押すことでエフェクトをかけることが可能。
実際のスキャンデータは秒間30フレーム、800MBにも及ぶため、javascriptで処理できるように秒間6フレームにして、1フレームあたりのポイント数は12000にしている模様。
昨日のPVにもかなり驚きましたが、それをjavascriptで実装し、しかもインタラクションを付加していることに圧倒されます。
ちなみにこんなことをやったのは誰かというと、このサイトでも再三取り上げている"マリオカート"や"スーパーマリオ"の作者、Jacob Seidelin氏。
2008年6月25日
シリアルキラー
[ Ads ] [ WebDesign ]アメリカ、マイアミで続発する連続猟奇殺人事件の現場から、奇妙なメッセージが発見された模様です。
次の予告として、「ジョナサン・ジョースター」、手がかりには"Dio"の文字。
一体何が起こっているのでしょうか。
ニュースの後、しばらく見続けてください。
と冗長な前フリでしたが、これはDexterというシリアルキラーを題材にしたFOXのドラマのバイラルサイト。
次の"犠牲者予告"の名前や手がかりのメッセージを入力するとニュース風のムービーを自動生成してくれます。
表現の自由は非常に大切だと思いますが、ドラマの題材としても、キャンペーンとしてもちょっとやり過ぎ/悪乗り感は個人的には否めません。
2008年6月 6日
280 slides :Objective-J App
[ EDGENOW ] [ Web2.0 ] [ WebDesign ]Processing.jsもかなり驚きましたが、今回はそれ以上です。
多分天才とはこういうことをいうのでしょう。
鳥肌どころか、寒気を覚えました。
280northというおそらく従業員3人のスタートアップによってつくられたオンラインプレゼンテーション作成アプリケーション。
Keynoteに似た小気味よいインターフェイスで、非常に直感的な操作を提供し、YoutubeやFlickrからイメージやムービーを取りこめたり、作ったプレゼンファイルをSlideshareに共有できたり、PPT2007でダウンロードできる。
とここまではありがちなオンラインアプリケーション。
ところが、280slidesのすごいところは、その構築技術。
Firebug、もしくはSafariのActivityウィンドウでロードされているファイルを見ると驚愕するだろう。
見慣れない".j"という拡張子。
たとえばこのmain.j、DocumentController.j。
// // main.j // Editor // // Created by Francisco Tolmasky. // Copyright 2005 - 2008, 280 North, Inc. All rights reserved. //import
importimport "Document.j"
import "DocumentController.j"[DocumentController sharedDocumentController];
function main(args, namedArgs)
{
CPApplicationMain(args, namedArgs);
}//parse arguments
var args = window.location.hash.replace("#", "").split("/").slice(1);
var namedArgs = nil;for(a in args)
a = decodeURIComponent(a);//call main with arguments
window.setTimeout(function(){main(args, namedArgs)}, 0);
OSXで開発したことがある人なら見覚えのあるCocoaのクラス名に似ている。
そう、このサイトはCocoaの開発言語、Objective-Cをjavascriptにポートした言語、Objective-Jで構築されている。
もちろんブラウザにそんな新しい言語のコンパイルの機能はないので、Objective-j.jsというjavascriptにobjective-jが渡されて、javascriptにコンパイルされてブラウザで実行されている。
どんなふうにコンパイルされるかは、コンパイル済みのAppKit.sjをみるとちょっとわかる。(残念ながらソースのAppKit.jはロードできないようですが。。)
もうここまでjavascriptでやられると言葉にならないというか、表現のしようがありません。
[追記]
なおこのobjective-jは"Cappuccino"というフレームワーク名で近々オープンソースになる模様。
圧巻の一言。
必見！！
via :: del.icio.us/popular
2008年6月 5日
THE ECO ZOO | ECODA!DOBUTSUEN
[ Ads ] [ EDGENOW ] [ Web2.0 ] [ WebDesign ]もうかなり話題ですが、圧倒的なセンスと技術力。鳥肌が立ちました。
THE ECO ZOO | ECODA!DOBUTSUEN
(要Flash;BGMあり)
制作はROXIKの城戸氏。
見事な3D空間。そして信じられないくらいの軽さ。
なによりも小気味よいインターフェイス。
絵本を回転させたときまで考えられたコンテンツ。
素晴らしすぎて言葉がありません。
必見！！
2008年6月 3日
Goosh
[ EDGENOW ] [ Google ] [ Web2.0 ] [ WebDesign ]アンオフィシャルですが、Googleの"シェル"(wikipedia)
グーグル検索をブラウザ上のコマンドラインから行うことができるもの。
helpとうつと使えるコマンド一覧が表示される。
デフォルトではUSのgoogleで検索になるので、日本に代えたい場合は
lang ja
と入力。
通常検索の場合は、そのままキーワードを入力してreturnすると検索される。returnを押すごとにページングされた結果が表示される。
もとの画面に戻る場合は clear。
さらに
image 検索語
でイメージ検索、
news 検索語
でニュース検索など、ほぼすべてのグーグルサービスをコマンドラインから実行可能になっている。
実用性は正直低いですが、発想/UIとしてはかなり面白い。
ブラウザじゃなくて、ほんとにターミナルで実行できたら使いたかったかも。。。
Via :: del.icio.us/popular
2008年5月30日
本を読め！
[ Ads ] [ EDGENOW ] [ Web2.0 ] [ WebDesign ]lニュージーランド読書協議会(New zealand Book Council)によるバイラルサイト。
Read At Work
(要Flash；"ログオンすると全画面表示")
上記の通り、非常に忠実にFlashでWindows XPを再現。
"デスクトップ"上には、Poetry やClassicsといった名前のフォルダがあり、その中にはPPT(PowerPointファイル)が。
そのPPTをダブルクリックすると、"PowerPoint"が立ち上がる。
そのPPTの中の文章がエリオットやディキンソン、エドガー・アラン・ポーなどの名作文学になっており、スライドを読み進めて行くことで名作文学を読むことができるようになっている。
名作文学のPPTに"偽装"方法がかなり面白い。
かなりきちんと確認しないと、このPPTを読んでいても、仕事をしているようにしか見えないかも。。。
逆に言えば、これだけ活字離れが進んでいるということなのでしょうか。。。
必見！
Via :: del.icio.us
2008年5月26日
セクシースバル
[ Ads ] [ Design ] [ EDGENOW ] [ WebDesign ]ちょっと話題になったある意味"セクシー"なスバル・フォレスターのカナダでのＣＭ
セクシースバル
（Youtube;要Flash;BGMあり;RSSリーダによっては表示されません）
のプロモーションサイトが登場。
制作はDDB Tronto
フォレスターの専属カメラマンとなって、フォレスターと"セクシーモデル"のセクシーショットをとるという内容。
もちろんとった写真は共有したり、（現状実装されていませんが）加工したり、さらにはコンテストに応募することも可能。
フォレスターの特徴の紹介と写真の撮影をうまくミックスさせています。
そのユーザインターフェイスもかなり作り込みがなされて、気持ちいい。
そしてこんなシュールなことを本気でやってしまうそのセンスが大好き。
Via :: Buzzing Bees
2008年5月23日
マリオカートJS
[ EDGENOW ] [ Games ] [ Mario ] [ WebDesign ]すごすぎる。。
以前とりあげた14Kbのスーパーマリオの作者の作品。
わずか11Kb。
今回は外部イメージも使用。
FF2, FF3, Opera(9.27〜), Safari 3.1.1に対応。IEでは動作しません。
マリオ、ルイージ、ピーチを使用可能で、マップは2つ実装。
アイテム等はなく、純粋なレースゲーム。
矢印キーで操作。
本当に圧巻。
必見！
2008年5月22日
Gringo
[ EDGENOW ] [ WebDesign ]ブラジルのウェブ制作会社Gringoのサイトが面白い。
Gringo
(要Flash;BGM必須)
ウェブカムを使って、ムービーを作成することでユーザが自分の言語を教えるというインスタレーション。
ユーザは5秒間ムービーを録画することができ、自分の言語で何かをしゃべり、それに対応する英単語を入力する。
登録されているのは、きたない言葉がおおいとはいえ、その発想もそのインターフェイスも秀逸すぎるくらい秀逸。
特に、登録されたムービー一覧のページが小気味よくて気持ちいい。
このインスタレーションだけでなく、作品紹介や求人募集などのページも非常に気持ちいい動き。
必見！
Via :: del.icio.us
2008年5月21日
play > smart
[ EDGENOW ] [ WebDesign ]メルセデス・ベンツのsmartのプロモーション・サイト
play > smart
(要Flash)
制作は調べたのですが、わかりません。
ご存知の方、いましたら教えてください。
非常に丁寧な作り込み。
smartをカスタマイズしたり、それをペーパクラフトとしてダウンロードできる。
またドライブゲームがお絵描きになっていたり、そのゲームでレベルをクリアしていくと新たなカスタマイズパーツが手に入れられたりと練り込まれたコンテンツ。
おそらく女性ユーザをターゲットとしたものなのでしょう、かわいさはアピールできていると思いますが、smartのモデリングが、ペーパクラフトを狙ってつくった結果かもしれませんが、ゲームで左右に曲がってもタイヤが曲がらなかったり、リアルにするのか、デフォルメするのか、少しどっちつかずになってしまっているのが非常に残念です。
でもコンテンツとしては非常によくできていて、面白い。
Via :: del.icio.us/msk
2008年5月20日
Cubescape
[ Design ] [ EDGENOW ] [ WebDesign ]jQueryで構築されたウェブ積み木
クリックでキューブを積み上げることができ、また積み上げる様子をムービーとして録画することも可能。
（もちろんムービーの録画/再生もjQuery）
Flashでないということが信じられないほど、小気味いいインターフェイス。
積み上げるのはもちろん、影や消すときの表現もいい。
テクニカルな部分を除いても、単純に触って面白いサービス。
必見
Via :: ajaxian.com
2008年5月15日
FlashPlayer10 beta リリース！
[ EDGENOW ] [ WebDesign ]昨年のMaxでスニークプレビューされてから早7ヶ月。ついにベータが登場
ベータリリース。正式版は今年後半リリース予定。
また新API等は今回はリリースされず、あくまでもPlayerのみリリース。
新APIのリリースは後日。
新機能としては、
スニークプレビューでも触れられていたカスタムフィルターの作成を可能にする機能。
Hydraから上記正式名に。
・3Dサポート
オブジェクトをX軸、Y軸、Ｚ軸で回転できるメソッドの追加。
あくまで２Ｄオブジェクトを3D回転させるものであり、既存の3Dライブラリとは位置づけが異なる
またIK(インバース・キネマティクス）サポート
・新しいテキストレンダリングエンジン
アンチ・エイリアスや縦書き、右から左への横書きなどをサポートするエンジンを搭載
・パフォーマンス向上
描画処理をCPUで行うのではなく、GPUに行わせることにより、負荷の軽減と高速描画を提供
などなど。
詳細な機能はデモサイトをご覧ください。
(要Flash10;下の方にFlash9で再生可能な動画もあり、Firefox[Mac]ではFlash10でも動作せず、Safariでも動きは微妙)
PIxel Blenderは面白そう。
GPUに処理を任せられるのは、地味にいいかもしれません。
リリースが楽しみです。
2008年5月14日
O!
[ EDGENOW ] [ WebDesign ]すこし話題になってますが、ロシアのOlga Serioginaという方のポートフォリオサイト
O!
(要Flash;BGMあり)
制作はONY
Displacement Mappingを使ったトランジションが素晴らしい。
サイトの雰囲気とSeriogina氏の作品のマッチングもいい。
必見！
Via :: del.icio.us/trick7
2008年5月12日
Spectra Visual Newsreader
[ EDGENOW ] [ WebDesign ]MSNBCが送る素晴らしいインターフェイスのニュースリーダ
Spectra Visual Newsreader
(要Flash)
Papervision3Dで描かれた３Ｄ空間に、巧みにニュースが表示。
さらにインターフェイスを切り替える(CHANGE VIEW)ことで、ウェブカムを使って、映し出されたものの色を認識させて、ニュースを読み進むことも可能になっている。
非常に小気味よい動き。
ニュースを多量に読むという本来的な意図からすると使いづらさは否めませんが、その秀逸なインターフェイスで"サイトをさわる"ことの面白さを明確に伝えてくれます。
必見！
Via :: すいません、わすれました。
2008年5月 1日
Open Screen Project
[ EDGENOW ] [ Web2.0 ] [ WebDesign ]とうとう扉が開かれた。
Flash Platform構想が発表され、「FlashPlayerはJAVA VMの夢をみるか？」という記事を書いてから3年。
ついにSWF仕様の使用制限が撤廃される。
このOpen Screen Projectは、PCだけでなく、モバイル、テレビ、さらにはあらゆる"スクリーン"でFlashおよびAIRを再生できるようにするというプロジェクト。
つまり文字通り「Write Once, Run Anywhere」を実現するもの。
もちろんアドビだけでそれを実現できるはずもなく、このプロジェクトには、ノキア、ソニーエリクソン、クアルコム、サムソン、モトローラ、LG、東芝、NTTドコモ、中華電気通信、ARM、Intel、マーベル、Cisco、NBCユニバーサル、MTV、BBCとデバイス、コンテンツの名だたる企業が参画。
このプロジェクトに際して、アドビは次のことを行う。
1.SWF/FLVの仕様使用制限を撤廃
これまでアドビはSWFのファイル仕様は公開していたものの、初期JavaにあったMS vs Sunのようなランタイムのばらつきを避けるために、仕様を利用して、SWF Playerを作成すること、FLVエンコーダを作成することを禁じてきました。これを変更して、まずFlash Playerの仕様使用制限を撤廃、そして将来的にはAIRの仕様を公開する。
これにより、Adobe以外でもFlash Playerを作成することができるようになり、既存環境以外にもさまざまなデバイスでFlashが動作することが可能になり、今まで以上にFlashの可能性が広がることになる。
2.Flash PlayerをポーティングするためのAPIを提供
よりスムーズにFlash Playerの移植を行えるようにポーティング用APIを提供。
3.2009年に予定されているFlashPlayerの次期バージョンから携帯端末へのライセンスフィーを無料にする
PCでは無料となっていますが、現状モバイル端末製造業者が現在支払っているライセンスフィー（このライセンスフィーはアドビの利益の２%）を次期バージョンからPCと同様に無料とする。さらにAIRも無料となる。
4. AMF、およびFlash Castをオープンソース化
Flash/Flex/BlazeDS等で使われているバイナリプロトコル、AMF、およびドコモのiチャンネルで使われているFlash Castをオープンソース化。
これらの背景にはやはり、先日Nokia端末への搭載を発表し、さらにMeshとよばれるあらゆるデバイスでデータを同期できるデータストレージサービスを発表したマイクロソフトのSilverlightの脅威があるのかもしれません。
現状のFlash8相当のFlash lite３とＰＣ版のFlash Playerというリソースのフラグメンテーションを打開し、ディベロッパー/デザイナーを集中させるために、このプロジェクトがうまれたのではないでしょうか。
このプロジェクトによりほんとうに「Write Once, Run Anywhere」となった時、どんなコンテンツが生み出されることになるのか非常に楽しみでなりません。
2008年4月30日
Publicis & Hal Riney
[ EDGENOW ] [ Interface ] [ WebDesign ]マウス以外の方法でユーザとのインタラクションをコントロールするものとして、最も有名なのは、おそらくMSのタッチスクリーンコンピュータ「Surface」。それ以外にも専用のソフトとデバイスを使って、ジェスチャでコントロールする「GoMonkey」などがあるかと思います。
しかしついにFlashを使って、既存のテクノロジーオンリーでジェスチャコントロールを行うサイトが登場。
Publicis & Hal Riney
（要Flash;要Webカム）
Flashを使ってwebカムにアクセスし、
webカムの映像の4辺のいずれかで手を振ることで、画面が切り替わる。
実用性としては微妙だけど、インパクトはかなり大きい。
やっていることは単純だけど、誰もが思いつきそうで思いつかなかった方法。
その発想力が素晴らしい。
必見
Via :: geekbreif.tv
2008年4月25日
ミツバチを救え
[ EDGENOW ] [ Movie ] [ WebDesign ]ミツバチの減少に警告を鳴らすハーゲン・ダッツによるCMおよびキャンペーンサイト。
まずは、CM
Häagen-Dazs: Opera
(Youtube;要Flash;BGMあり;RSSリーダによっては表示されません)
そしてサイト
CMの制作はPsyop, エージェンシーはGoodbye, Silverstein & Partners。
圧倒的なクオリティが、ある種の官能感をつくりあげています。
素晴らしい。
サイトでは、ミツバチをマウスで動かすというインターフェイスを採りますが、浮遊感のある感じが面白い。
2008年4月21日
Enjoy Your Flight
[ Ads ] [ EDGENOW ] [ Erotic ] [ WebDesign ]会社でみるには不適切なセクシャルな表現が含まれます。
格安航空券販売サイト"CheapTicket"のキャンペーンサイト。
Enjoy Your Flight
(要Flash;BGMあり)
[4/22]追記：すいません、リンクわすれてました。
全編英語ですが、英語がたとえわからなくても、大丈夫です。
フライトアテンダントを男性/女性から選び、飛行機に乗ってから、おりるまでを体験するサイト。
1人称視点で描かれ、"TOUCH ME"にマウスオーバーすることで、Axeも真っ青な展開が待ち受けています。
内容としてはちょっとあれですが、あまりにも異なるムービーを使うことで、マウスオーバーでムービーを切り替える効果をうまく演出しています。
最後のプレゼント応募フォームも入国証っぽいのもちょっといい。
Via :: del.icio.us
2008年4月18日
UT LOOP!
[ Ads ] [ EDGENOW ] [ WebDesign ]中村勇吾氏出演の4/1のプロフェッショナル仕事の流儀に登場したサイト
UT LOOP!
(要Flash;BGM必須)
番組をご覧になった方はご存知だと思いますが、ユニクロのTシャツをきた人が発するボイスパーカッションを組み合わせて、自分だけの"ループ"をつくることができるというもの。
TVCMでも同様の展開を行う。
TVCM
(Youtube;要Flash;BGMあり;RSSリーダによっては表示されません)
正直発想自体はごくごくありふれたものです。
しかしそれを中村氏始めthaの技術力とセンスが非常に魅力的なコンテンツへと変貌させています。
中村氏の作品は、以前ほど最近今一つ好きになれるものがありませんでしたが、これはその小気味よい動きとテンポのよさ、秀逸なインターフェイス、そしてTVCMとの連動など、どの切り口をとっても素晴らしいと本当に思える作品です。
必見
Via :: del.icio.us/trick7
It Looks Good
[ EDGENOW ] [ WebDesign ]気持ち悪い心地いいデザイン会社のサイト
It Looks Good
（要Flash）
上から降ってくるちょっと気持ち悪いかわいいキャラをつまんで投げたり、かき回したりできます。
ただそれだけなのだけれど、Box2DFlashAS3を使って構築された独特な操作感が小気味よく、心地いい。
Via :: del.icio.us
2008年4月17日
怒れるハンバーガー
[ Ads ] [ EDGENOW ] [ WebDesign ]いつもすばらしいクリエーションをみせてくれるバーガーキングから面白いサイトが登場
Angry-Gram
(要Flash;BGM必須)
タイプライターのUIでテンプレートにそった"怒り"のメール（英語のみ）を作成し、それを相手に送ると、怒り狂ったハンバーガーが読み上げてくれるというサイト。
英語のみですが、テンプレートを使用したことによって、非常にナチュラルな発音で読み上げてくれます。
またテンプレートの単語入力のインターフェイスが非常に小気味よく、快適。
英語がわからなかったとしても、入力インターフェイスと怒り狂うハンバーガーはちょっと面白いかもです。
Via :: del.icio.us
2008年4月 9日
14KBのスーパーマリオ
[ EDGENOW ] [ Games ] [ Mario ] [ WebDesign ]http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html
もう言葉がありません。
わずか（圧縮後）14KＢのjavascriptでつくられたスーパーマリオ
Super Mario in 14kb Javascript
(IE以外ではBGMあり)
矢印キーで操作。ミスした場合は、ブラウザをリロード。
上記はBGMあり、Largeバージョン。それ以外にも3タイプあり。
マリオや背景、クリボーなどすべてをjavascriptのcanvasを用いて、4色のみ使ったフォーマットでカスタムした文字列
で描画し、わずか1キャラあたり４０ー60バイトに抑えている。
画像は一切使っていない。
BGMもbase64でMIDIをエンコードして埋め込んでいる。(IEではBGMがならない)
その結果、非圧縮で35KB、YUI Compressorで圧縮後は14KBという極小サイズに抑えることに成功している。
本当に画像を一切使っていないとは思えない素晴らしい作品。
ソースコードを読むだけでも勉強になります。
2008年4月 7日
DODGE QUEST
[ Ads ] [ EDGENOW ] [ WebDesign ]クライスラーのDodgeのプロモーションサイト
DODGE QUEST
(要Flash;BGMあり)
直球過ぎるくらい直球ですが、ドラクエの世界を忠実に再現したサイト。
とてもよく作り込まれています。ドラクエ世代にはニヤリとさせる演出多数。
ただ惜しむらくは、敷居を下げるためなのかもしれませんし、不自由な操作感すらドラクエIの再現なのかもしれませんが、マウスのみのナビゲーションにした結果、非常にインタラクションが悪くなっています。
そのナビゲーションのせいで、テンポが悪くなって、ちょっといらいらします。
面白いコンテンツだけに、本質的な部分以外でユーザに不便を強いるのは残念な気がします。
Via :: FWA
2008年3月27日
compfight
[ Ads ] [ Design ] [ Movie ]EDGENow!にポスト。
多分Flickr検索では最も使いやすく、最もスマートなものの一つでしょう。
ライセンスの形態やフィルターの有無で検索できることはもちろん。
小気味よく表示され、必要十分な情報を見事に収めるそのインターフェイスが秀逸。
Flickrをよく検索する方にはお勧め。
Via :: Download Squad
2008年3月25日
EDGE Now!
[ Web2.0 ] [ WebDesign ]アドビが始めるちょっと変わったSBMサイト
3/25 16:30現在まだティザーのまま。
おそらく今日中にはオープンするのでしょう。
EDGE Now!とは
「この企画はヤラレタ！」
など、あなたが、どこかで見つけ、ブログに書いた、クリエイティブ性の高い
素敵なウェブサイトの情報を集めて紹介する、ウェブ・ポータルサイト、
それが「EDGE Now!」。
ブログに書かれたウェブサイトの記事は、随時、「EDGE Now!」にアップされ、
毎日、毎週、毎月、優秀サイトが決定する仕組みになっており、
より多くの人のブログに書かれた注目度の高いウェブサイトほど、
優秀サイトとして発表される可能性が高まります。
「EDGE Now!」 は、みんなで世の中の良いサイトを決定していく場所。
自分にとって参考になるウェブサイト探しができる、便利な場所として
成長していきます。
デザインサイトに特化したSBMと言うか、CGM版K10K,CBC-NETと言うサービス。
今までにないタイプのサービスなので、かなり楽しみです。
ということで、仮登録していたので、本登録してみました。
左のカラムにEDGE Now!バッジもつけてみました。
EDGE Now!で紹介するサイトはカテゴリー"EDGENOW"になります。
よろしくお願いします。
2008年3月17日
Line Rider for Wii/DS
[ Games ] [ WebDesign ]チェコの学生が発表するや否や、大きな話題となった「Line Rider」のWii版/DS版のムービーがついに公開。
Line Rider for Wii
(IGN;要Flash;BGMあり;RSSリーダによっては表示されません)
Line Rider for Wii エディット画面
(IGN;要Flash;BGMあり;RSSリーダによっては表示されません)
Line Rider for DS エディット画面
(IGN;要Flash;BGMあり;RSSリーダによっては表示されません)
ゲーム性をそこなわずにグレードアップさせています。
イラストレータのように、ペジェ曲線にハンドルがつくなど、若干Wiiのインターフェイスでは操作しづらいのでは？と思うところもありますが、今後の展開が楽しみです。
Wii Connect 24を通じて、コースのやりとりができたりするといいかもしれません。
Via :: Game*Spark
2008年3月10日
Deep Zoom襲来！
[ Design ] [ WebDesign ]MSがpushするFlash対抗RIA技術"Silverlight"。
正直ノキアのSilverlight採用に続き、かなりの衝撃です。
約９ヶ月前、MSの驚異の「Seadragon」を取り上げましたが、まさかこんな形で登場するとは思ってもみませんでした。
MIX08で公開されたSeadragonの最新の姿をご覧ください。
(WMV;要音声)
上記はMIX08で公開されたSilverlight2.0で構築されたHard Rockカフェのサイトの構築ノウハウのセッション。
ここで登場するDeepZoomがSeadragonの進化形で、しかもSilverlight2.0のコンポーネントとして提供される。
これだけのズームをかなりお手軽に実装することが可能になっている。
Flashでも同様のことはもちろんできますが、ここまでお手軽ではないかも。。。
下記Hard Rock カフェのサイトも必見です。
Link :: Hard Rock Memorabilia
(要Silverlight2.0b1)
Modernista!
[ Ads ] [ Web2.0 ] [ WebDesign ]思わずうまい！とうなってしまった、web2.0の特徴であるオープンデータを活かしきった広告エージェンシー
たとえば"about"には、WikipediaとFacebook、作品のムービーにはYoutube、プリントにはFlickr、ウェブにはdel.icio.usという、企業情報を名だたるCGMのサイトで構築し、そのCGMのサイトのページにjavascriptでオーバーレイしたメニューを表示して自社サイトとするという超画期的なボストンの広告エージェンシーModernistaのサイト。
[3/10追記]
リファラをみて、上記サイトを表示した際に、表示されるサイトがどんどん増殖するようになっているようです。
なので、このブログも表示される可能性があります。
思いつきそうで、だれも思いつかなかったコロンブスの卵的発想がすばらしい。
そのセンスでこれだけ印象的なサイトをつくることができるクリエーションに脱帽。
必見
Via :: del.icio.us/saqoosha
2008年3月 4日
DESIGN SHOW CASE
[ Web2.0 ] [ WebDesign ]SunとMashUp Awardなどを展開しているリクルートが贈るREST APIの利用ショーケース
DESIGN SHOW CASE
(僕の環境のSafari3では動作しませんでした。)
がついにローンチ。
リクルートの提供するREST APIを使って、６組のデザイナーがマッシュアップ作品を公開。
毎回テーマが決められており、第１回の今回は、「食」。
ホットペッパーのAPIを用いて、作品が構築されています。
そして何よりもその参加している６組がそうそうたるもの。
METAPHOR、KAYAC、paperboy&co、.spfdesign、リクルートから、寺井"trick7"周平氏、Takuo Suzuki氏（すいません、調べたのですが漢字わかりませんでした）
若干重いのが気になりますが、どれもAPIをうまく利用して、その人なりの見事な味付けで表現されています。
今までマッシュアップというとどうしてもディベロッパ系のものが多くて、design-orientedなものが少ない状況だったので、この企画がその状況に一石を投じてくれることを願います。
2008年2月29日
世界一難しいCAPTCHA
[ Web2.0 ] [ WebDesign ]まずは下の画像を御覧ください。そして解を考えてみてください。
おそらく世界一難しいCAPTCHA(wikipedia)
Quantum Random Bit Generator Serviceという乱数発生サービスに登録する際に求められるもの。
人間かどうか証明するために、数式を解いてください。
わからなかったら、簡単なわかる問題が出るまでリロードしてください
という注釈付き。
サービス自体が科学者向けだから成り立つCAPTCHAなのでしょう。
数式を解かせるというのが結構面白い。
Via :: Giavasan
2008年2月21日
Red Bull Flight Lab.
[ Ads ] [ EDGENOW ] [ Movie ]RedBullによる紙飛行機シュミレータサイト
Red Bull Flugtag Flight Lab
(要Flash;BGMあり)
制作はLESS RAIN
Flashでつくられた3D空間で、紙飛行機が操作できます。
もちろん紙飛行機を自作することも可能。
非常に直感的なインターフェイスでわかりやすく、かつ小気味よい動きですぐに引き込まれます。
若干紙飛行機の操作が難しい気がしないでもないですが、それでもかなり面白い。
必見。
Via :: FWA
2008年2月18日
The world is my canvas
[ Ads ] [ WebDesign ]NokiaのN82のバイラルサイト
The world is my canvas
(要Flash;音声でます)
が面白い。
架空のアーティスト、Stavrosが提唱するGPSの軌跡をつかったアート"Position Art"の紹介。
マウスの軌跡でPosition Artを作り、シェアすることも可能。
かなり作り込まれていて、イタリア語なまりの英語をStavrosがしゃべっていたり、そのプロフィールや右上のYOUR VISITをクリックすると、ちょっとニヤリとさせる演出があったりとちょっと面白い。
また3/14にはローマで行われる"Position Art"が本当に行われるようです。
ちょっと最近食傷気味のバイラルサイトでも、これだけつくりこんで、現実とリンクさせればやはりおもしろいかも。。
Via :: The FWA
2008年2月14日
NewsGlobe
[ Web2.0 ] [ WebDesign ]もう既に話題ですが、Yahoo!（US）が新しいUIのニュースサイトをオープン
NewsGlobe
(要FlashPlayer9)
Yahoo! Top News StoryのRSSをパースして、Papervision3Dを用いてAS3で構築された地球にニュースがマッピングされて表示されるというもの。
自動的にニュースが切り替わるモードとマニュアルで地球を操作できるモードがある。
Wiiのニュースチャンネルのような感じ。
実験として作られたものということですが、それでも十分みているだけでも面白い。
Via :: next.yahoo
2008年2月12日
IKEA :: the Complete Bedroom ::
[ Ads ] [ Movie ] [ WebDesign ]これまでもタイムスライスを使ったサイトでみせてくれたIKEAが新しいキャンペーンサイトをローンチ。
the Complete Bedroom
(要Flash;BGMあり)
今度はスーパースローモーション。
様々なできごとがあった一日を締めくくるベッドルームでの動きをスーパースローモーションで表現。
いろんなタイプのベッドルームをみることができます。
ベッドルームを切り替えたときに挿入されるテンポのよいムービーと、スーパースローモーションで表現されるカタログページの緩急の付け方がすばらしい。
Via :: adhunt
2008年1月30日
Jumper
[ Ads ] [ Movie ] [ WebDesign ]面白いスポーツニュースサイトを見つけました。
まずは下のサイトを御覧ください。
Latest Sports Headline
(要Flash;ロードにかなりかかります)
もうお分かりかと思いますが、オーストラリアのスポーツニュースサイトを模したサイトを使った、日本では3月7日から公開される映画「ジャンパー」のバイラルサイト。
テレポーテーションがテーマの映画のため、ページのいろんなところに、テレポートします。
HEMA やFlash vs Creatorを彷彿とさせる展開。
もう少し内容をふくらませた方がいいかもしれませんが、それでもそのテンポのいい展開は目を奪われます。
Link :: 映画「ジャンパー」公式サイト
Via :: adfreak
2008年1月21日
Take a Shot !
[ Web2.0 ] [ WebDesign ]ウェブカムを利用したちょっと面白いサービス
Take a Shot!
（要Flash;WebCam必須）
Flashを用いて、PCに接続されたウェブカムにアクセスして、写真をとり、それを共有するだけのサービス。
USTREAMの画像版のようなイメージ。
誰でも内容を変更できるのはちょっと問題かもしれないけど、Public Shotsをみているだけでも面白いかも。
Via :: twitter.com
2008年1月10日
Happiness Factoryで働きませんか？
[ Ads ] [ Design ] [ WebDesign ]自動販売機の裏側？を描き、Happiness Factory, Inside Happiness Factory, Happiness Factory 2とこれまで3度にわたって取り上げてきたPsyopによるコカ・コーラの「Happiness Factory」
コーラ好きにはたまらないであろう、そのHappiness Factoryの従業員？が募集されています。
Happiness Factory Now Job Hiring!
(要Flash;BGMあり)
職場紹介や職種紹介などがあり、実際に働いてみることももちろん可能。
もちろん実際に仕事につけるわけではなく、Happiness Factoryの一員としてミニゲームが楽しめるという内容のバイラルサイト。
現在公開されている職種(ミニゲーム)は4つで、今後増える模様。
たとえば応募用紙では、deleteキーを押すと、鉛筆が反対になり、消しゴムでちゃんと消したり、面接で仕事内容が"紹介"されたり、ローディング中にキータイプで遊べたりとさまざまな細かい演出が凝っていて、非常に面白い。
Psyopが作り出したキャラと世界観がうまくいかしながら、ユーザを飽きさせない演出をちりばめるそのセンスが素晴らしい。
必見です。
日本語版もつくってほしいところです。
Via :: blog917
2008年1月 9日
McDonalds.pl
[ WebDesign ]ポーランドのマクドナルドのサイトが素晴らしい
McDonald's
(要Flash;BGMあり;ポーランド語)
制作はEndorfine
全体的に重い、かつローディングが多いことは否めませんが、小気味よいインタラクションでみせてくれます。
ストアロケーターがかなり秀逸。
面白いサイトだけにローディングが多いのが非常に残念です。
Via :: Adverblog
2008年1月 7日
Be Kind Rewind(2)
[ Ads ] [ Movie ] [ WebDesign ]昨年の8月に1度紹介しましたが、全米公開間近になり、ミッシェル・ゴンドリーの新作映画「Be Kind Rewind」の公式サイトがオープン。
Be Kind Rewind
(要Flash)
映画の内容はすでにご存知の方も多いかもしれませんが、
磁気を帯びてしまったジャック・ブラックが誤って、友達（モス・デフ）が働くレンタルビデオ屋さんのビデオをすべて消してしまう。一人のビデオ屋さんの常連のために、、ゴーストバスターズやライオンキングなどの名作映画を２人でリメイクする。
リメイクももちろん二人でリメイクなどできるわけがないので、たとえばゴーストバスターズの場合、シルバーの衣装はアルミホイル、マシュマロマンは本当のマシュマロ、小道具はそのあたりのがらくたという感じ。二人が「Sweding(スウェーデン製)」とよんだこのリメイク映画は、意外にも好評を得るという内容。
CGを駆使したハリウッド映画をきわめてアナログに"Sweding"することがこの映画のポイントですが、公式サイトも見事にSwedingされています。
ジャンプSQでも見られたような手法ですが、そのセンスはさすが。Sweded Google やSweded eBayなど細かい笑いが満載。
必見です。
Via :: すいません、わすれました。
2007年12月12日
JASARI
[ Ads ] [ WebDesign ]ティザーが公開されていたNIKEiDのブログパーツが公開。
1-Click アワードのブログパーツのようにブログパーツを貼っているブログ同士をつなぐというコンセプトのブログパーツ。
（要Flash;BGMあり;RSSリーダによっては表示されません）
ブログパーツによってブログ同士をランダムに結びつけるというコンセプトは今後ますます増えていくでしょうが、このパーツはさすがナイキと思わせるセンスのよさを感じます。
Link :: NIKEiD JASARI
2007年11月 6日
シルク・ド・ソレイユ
[ Design ] [ Movie ] [ WebDesign ]先日ラスベガス行った際にみたCirque du Soleilによる「ka」。
圧巻の専用劇場。ニヤリとさせる"携帯電話・撮影禁止"の告知。
まったくどういう仕組みなのかわからない不思議なステージ装置。マトリックスや梶原比出樹氏を思い起こさせるような（舞台ですが）"カメラワーク"。そして肉体を極限まで使ったアクロバティックかつスーパースピーディーな演出。
正直ハリウッドの映画を100本みるよりKAを1回見るほうが価値があると思える位の素晴らしい作品です。
ラスベガスに行く機会がありましたら、ぜひぜひごらんください。MGMグランドでやっています。
と前置きが長くなりましたが、そのCirque du Soleilのキャスト募集ページのイントロダクションムービーがかっこいい。
Cirque du Soleil Casting
(要Flash)
メイク前・後の姿を、非常にテンポよく見事なトランジションで見せてくれます。
こちらも必見。
Via :: FWA
HEMA "ピタゴラスイッチ"
[ Ads ] [ WebDesign ]今までみたなかでは最も"楽しい"ショッピングサイトかもしれません。
オランダ語ですが、わからなくても問題ありません。
なんの操作もせず、10秒ほど見続けてください。
Suicidal waveやJUMP SQなどと同様に、反射的にテキストと思ってしまうユーザ心理を見事につき、しかも演出やブラウザの操作なども本当に素晴らしいサイト。
この発想、技術、センス、すべてに脱帽です。
必見！
Via :: del.icio.us/popular
2007年11月 2日
GYRE
[ Architecture ] [ Fashion ] [ WebDesign ]表参道の旧VIVRE、エスキスの場所にMVRDV設計による
GYRE
が11月2日ついにオープン。
日本で初めてのMoMAデザインストアが3Fに、そしてブルガリのカフェが２Ｆに。
ほかにはマルタン・マルジェラなど。
ショッピングビルとしてもかなり魅力的ですが、そのウェブサイトが非常に面白い。
GYRE
(要Flash)
制作はmizuyari
長時間露光してとった星の写真のように、円を描くようにタイポグラフィーが表示される。
タイポグラフィー自体も、"I LOVE/ I HATE" "I WANT" "日本は/世界は" "ぜいたく" "飽食/おいしい"といったテーマの文章が切り替えて表示できる。
今までにみたことのないタイプのタイポグラフィーで、みていて非常に気持ちがいいです。
必見
Via :: del.icio.us/msk
2007年10月22日
REC YOU.
[ Ads ] [ Art ] [ WebDesign ]展開前から各所で非常に大きな話題となっていましたが、ついに展開開始。
ソニーの新しいウォークマンのキャンペーンサイト
REC YOU.
(要Flash)
アップロードした写真をもとに、ウォークマンを聞いているムービーを生成する。
そのムービーは、ウォークマンにダウンロードしたり、ブログパーツとして貼り付けたり、さらには街頭、テレビにも展開される予定。
制作はIMGSRC/NON-GRID
Papervision3Dを用いて、作られた3D空間にmotion portraitで写真から生成され、貼り付けられた"顔ムービー"は一種異様さすら感じますが、その発想とそれを形にする技術力はさすがとしか言いようがありません。
まだcoming soonのところが散見されますが、必見です。
Via :: generative.info
2007年10月19日
MS Popfly
[ Web2.0 ] [ WebDesign ]クローズドベータに呼んでもらえず、非常に残念な思いをしていましたが、ようやくオープンベータに。
SilverlightをつかったMSのマッシュアップエディタ
Popfly
（要Silverlight）
Silverlightプラグインはこちらからダウンロード可能。
以前紹介したYahoo! pipesと同様にプログラミングレスでFlickrやtwitterなどに代表されるウェブアプリをマッシュアップすることを可能にするサイト。
レゴのブロックを組み立てるように、様々なアプリをマッシュアップでき、もちろん自らのサービスサイトを登録して、ユーザにマッシュアップしてもらうことも可能。
MSが大プッシュするRIA技術「Silverlight」で構築されたUIは、Yahoo! pipesよりも直感的でわかりやすくより間口を広げているかもしれません。
このサイト一つとっても、MSのSilverlightに対する本気具合が伝わってきます。
Link :: Popfly
(日本語公式解説サイト)
2007年10月17日
ジャンプスクエア
[ Ads ] [ Design ] [ Web2.0 ] [ WebDesign ]日本のウェブ広告では、今までで一番すごいと個人的には思いました。
ジャンプスクエア Google 検索
（検索結果の一番目をクリック）
移動後のぺージで検索してみてください。
または検索しないで30秒ほどページを見続けてください。
(10パターンくらいあります。特に聖徳太子バージョンは必見)
たしかに先行するアイディアはあったにしろ、Flashによるテキストを見事に駆使した演出、検索した際の細かいメッセージ、さらにSEOを考えた文章の作り方、それらがすべてすばらしい。
これらを考えたその発想に感動すら覚えます。
調べたんですが、どこ/だれの制作かわかりません。
ご存じの方がいらっしゃいましたら、教えていただけると幸いです。
Via :: del.icio.us/msk
2007年10月15日
Neon Bible by the Arcade Fire
[ Music ] [ WebDesign ]radiohead, nine inch nails, 続いてジャミロクアイ、OASIS、そしてマドンナと相次いで既存の音楽レジュームからの脱却を表明していますが、他方OK Goのようにウェブを利用して大きくブレイクするアーティストもいます。
そのようなウェブから生まれたアーティストとして有名なThe Arcade FireのPVがおもしろい。
Neon Bible
(要Flash;BGMあり)
PVといっても、映像ではなくFlashをつかったインタラクティブなもの。
いままでなぜなかったのか不思議なくらい。
そのコロンブスの卵的な発想がすばらしい。
Via :: すいません、わすれました。
2007年10月 6日
IKEA Dreamkitchen
[ Ads ] [ WebDesign ]2年前にとりあげたことがあるIKEAのキャンペーンサイトがあたらしくなって帰ってきた。
IKEA Dreamkitchen
（要Flash;BGMあり）
制作はForsman&Bodenfors
多くを語る必要は本当にないかもしれません。
タイムスライス、BGMの切り替え、場面のトランジション、これだけの内容なのにローディングを感じさせない配慮、すべてが高次元で圧倒されます。
それらがすべてプロダクトおよびブランドアピールへとつながっていることもすばらしいです。
必見！！
Via :: Adverblog
2007年10月 3日
There's Only One Sun by W.カーウァイ
[ Ads ] [ Movie ] [ WebDesign ]なぜ今ひとつ話題になっていないのかわかりませんが、PhillipsのLCD、Aureaのバイラルムービー
There's Only One Sun
(Youtube;要Flash;BGM必須;RSSリーダによっては表示されません)
バイラルムービーとしては異例の9分超の長さ。
そしてディレクターはあのウォン・カーワァイ。
カーウァイらしい見事な色合いのムービーで、フレーム部分が発光して不思議な色合いになるAureaの世界に非常にマッチしています。
必見
Link :: Phillips Aurea(公式サイト)
上記ムービーの高解像度版があるだけでなく、そのナビゲーションや世界観の作り方が非常にうまい。
こちらも必見
Via :: freshcreation.nl
2007年10月 2日
Adobe MAX 2007
[ WebDesign ]10月1日からシカゴで開催されているAdobe MAX 2007。その中でいくつか気になる発表があったので取り上げたいと思います。
1つめ
以前からプレビューされていたメディアプレイヤがラボリリース。
AIRアプリで要AIR beta2。
現在のところFLVの再生のみ対応。
AIR版miroを目指している機能の印象。
miroよりもインターフェイスがすばらしく、ナビゲーションがわかりやすい。
SMILにも対応。正式リリースは来年予定。
ちょっと楽しみ。
2つめ。
（要AdobeID;Safariでは動作しないかも。。）
のラボリリース。
Scribdのように文字通り、ドキュメントをシェアできるサービス。
ユーザは1GBの容量が割り当てられ、ドキュメントをシェア可能。
FlashベースのGUIにより、ブラウズ、シェア（パブリック、特定のメンバー）への公開が可能。
またFlashウィジェットとしてブログ等にドキュメントを貼り付けることも可能。
さらにShareの最大の特徴としてREST APIが提供され、外部アプリケーションとの連携が可能になっている。
かなりおもしろいサービス。Flashのインターフェイスが吉と出るか、凶と出るか微妙なところではありますが、今後に要注目。
最後。
Flash10のスニークプレビュー。
(youtube;要Flash;音声あり;RSSリーダによっては表示されません)
新機能の一番の目玉はＺ軸搭載
そしてテキストフィールドの拡張。
またAIF(Adobe Image Foundation)Toolkitと呼ばれるピクセルシェーディングフィルタ作成キットに対応。
このキットはコードネームHydraと呼ばれる言語でフィルタをカスタムでつくることが可能。
またこのAIFはほかのアドビ製品とも共通で、まずAfterEffectsに搭載され、その後Flash Player10やほかの製品に搭載される。
Flashでの表現が格段に広がる拡張がなされるようです。
Flashはまた新たな世界へとユーザを導いてくれるのかもしれません。（ディベロッパは大変だろうけど。。）
2007年9月21日
Mac OSX "Mercury"
[ Apple ] [ Design ] [ WebDesign ]現在開発者向けにのみ公開されている未知のOSXを偶然入手したので、スクリーンショットを公開。
(クリックで拡大；Dockの一部がきれてます)
主な特徴は、
・描画エンジンとしてQuartzに代わるOxygen採用
・簡単に年単位でサイトを振り返ることができる機能、Time Machine
・Spotlightを進化させたMoonlight
・Universal Binaryを進化させ、すべてのプロセッサをサポートするUniversal Truthアーキテクチャ採用
などいくつもの新機能を搭載している模様。
もうおわかりかと思いますが、新しいOSXもちろんではなく、Ajaxを用いてほぼ"完全に"再現されたOSX。
OSX Mercury
(リンク先、Start it upをクリック)
Firefoxのみ対応。（Safariでも動作はしますが、かなり不安定）
ブート時の"ジャーン"という音から、ブート画面、Finder,Safariはいうにおよばず、iWebやiPhotoまでも再現。さらにLeopardの機能であるTime Machineまで忠実に再現。
これまでもFlashで再現したサイトや同じようにAjax/DHTMLで再現したサイトはありましたが、動きが若干ぎこちない場合もありますがそれでも、Safariまでもが動作するというこれだけ忠実に再現したのはやはり素晴らしい。
Via :: del.icio.us/tag/osx
2007年9月20日
404 Price Not Found
[ Ads ] [ WebDesign ]Pingtomというウェブサイトモニタリングサービスを提供する会社のプロモーション。
404 Price Not Found
(Youtube;要Flash;RSSリーダによっては表示されません)
404 Not Foundと言えば、HTTPステータス・コードでページが見つからない場合、レスポンスとして返されるコードですが、それを見事に使ったプロモーション。
サーバーモニタリングの会社のサイトなのに、アクセスすると、一見404 Not Foundのようなページをみせて実は価格が半額というもの。
すぐにやめてしまったようなので、上記ムービーでご確認ください。
（提供するサービスから鑑みると）毒がありすぎる感じもしますが、その毒が今回は面白い。
Via :: すいません、わすれました。
Link :: Royal Pingdom(詳細あり)
2007年9月18日
Ranault : Finish line
[ Ads ] [ WebDesign ]フランス、ルノーのかなり斬新なバナー
Ranault : Finish line
(要Flash;safariでは正常に動作しない可能性あり)
クリックすることで、タイマーが回り始め、サイトが移動する。
同じバナーをクリックすることで、本当のレースさながら、パリ、ロンドン、プラハ、ミラノ、バルセロナ、アテネのサイトに移動し、最後にルノーのキャンペーンサイトに到着するまでのタイムを競うという内容のバナー+キャンペーン。
一度でユーザに意図が理解されるかはちょっと難しいけど、発想としてはかなり面白い。
Via :: del.icio.us/slnbookmark
2007年9月14日
カレイドスコープ
[ Ads ] [ Art ] [ WebDesign ]おそらく今までみたバナーの中でもっとも印象に残ったバナーのひとつ
Motorola Motokrzr
(要Flash;要Webカメラ;BGMあり)
シンガポールで発売された鏡面処理された本体が特徴の携帯電話MOTOKRZRのバナー。
その鏡面処理をアピールするために、ウェブカムを使ってサイトを見ている人をソースに万華鏡が作られるというバナー。
初めてみたときはちょっととりはだがたつくらいの完成度かつ斬新さ。
ウェブカムをこんなふうに使うというその発想がすばらしい。
ぜひウェブカムのある環境で体験してください。
体験できない場合は、このムービーでどのような感じかみることができます。
(Youtube;要Flash;BGMあり;RSSリーダによっては表示されません)
ちなみにMOTOKRZRのサイトでも、ウェブカムを非常に効果的につかっています。
Via :: blog917
2007年9月 6日
1-click Award
[ Ads ] [ Design ] [ Web2.0 ] [ WebDesign ]もうすでにあちこちで話題になっていますが、今年も開催される
去年の トップページも秀逸でしたが、今年の"オッサン"もすばらしい。
そのブログパーツがとんでもなくすばらしい。
おっさん
(要Flash;RSSリーダによっては表示されません)
トップページで演説するおっさんに、もう「カンチョー」していただけましたか？ おしりの部分をグサッと一撃クリックすると、痛みのあまりおっさんは当サイトを飛び出して、 ブログパーツが貼られているみなさんのサイトを次々と走り抜けます。 また、ブログパーツのおっさんにカンチョーした場合も、同じく様々なブログを走り抜けます。 これを貼れば、あなたのブログに新たなアクセスが増えるかもしれません。
クリックで"カンチョー"させるというアイディアはもちろん、オッサンが走り回ることでブログパーツを張っている様々なサイトをいろんな人がみることができるというモチベーションの想起のさせ方がすばらしい。
Via :: trick7.com blog
2007年9月 3日
Flickriver
[ Web2.0 ] [ WebDesign ]Flickrの写真をその名のごとく川の流れのようにみることができるサイト
黒のバックグラウンドにFlickrの写真が表示され、オートページャー機能でページをリロードすることなく、無限にスクロールさせて、続けて写真をみることが可能になっているサイト。
やっていることもコンセプトもかなり割り切っていて、きわめてシンプル。
それでも、分かりやすいインターフェイスで、非常に見やすい。
Via :: del.icio.us/popular
KASHIWA SATO
[ WebDesign ]もうすでにあちこちで話題になっていますが、日本を代表するアート・ディレクターの一人、SAMURAIの佐藤可士和氏のサイト
制作は中村勇吾氏。
"らしい"動きとSE。
悪く言えば、いつも通り、よく言えば安心感のあるデザインで、あまり驚きはありませんが、きれいにまとまっています。
確かに技術力もデザイン力も素晴らしいのですが、どうしてもそれ以上のものを中村氏のサイトにはもとめてしまいます。
yugop.comやインテンショナリーズでみせてくれたような想像を絶するようなクリエーションを中村氏に期待してしまうのは僕だけではないはずです。
Via :: del.icio.us/s_t_r_i_p
2007年8月31日
Apple TV Flash
[ Apple ] [ Design ] [ WebDesign ]もうすでに大きな話題になってますが、ありそうでなかったサイト
Apple TVのインターフェイスをFlashで再現し、YoutubeなどのRSSフィードをパースしてムービーを表示する。
キーボードはもちろん、Apple Remoteでも操作可能。
かなり忠実に再現されています。
Wiiでみるにはちょうどいいかも。
ちなみに同じ人によるJoostのFlash版もあります。
Via :: del.icio.us/popular
2007年8月29日
SEIBU AUTUMN COLLECTION
[ Fashion ] [ WebDesign ]すでに話題ですが、西武百貨店のF/W キャンペーンサイト
SEIBU AUTUMN COLLECTION
(要Flash;BGMあり)
ランダムに配置された写真を店舗名にカーソルを乗せることでソートして表示。
さらにクリックすると、スライドショーが始まるというインターフェイス。
心地よいBGM、小気味よい動き、SE。
斬新さはさほど感じられないものの、安心させてくれる美しさを感じます。
製作者は調べたのですが、わかりません。ご存知のかたがいらっしゃいましたら、教えていただけると幸いです。
[8/31追記]
kat さんのコメントにありますように、javascriptから判断するとproductionはビジネスアーキテクツ ビジネス・アーキテクツかもしれません。
[8/31さらに追記]
bA社員さんのコメントにありますように、ビジネス・アーキテクツ制作です。
Via :: del.ico.us/tag/fashion
2007年8月28日
Lexus GS
[ Ads ] [ WebDesign ]Lexus GS450hのロシアのプロモーションサイト
GS450h
(要Flash)
マウスをクリックダウンすることで、ナビゲーションが表示され、クリックリリースで選択されます
制作はbrandstudio
躍動感あふれるムービーと独特のUIで、魅せてくれます。
UIが奇をてらった感はあるので、GSを買うような層が理解してくれるかは結構疑問。
Via :: adverblog
2007年8月 8日
Bravia Play Doh
[ Ads ] [ Design ] [ WebDesign ]AdとDesignのアーカイブに不具合が発生していました。申し訳ございません。
現在は復旧しております。
Balls、Paintにつづき第３弾がついに始動。
Bravia Play Doh
（要Flash）
"ティザー"として、NYCに無数のウサギのオブジェが登場しています。
仕掛けたのは、immediate future.
さらにプロジェクトの進捗はTwitterで更新。
Paintは今一つでしたが、今度はどんなものをみせてくれるのでしょう。
Via :: advergirl
Skins&Bone
[ Design ] [ Fashion ] [ WebDesign ]ある意味超画期的なシューズがまもなく発売。
まずはしたのイントロダクション・ムービーをご覧ください。
Skins&Bone
(Youtube;要Flash;RSSリーダによっては表示されません)
Skins&Boneという名の通り、2つのパーツ、Boneと呼ばれるインナーシューとSkinsとよばれる靴の外側からなるシューズで、Skinsを変更することによって、様々なデザインに変更可能。
Boneが$50程度、Skinsが$125-300。
だれもが思いつきそうで思いつかなかった「画期的な」シューズ。
レディースはいろんな形の靴が存在するので、結構むずかしいかもしれませんが、メンズはかなりいけるかもしれません。値段がネックになるかもしれませんが。。
Link :: skinshoe
サイトもかなり素晴らしいです。軽妙なタイポグラフィ、見事なトランジション、ナビゲーションの巧みさなど、どれをとってもかなりのレベルです。
Via :: freshcreation.nl
2007年8月 7日
Remix Your Life
[ Ads ] [ WebDesign ]Sony Vaioのキャンペーンサイト
REMIX YOUR LIFE
(音声あり;要Flash)
上記では３つのサンプル"リミックス"をみることができます。
webcamとマイクを使って、映像をFlash経由で取り込み、それを加工/編集できるサイト。
試みとしては面白いし、さすがソニーといううまい見せ方です。
しかしウェブカムとマイクがあるユーザーって少ないだろうし、もう少し間口を広げてもよかったのかもしれません。
Via :: ADVERBLOG
2007年7月18日
Human Brain Cloud
[ Art ] [ WebDesign ]壇さん、大和田さん、壇さんではありませんが、入力した単語（アルファベットのみ）から連想される単語が網の目状に表示されるサイト
Human Brain Cloud
(要Flash)
表示される単語から連想する単語を入力するか、もしくは今までの連想結果をみると、まるでアメーバが増殖するような非常に小気味よいインターフェイスで連想される単語が次々表示されます。
"増殖"が終了したあと、それぞれの単語をクリックすると、その単語を起点としてまた増殖が始まります。
このようなインターフェイスもさることながら、連想がすべて「人力」であることがすごい。
最初に設定された「volcano」以外はすべて訪れたユーザが入力した単語で構成されています。
必見。
Via :: すいません、わすれました
2007年7月 2日
Starcraft on Flash
[ Games ] [ WebDesign ]Diablo,WoWで知られるBlizzardが送り出した、日本では代理店等の問題から、ほとんど知られることがない状況になってしまった不朽の名作RTS「Starcraft」。そのStarcraftをFlashで完全再現。
Starcraft on Flash
(要Flash)
Tutorialから本編までシングルプレイを完全再現。
古いゲームなので、Flashで再現することは可能でしょうが、ここまで作り込まれていることにちょっと感動。
（いつでるかはわかりませんが）Starcraft2も発表されたので、Starcraft未体験の方はぜひ。
Via :: haha.nu
2007年6月28日
BEFORE YOU ENTER (WEAR CONDOMS)
[ Ads ] [ WebDesign ]しつこいですが、CyberLionsのShortlistより
AIDS search engine protection
ポーランドの検索エンジン「Netsprint.pl」とPolish Centre against AIDSが共同で行ったキャンペーン。
キャンペーン期間中はすべてのアダルトコンテンツをブロックし、ユーザが、'sex', 'anal', 'oral', 'porn' 'fuck'などのキーワードで検索すると、そのキーワードをコンドームでラップするというもの。
説明するより実際にみていただいたほうが分かりやすいので、以下キャンペーン期間中のサイトです。
技術的に難しいことを行っているわけでも、インデックスしているサイトに変更を加える必要もありませんが、非常に大きなインパクトを感じます。
今回はANTI-HIVでしたが、それ以外にも可能性を感じさせる新しい広告手法といってもいいかもしれません。
Link :: AIDS search engine protection
Via :: Canne Lions2007
2007年6月27日
DHL
[ WebDesign ]Livedoor Readerでもローディング中は、人が走りますが、このサイトはもっと激しく動きます。
DHL
(要Flash)
カンパニー・カラーの赤と黄色を基調にしたサイトで、オープンニング＆ローディングだけでにやりとさせられます。
ともすれば冗長となるところを色調を限定し、すばらしいキャラクターの動きで魅せてくれます。
Via :: del.icio.us/yugop
2007年6月20日
httpcomunicació
[ Ads ] [ WebDesign ]Cannes Lion 2007 Cyber LionのShort listが昨日発表されましたが、そのなかで異彩を放つというか、まさにコロンブスの卵的な発想のサイトを取り上げたいと思います。
できるだけブラウザを全画面にして見てください。
何も表示されなくても、それが正常です。URLに注目して見てください。
この一見だけでも思いつくようなことを、でも事実だれも思いつかなかったことを、思いつくその発想力が素晴らしいです。
ちょっと鳥肌が立ちました。
2007年6月15日
UNIQLOCK
[ Fashion ] [ WebDesign ]ティザーサイトが公開されていたUNIQLOCKが正式オープン。
UNIQLOCK
(要Flash;BGM必須)
下記ムービーのように5秒に一度5秒間、女性ダンサーによる時計をテーマとしてダンスのムービーが表示されます。
BGMはFPM
このようにブログパーツも用意されています。
おそらく中村勇吾氏によるディレクション。
バイラルとしての効果十分なすらばしいサイトだと思います。
2007年6月 6日
ハンドシェイクカンパニー
[ Ads ] [ WebDesign ]今日から更新再開します。
MSNのマイクロサイト
これだけのコンテンツがなぜ大きな話題にならないのか疑問なくらい素晴らしいサイト。
このハンドシェイクカンパニーは
インターネットを通じて世界の人とアクシュすることを目的として2007年に設立されました。さまざまなサイトに貼り付けられた「穴」を行き来することで社員たちは日々アクシュを求めます。「穴」の先は右のようなバナーになっていて、彼らはそこで見知らぬひとびとにアクシュをこころみます。総アクシュ数の向上にむけ日々努力をおしみません。
上記サイトにアクセスするとアバターが自動的に生成され、このような
（要Flash;RSSリーダによっては表示されません）
穴からだれか（ほかのユーザ）が出てきたら、クリックして握手してみてください。
「穴」と呼ぶトンネル（ブログパーツ）を通じて、アバターを行き来させ、パーツを設置しているサイトの閲覧者と握手（クリック）するというコンテンツ。
握手してもらうとポイントがたまる。
1ポイント目でアバターに名前が付けられるが、多くたまるとどうなるかは不明。
より詳しい説明は上記サイト参照。
小気味よいアバターの動きとサウンド、サイト間のリンクを抽象化したインタラクションが本当に素晴らしい。
ユーザがすくないようで、握手するのに苦労しましたがなんとか握手に成功し、アバターに名前を付けました。
Tnです。たまに顔をだすみたいなので、握手してやってください。
Via :: stripさん
2007年5月15日
Poly9 FreeEarth
[ Web2.0 ] [ WebDesign ]これはすごいかも。
ブラウザ上で使える地図サービスといえば、Google Mapsに代表されるようにたくさん存在しますが、ブラウザ上で無料で使える地球儀のサービスが登場。
Poly9 FreeEarth
(要Flash)
Flashで構築されていて、限定的ながらズームやチルトも可能。
もちろんクロスブラウザ、クロスプラットフォーム。
ここまでなら、機能の劣ったGoogle Earthだが、もちろんそれだけではない。
javascriptのAPIが用意されており、それを使ってこの地球儀にアクセスすることが可能。
サンプルアプリとして、最近話題になったtwittervisionのPoly9 FreeEarth版twittervision3D、同じくFlickrvisionの3D版、Flickrvision 3Dなどが提供されている。
これが広まれば、今GoogleMapsで行われているようなマッシュアップアプリが地球儀上で展開されてちょっと面白いかも。
Via :: The Red Ferret Journal
2007年4月30日
Silverlight Streaming
[ WebDesign ]Microsoftがかなり力を入れて、猛プッシュしているAdobe Flash対抗技術、Silverlight。なんとそのSilverlightのアプリケーション専用のホスティングを開始。
4GBの容量と700Kbpsのストリーミング機能を提供。
そして無料。
Silverlightのアプリケーションに限定されているものの上記の機能を無償で提供するとはMSのアドビへの対抗意識が見て取れます。
かつてはブラウザでもオフィススイートでも同様のやり方で、ライバルを蹴散らしてきたマイクロソフトがアドビ帝国を崩すことができるのか注目です。
Via :: Mashable
2007年4月22日
BIZ-QUALITY
[ Ads ] [ WebDesign ]先ほどSFOに到着。まだホテルにチェックインできないので、空港でのんびりしてます。
いつから無料でHotSpotが使えるようになったのでしょう。
と前置きはこれくらいで、AEONの
BIZ-QUALITY
(BGMあり;要Flash)
というスーツのサイトが面白い。
制作はSpiced Graphix
いろんな液体を実際にかけて、撥水性をアピールするサイトの内容自体も興味深いですが、それ以上にイントロダクションムービーが素晴らしい。
失礼かもしれませんが、ムービーだけみるとAEONのスーツのサイトとは到底思えません。
Via :: Computerlove
2007年4月13日
UT
[ Fashion ] [ WebDesign ]佐藤可士和氏とユニクロがコラボで展開するＴシャツ専門ショップ
のティザーサイトがオープン。
ディレクションは中村勇吾氏。
少し落ち着かない印象は受けますが、そのレベルの高さはさすが。
UT自体は、4月28日に現在のユニクロ原宿店を全面改装して、オープン。
同時にウェブでも展開。
毎月新作を発表し、年間で１０００柄を展開する。
コンセプトは「Tシャツの未来のコンビニエンスストア」。「UT」ブランドを具現化し、Tシャツを販売するための理想の店舗を目指しました。 店舗入り口にはLEDを採用。赤・白・銀を基調とした店内では、佐藤可士和氏デザインの18種類のカテゴライズしたボトルパッケージにTシャツを入れて販売します。このボトルパッケージをコンビニエンスストアのドリンクコーナーを模した什器に、整然と陳列して販売するという「Tシャツの選び方もデザインした」店舗です。
ショップのデザインはかなり面白そうな感じ。
ちょっといってみたい。
Via :: nisshi.yugop
2007年4月 9日
Wieden + Kennedy
[ Ads ] [ WebDesign ]諸般の事情で、韓国出張が4/15-19に変更に。
ということで今週は通常更新。といってもばたばたしているので、更新は少なめですが。。。
NikeのCMディレクションで知られるWieden+Kennedyのポートフォリオページが素晴らしい。
Wieden + Kennedy
(要Flash)
スライダーでタイムラインを移動でき、作品をクリックすることで、それに関連する作品/キーワードがタコの足状に表示される。
動きが気持ちいい。
ナビゲーションとしては今一つ分かりにくいですが、情報の切り口やつながりを表現するという意味では面白いです。
Via :: the ad feed
2007年4月 5日
CSS naked Day
[ WebDesign ]デザインが崩れているわけではありません。意図的にやっています。
ValidなXHTMLではまったくありませんが、CSSを脱ぎ捨ててHTMLだけになってみようという
に参加してみました。
（このブログはstaticなファイルなので、index.phpのみCSS-Nakedにしています）
CSSの偉大さをご確認ください
2007年3月29日
E-TextEditor
[ Apple ] [ WebDesign ]今回もAppleカテゴリですが、Windowsのアプリケーションのお話。 >QuickSilverとならび、個人的にはOSX最高のアプリケーションのうちの一つだと思っているTextMate（テキストエディタ）
今までもそのTextMateに似たアプリケーションとして、PSPadやUltraEditもありましたが、
はWindows用完全なTextMateクローン。
シェアウェア:$34.95(ただし30日間のフル機能使用可能な試用期間あり)
TextMateのクローンということで、Cygwin環境を推奨。
TextMate用スニペットやコマンドといったバンドルのほぼ完全な互換、およびテーマの流用が可能。
”本家”にない機能としては、デフォルトで（インラインではないけれど）日本語入力に対応。
使用感もかなりTextMateに近く、いいかも。
Via :: del.icio.us/popular
2007年3月27日
Made of Japan
[ WebDesign ]ハシリマセンカ？やOnitsuka Tiger National Choir などウェブ上での面白いことをやってくれるアシックスから新しいサイトがローンチ。
Made of Japan
(要Flash)
下記CMのように以前から展開されている"Made of Japan"キャンペーンサイト。
(dailymotion;要Flash;音声あり;RSSリーダによっては表示されません)
最近ありがちなモザイクのインターフェイスですが、ロードするたびにランダムなアシックスのモデルがモザイクで構成される。
モザイクはウェブ上にある"Made of Japan"という言葉に関連したイメージで生成されている。
ちょっと重いのが難点ですが、発想としてはかなり面白いです。
Via :: del.icio.us/trick7
2007年3月23日
スーパー "Line Rider" マリオ
[ Design ] [ Games ] [ WebDesign ]もうすでに各所で話題になってますが、昨年もっとも話題になったといっていいflashゲーム「Line Rider」
そのLine Riderを使ってスーパーマリオの1-1を再現してみましたというムービー
Line Rider Super Mario Bros. 1-1
(Youtube;要Flash;BGMあり;RSSリーダによっては表示されません)
もうここまでくればゲームというよりアートといったほうがいいかもしれません。
YoutubeにはほかにもLine Riderの様々なコースでライダーが奮闘するムービーがアップロードされています。
Line RiderはWii/DSにももうすぐ登場するようなので楽しみです。
Via :: del.icio.us/popular
2007年3月22日
TT Movement
[ Ads ] [ Design ] [ WebDesign ]Audi TTがオーストラリアでローンチされた際のバイラルサイト
サイト自体は今一つですが、オープンニングムービーが素晴らしい。
制作は、Universal Everything。
多分Processingによってつくられたカラフルな風の中をTTが駆け抜けるムービー。
Audiだけど"駆け抜ける喜び"を感じさせてくれます。
色彩の変化とそれに伴う音楽とのマッチングが秀逸。
Via :: Motionographer
2007年3月19日
Picture Styler
[ Ads ] [ Design ] [ WebDesign ]ちょっと描くのが難しいですが、画面上に落書きでき、共有できるソニーのバイラルサイト
Picture Styler
(要Flash;TRY DRAWINGをクリック。要ウェブカメラ)
制作はimaginative
ソニーの日本国外向けのVAIOのサイト。
Flash8がでたころにはやったカメラをつかって物体を認識させるもので、（物理的な）ペンをカメラに認識させることで、画面に落書きができる。
VAIO N,C,Lともに、エントリーモデル（初心者向けの低価格モデル）のため、プロダクト自体のスペックや仕様の優劣という方向では優位な訴求できない。そのかわりに、それぞれ「Simple」「Free」「at Home」という独自のスタイル（生活における考え方や行動のしかた）を追究したPCである。 PICTURE YOUR STYLEでは、こうした数字で表れない”スタイル”の魅力を表現するビジュアルを作り出すとともに、”自分自身のスタイルを思い描こう！”というスローガン・メッセージを軸に、ネットユーザーを巻き込んだプロモーションを展開することを目論んだ。
技術としては懐かしい感じがしますが、プロモーション手法としてはかなり斬新で面白い。
Via :: del.icio.us/yugop
Apollo 来る
[ Web2.0 ] [ WebDesign ]今は亡きMacromedia Centralの精神を受け継ぐアドビのRIA環境がついにアルファリリース
Windows/Mac用のSDKとRunTimeのアルファバージョンのリリースを開始。
また開発者向けにはオライリーの「Apollo for Adobe Flex Developers Pocket Guide」が無償ダウンロード可能。
ApolloとはAdobeが開発したFlash,PDFなどを組み合わせてRIA(リッチ・インターネット・アプリケーション)をつくることができるもので、Apollo自体はその実行環境。
うだうだ説明するよりもサンプルを見たほうがはやいかもしれません。
Windows Vistaで提供されるWPF(/e)と競合することになるApollo。まだ両者ともに開発段階ですが、完成したときにはどんなユーザ体験を提供してくれるのでしょう。
EYE-PROJECT BY KDDI
[ Ads ] [ WebDesign ]プレオープン時から大きな話題を集めていたKDDIのブランディングサイト
EYE-PROJECT BY KDDI
(要Flash)
制作はtha
ユーザが投稿した写真/ムービーをモザイク状にならべ一つの大きなムービーを構成するというサイト。
投稿したユーザは自身の投稿した写真/ムービーをもとにしたブログパーツを作成することも可能。
相当サーバーに負荷がかかりそうな感じだけど、Flash9限定にしたことで恐らく構築できたのかもしれません。
通常のサイトもすごいけど、ARCHIVEは圧巻。
2007年3月14日
グレートポケット
[ Ads ] [ WebDesign ]これが2008-09F/Wのモードかもしれません
GreatPockets by Henry Needle & Sons
（要Flash;音声があります）
何でも入る大きなポケットがくるかも？
大きなポケットがついた洋服を売っているテイラー。
というわけではなく、このサイトはNokiaのN95という携帯電話のバイラルサイト。
ちゃんとオーダーフォームまででてくるなど、ちょっと冗長だけど、よくできています。
制作はFarFar
"No thank you"をクリックした時の子供の反応がちょっと面白い
Via :: the ad feed
2007年3月 9日
FLASH TRON
[ Games ] [ WebDesign ]世界初のCGを使った映画トロン。
その世界をモチーフにしたFlashで作られたゲーム
再現したと書くとおおげさですが、矢印キーを使って自分がのったバイクを操作し、相手や自分が動いた軌跡、壁などに当たらないで動き続ける対戦ゲーム。
vsCPUのほか、対人戦も可能。
超単純なゲームですが、それだけにはまりやすいかも。。
結構面白いです。
Via :: del.icio.us/popular
2007年3月 7日
1分
[ Ads ] [ WebDesign ]メルセデス・ベンツCクラスクーペのスペインでのマイクロサイト
1:00
(要Flash;BGMあり)
制作はwysiwyg
ベンツCクラスクーペの写真で作られた1分のタイマー。
それぞれの写真をクリックすることでクーペの詳細を知ることができるが、時間は1分間のみ。
タイマー自体はありがちかもだけど、本来プロモーションサイトならユーザに時間を多くとって欲しいはずなのに逆に時間を制限するというある意味新しい手法が面白い。
こうして取り上げている時点でバイラル的には成功だろうけど。。
Via :: Adverblog
2007年3月 2日
ISSEY MIYAKE by Naoki Takizawa
[ Design ] [ Fashion ] [ WebDesign ]もうすでにあちこちで大きな話題となっていますが、滝沢直己氏による最後のコレクションとなった
ISSEY MIYAKE の'07 S/Sのギャラリーサイトが素晴らしすぎます。
ISSEY MIYAKE BY NAOKI TAKIZAWA
(要Flash;BGMあり)
WOMEN'S COLLECTION , MEN'S COLLECTIONと書かれているサムネイルをそれぞれクリックしてください。
ディレクションはRoy Genty
制作はEtienne Mieur
とくにWOMEN'Sが素晴らしい。
ActionScriptが表示されるイントロダクション、OSXを模したローディング、そして何よりもアスキーアートから写真へとトランジションする作品紹介。
それらすべてが秀逸すぎるくらい秀逸。
個人的には最近では抜群のできなサイトだと思います。
必見！
Via :: Computerlove
2007年2月21日
「視覚化」されたショッピング
[ Web2.0 ] [ WebDesign ]ほぼ時を同じくして、2つの全く新しいタイプのUIをもつショッピングサイトが登場。
１つ目は
アイテムをGoogle Maps風にブラウズすることが可能なサイト。
カテゴリをクリックすると、拡大され、その中のサブカテゴリが表示される。さらにその中のカテゴリをクリックするとさらに拡大される。最終的には１つのアイテムが拡大される。
そしてそのアイテムはamazon.comを経由で買うことができる。
Google Mapsさながらにカテゴリをほっていくにつれて、画像が拡大されていく動きが非常に面白い。
買うアイテムが決まっている時は不便だけど、何か新しいものを見つけるにはいいかもしれない。
そしてもう一つは
左側に表示されたamazon.comのキーワードを選ぶと、売れ筋順にツリー状にアイテムが表示される。そのアイテムをクリックすると、「この商品を買った人はこんな商品も買っています」のアイテムが同じくツリー状に表示される。
ツリーの動きがなめらかで面白い。アイテムをブラウズするにはちょっと面倒ですが。。。
２つとも実用性という意味では劣るかもしれませんが、UIを変更することでこれほどユーザー体験がドラスティックにかわるといういい例かもしれません。
Via :: techcrunch
2007年2月 8日
Yahoo pipes
[ Web2.0 ] [ WebDesign ] [ Yahoo! ]UNIXのコマンド「|(パイプ)」をweb2.0的に解釈した全く新しいマッシュアップツールをYahoo!がリリース
Yahoo!UIライブラリでつくられたブラウザ画面に、モジュール化されたサービス（たとえばYahoo!検索とかFlickr、さらにはGoogle Checkoutなど）をドラッグ&ドロップし、パラメータを設定してそれぞれをマウスでヅラッグしてつなげるだけで、ノン・プログラミングでマッシュ・アップサイトを構築できるというツール。
もちろんできたマッシュ・アップサイトは共有したり、それを利用してさらに別のマッシュ・アップサイトを構築することも可能。
RSSやURLフェッチャなどを利用することにより外部サービスとも連携可能。
ノンプログラミングとはいえ、まだ普通の人がお手軽にマッシュアップするには若干敷居が高いですが、ちょっとプログラミング経験があれば非常に直感的なインターフェイス、かつヘルプや例が非常に充実しているので、ほんとに簡単につくることができます。
いろんな可能性を秘めたかなり面白いツールです。
Via :: Mashable
2007年2月 7日
HIVテスト バナー
[ Ads ] [ WebDesign ]日本は先進国の中で唯一HIV感染者が増加している国ですが、公共広告機構がHIV検査の啓蒙として展開しているバナー
HIVテスト バナー
(safariでは正常に動作しないかもしれません)
"Come-on"と表示されたバナーにマウスオーバーするとどんどんカーソルがつながっていきます。
カーソルがパートナーのつながりを示しています。
そして最後には。。
発想と動きが面白い。
HIVには気をつけましょう。
Via :: HOUTLUST
2007年1月31日
自殺電波
[ Ads ] [ WebDesign ]すごいビデオを発見してしまった。
SUICIDAL WAVE
(要Flash;OPEN VIDEOをクリック;音声あり)
心臓の弱い方、怖がりの方はぜったいに見ないでください。
責任は負いかねます。
このビデオをみたブロガーすべてがこのビデオの記事を最後にブログを閉鎖、自殺しているようです。
と、長いまえふりでしたが、これは黒沢清監督のホラー映画「回路」をリメイクした「PULSE」という映画のバイラルサイト。
なので、ウィルスに感染したかも？とかもしかして思われた方がいるかもしれませんが、大丈夫です。
ブログ形式をとりながら、実はすべてFlashでつくられているこのサイト、そのクオリティの高さは圧巻です。
ブログに慣れてしまったユーザの意識を逆手にとった素晴らしいサイト。
（怖がりでない方は）必見です。
Via :: すいません、わすれました。
2006年12月27日
コンバースロシア
[ Ads ] [ WebDesign ]ロシアのコンバースのサイトが素敵すぎます
ConverseRussia.Ru
(要Flash;音声注意)
ドリブルからダンクするローディング画面。
非常にポップなデザインとマウスの位置によってスクロールするナビゲーション。
コンバースから不思議な生物がでてきて、アメを絡めとるコンテンツ・ローディング。
スプリングのようなメニュー。
それらすべてがかなり独特な世界観を打ち立てています。
正直どこかでみたようなエフェクトも多いけど、これだけのレベルでまとまっていれば全然問題じゃない。
必見。
Via :: The Ad Feeds
2006年11月27日
『ウェブページ』進化論
[ WebDesign ]もちろん『あちら側』と『こちら側』の話ではなく、ウェブページがみるみるうちに進化するというムービー（アニメーションGIF）
(約800k)
テキストからCSSによってきれいなウェブページになるまで。
ある意味ブログが牽引する形となったXHTML+CSS。
データとデザインを分離できるといういい見本かも。。
Via :: CSS Evolution
2006年11月17日
geoGreeting!
[ Google ] [ Web2.0 ] [ WebDesign ]いままで一番素敵なGoogle Mapsの使い方かもしれません。
Google Mapsを見ていて、「上から見ると文字に見える建物があるなー」と気付いた人が、アルファベット・記号・数字に見える場所を探し出して、文字生成器（ジェネレーターといいます）にしちゃったかんじ。
この説明のとおり、好きな言葉（アルファベットのみ）を入力すると、Google Mapsにある文字に見える建物をピックアップして表示してくれるジェネレータ。
作った文章を送ることも可能。（文章が表示されるページの動きが秀逸）
その発想も、表現も素晴らしすぎます。
amaztype以来の衝撃かも。。。
必見
Via :: Google Mapsジェネレーター (stripさん)
2006年11月10日
UNIQLO PAPER
[ Fashion ] [ WebDesign ]日本時間明日にNY SOHO店をオープンさせるユニクロが配布しているフリーペーパーのサイト
多分中村勇吾氏によるデザイン。
マウスダウンで拡大、ドラッグで画像をドラッグ。
片山正通氏などのインタビューとユニクロのスタイリング。
フリーペーパーのデザイン・ディレクションは佐藤さんがやったのでしょうか？
ユニクロらしからぬ（失礼！）クオリティの高さ。
2006年10月25日
画像ぐるぐる
[ WebDesign ]ちょっと痛いサブジェクトですが、でも面白いかも。
こんな感じに
画像が回転します。
やり方は
1.回転させたい画像があるサイトを開く
2.URLに以下をコピー＆ペーストし、enter/return
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',50); void(0);
＃回転をやめたい場合はページをリロードしてください。
パラメーターを変えれば回転の仕方を変更することが可能です。
ちょっとしたことですが、面白い。
Via :: Neat Trick With Javascript
2006年10月23日
tha ltd.
[ WebDesign ]日本が世界に誇るウェブアーキテクト中村勇吾氏が率いるtha ltd.のサイトがリニューアル
tha ltd.
(要Flash)
右側の『PLAY VIDEO』をクリック
Google Mapsを思わせる俯瞰写真を使って渋谷駅からthaオフィスまでの行き方のビデオが流れます。
移動にともなって、俯瞰写真が回転・移動・チルト。
その圧倒的な技術力そしてセンスに鳥肌がたちます。
素晴らしいサイトです。必見！！
[10/24追記]Google Mapsへのアクセスが禁止された模様で、前のサイトに戻っています。
2006年10月19日
Le Défi
[ Ads ] [ Gadget ] [ Web2.0 ] [ WebDesign ]驚異のクオリティのバズ・サイト
Le Défi
(要Flash;音声あったほうがかなりいいです)
カナダのビールメーカー、『Stella Artois』がローンチしたフランス語で『挑戦』意味するサイト。
複数のパズルで構成されており、パズルを解く事でビールに到達できるという内容。
『Myth』を思い起こさせるようなそのパズルがかなり難しい。
（制限時間が短いのに、ムービーがやたら長くてちょっといらいらするのが難点といえば難点）
しかもこのバズサイトに登場しているパズルの実物が作られて現在トロントで展示中。
その大きさは高さ5メートル、重さ2トン以上。
インスタレーションをサイトで遊ぶことができるという新しい形のバズ・マーケティング。
両方のクオリティが非常に高いことで成立しえているのでしょう。
Via :: Le Défi - Awesome
2006年10月17日
ハシリマセンカ
[ Ads ] [ Fashion ] [ WebDesign ]今から30年前、『走りませんか？』というキャッチコピーとともにジョギングブームを巻き起こしたオニツカタイガー。
その『走りませんか？』が、30年たった現在バイラル・サイトとして復活。
世界初の『スニーカー駆動』ウェブサイト？！と銘打たれたこのサイトでは、ルームランナーで走る人に対して『PLEASURE』(アメ)と『PAIN』(ムチ)のバランスをうまく調節してやることで、いろんな動きをみることができます。
そしてそのバランスを失敗すると自動的にウィンドウが閉じられ、ぺージをみることができなくなるというサイト。
また30年前のCMを見ることもできます。
スニーカー駆動という発想も、アメとムチで内容が変わるという発想もかなり素敵。
インターフェイスが若干分かりにくいのが難点だけど。。。。
2006年10月 4日
UNIQLO.com
[ Fashion ] [ WebDesign ]OHO先日、Maria Dziedzicをメンズディレクターにすることを発表したUNIQLO(US)ですが、ついに正式にサイトがローンチ。
もちろん中村勇吾氏による製作。
SE、トランジションはもちろんフォントの動き一つとっても計算され尽くした美しさ。
『UNIQLO EXPLORER』はため息しかでないほどの完成度。
必見！
Via :: pixselsurgeon.com
2006年10月 1日
Audi R8
[ Ads ] [ WebDesign ]TTをポルシェキラーとするなら、フェラーリキラーともいうべき、パリサロンでついに発売が発表されたアウディの『R8』。
その『R8』の特別サイト
Audi R8
(BGMあり。フル画面でポップアップウィンドウが開きます)
できるだけ高速なネットワークで見てください。
ルマン24時間耐久レースに5度優勝したマシンと同じ名前を持つ、420馬力、V8エンジン搭載の公道向けスポーツカー『R8』。
その魅力をFLVを使って見事に表現。特にタイム・スライスを使ったトランジションは必見。
（カスタマイズしたモデルが走ってくれればもっとよかったけど。。）
2006年9月28日
Maps of War
[ WebDesign ]中東、ヨーロッパを中心に紀元前から現代までの国の勃興を表示するFlash
Maps of War
(要Flash;RSSリーダによっては表示されません)
特に解説等もなく、淡々と時間軸にそってさまざまな国が勃興していく5000年の過程を90秒でみることができます。
その淡々さが、かえってエルサレムを取り巻く状況の複雑さと根深さをいやという程感じさせます。
モンゴル帝国の強大さにも改めて驚愕しますが。。。
Link :: Maps of War
Via :: del.icio.us/popular
2006年9月22日
coverpop
[ WebDesign ]ある意味『ジャケ買い』を再定義したサイト。
coverpop
(右側のメニューをクリックすることでアイテムを切り替えることができます）
YoutubeのムービーやAmazon.comの本、ギフト、楽器、スニーカーなど、さらにはビンテージ雑誌などのサムネイル画像を取り込み、ばらまいたように表示。
それにマウスを重ねることによって、詳細情報が表示されたり、amazonへのリンクが表示されたりする。
ショッピング・インターフェイスとしてはかなり微妙だけど、さまざまなサイトから情報をアグリゲートして、それを小気味よい動きで見せているのは秀逸。
Via :: del.icio.us/popular
2006年9月16日
Breathing Earth
[ WebDesign ]実行力に疑問の余地があるとはいえ、京都議定書(wikipedia)により気候変動抑制に向けて、動き出している各国ですが、実際気候変動にどの程度、どの国が影響を与えているのかをFlashを使って文字通り「地球が呼吸している」ように表現したサイト
二酸化炭素の排出量、出生、死亡が国ごとにリアルタイム表示のように、アニメーションで表示。
表現はもちろんすばらしいですが、それ以上に考えさせられるサイトでもあります。
Via :: breathing earth
2006年9月 5日
Tatoo Parlour
[ Ads ] [ Erotic ] [ Games ] [ WebDesign ]会社でみるには適しません。
Crusty Daemonというゲームのバズマーケティングサイト。
タトゥーの場所、デザイン、メッセージ（英語のみ）を選ぶとセクシーなムービーとともにタトゥーを生成してくれる
Tatoo Parlour
(要Flash;BGMあり)
場所はバスト、ヒップ、背中、ウェストの中から、モチーフは8つから選択できる。メッセージは英語で好きなものを入力可能。
この3つを決めて、APPLYをクリックすると、場所に応じたセクシーなムービーとともにタトゥーが表示されます。
そのタトゥーを画像に変換したり、ムービーをメールで送ったりも可能。
ゲーム自体がかなり過激な内容のようなので、こういうサイトもありなのかもしれません。
Via :: すいません、わすれました。
2006年8月28日
Gucci powered by script.aculo.us
[ Fashion ] [ WebDesign ]ちょっと古い話題で申し訳ないですが、メガブランドでは初だと思います。
GucciがそれまでのFlashではなく、script.aculo.usを用いて、サイトをリラウンチ。
Gucci
(Japanはまだ構築中の模様ですので、他の国を選択してください。)
script.aculo.usの作者、Thomas FuchsがプログラムしたこのサイトはFlashを用いてないとは思えないような『Flash的』なナヴィゲーションやスクロール。
オンラインショップもFinderを想起させるような小気味よいナヴィゲーション。
Flashを使わない意味はあまりないかもしれませんが、それでも素晴らしいサイトです。
2006年8月17日
ウェブの怪談！？
[ WebDesign ]私の知り合いでね、一日中ネットみてるひとがいるんだけどね、この人がSkypeで友達とチャットしているときにYahoo!で調べ物をしようとしてたんだ。
いつものことだから手慣れたもんですよ。
でもこのときばかりはブックマークからYahoo!にアクセスしたとたん、ブラウザが落ちる。
なんどやってもおちる。
しまいにはインターネットにもつながらなくなり、家の電気まで消えちまった。
停電かなーと思って、ふとノートＰＣの画面をみると、Skypeに見知らぬ人からメッセージが
『マイスペースハイタダイタ』
だれかのいたずらかと思ったらしいんですよ。きっと怖がらせて喜んでるんだ。
と思ったらしいんですよ。
やだなーと思っているとまたメッセージが
『eBayモイタダイタ』
続けざまに
『アマゾンモイタダイタ』
『MSNモイタダイタ』
その人も間違いにしてもさすがに気味が悪くなって、
『間違ってませんか？』
ってメッセージをかえしたんだ。
そうしたら、何も返事がかえってこなくて、メッセージも来なくなったので、しばらくして友達とSkypeを再開した途端、
「ヤフーモイタダイタ」
とメッセージが。
怖くなってSkypeをやめ、ウェブでもみて落ち着こうとブラウザをたちあげると、、、
そしてまたメッセージが
『グーグルモイタダイタ』
さぶすぎる内容で申し訳ないです。
上記サイトは Mark CallahanというアーティストのISP(Internet Soul Portraits)という作品です。
Link :: mazamedia
2006年8月16日
Speedtest.net
[ WebDesign ]Flashを用いて、車のコンソールのようなインターフェイスで通信速度を計測してくれるサイト
緑のピラミッドから一つを選ぶと、自分のIPアドレスからはじき出された場所に人型のマークができ、選んだピラミッドとマークの間をデータがやりとりされる模様を表示しながら、上り/下りの通信スピードを計測してくれる。
やっていることはよく見る内容なんだけれど、インターフェイスが面白い。
ちなみにこれはOokia Speed Testというプロダクトのデモサイト。年間いくらかを支払うとホスティングも可能。
Via :: del.icio.us/popular
2006年8月 9日
Happy Birthday to FLASH !!
[ WebDesign ]1986年8月9日、後にウェブを大きく変えることになるプロダクトがこの世に誕生。
そう、Flashの前身となる『FutureSplash』そして、今日で満10歳。
ウェブアニメーションのデファクトスタンダードになり、ＰＣだけでなくモバイル端末にも進出。そしてFlexという新しい『相棒』を得、単なるアニメーションツールからエンタープライズリッチアプリケーションプラットフォームへと変貌した10年。
開発したFutureWaveがマクロメディアに買収され、そのマクロメディアもアドビに買収されて、今はない。でもFlashはAdobe Flashとしてウェブにおける重要なファクターとして輝き続けている。
この先の10年も輝きつづけられるでしょうか。
最後に10周年ということで、FutureSpashからFlash8までのスプラッシュスクリーン一覧。
Via :: Happy Birthday Flash!
2006年8月 4日
PUMA MONGOLIAN SHOE BBQ
[ Fashion ] [ Web2.0 ] [ WebDesign ]NIKE iDに始まり、各メーカーがスニーカーのカスタマイズサイトを立ち上げていますが、Pumaも開始。
MONGOLIAN SHOE BBQ
（アクセスが集中していて、表示がおかしくなっているかもしれません）
プーマRS-100の約20種類のパーツをその名の通り、モンゴリアンバーベキューの料理店にみたてたインターフェイスで自分ごのみにカスタマイズできる。
スニーカーはかっこいいし、発想もインターフェイスもおもしろいんだけど、約20種類というパーツが多くて時間がかかりすぎるのが難点といえば難点。
ただそこはちゃんと考えられていて、途中でやめたとしても次回その続きからカスタマイズできる。
カスタマイズ自体はかなり楽しいです。
MGM Grand
[ WebDesign ]YoutubeやGoogle Videoに代表されるように、Flashがウェブでの動画コンテンツの主役となりつつあります。
そんなFlash Videoを使った素晴らしいサイト
MGM Grand
(要Flash;開くとBGMなります、注意；ENTER MAXIMUM VEGASをクリック)
ホテルでの滞在シーンを時計でたとえ、それぞれのトランジシション時に行われる動きやデザインなどの素晴らしい『ブレンド』。
製作はモントリオールのDiesel
これだけの見事なブレンドはFlashでは初めてみました。ちょっと鳥肌たちました。
必見。
Via :: MGM Grand
2006年7月27日
Under Construction2.0
[ Design ] [ Web2.0 ] [ WebDesign ]説明する必要はないかもしれません。とりあえず見てください。
the icon factory
(要QuickTime)
サイトが文字通り『建設』される様子がムービーで順に表示されます。
<br>や<table>がトラックで運び出されたりしています。
まだなかばですがこれからの展開が楽しみです。
Via :: digg.com
2006年7月25日
Internet '96
[ WebDesign ]今年2006年はWayBack Machineがウェブページのアーカイブを開始してちょうど10年。
1996年以来、現在までに５５０億ページがアーカイブされています。
（このサイトのアーカイブはこんな感じ）
ではアーカイブが開始された1996年のいくつかのアメリカの著名な企業のサイトはどんなものだったかというのを集めたサイト
マクドナルドやNYTimes、レゴなどいくつかの企業サイトが紹介されています。
今とは全然違うシンプルなサイトが逆に新鮮。
上記サイトはアメリカのサイトだけ紹介されているので、日本のサイトも探してみました。
ほとんどのサイトが1997年1月からのアーカイブになっているのですが、
一番驚いたのが
毎日新聞
1996年11月9日のアーカイブ
今では考えられませんが、フレーム使ってます。
ほかには
・朝日新聞(1996年12月16日)
・慶應大学(1997年2月27日)
・NEC(1997年5月2日)
(webでは今ではほとんどみることが無くなった文字コードがISO-2022-JP)
・トヨタ自動車(1997年6月18日)
(このあたりになるとWebセーフを意識した減色処理が行われている)
などなど。
ちなみに
1996年当時のウェブはWindows95およびJavaが発表されて1年経ち、IEはバージョン3.0、いまはなきNetscape Navigatorもバージョン3.0。
ブラウザシェアは
Netscape 2: 13％
Netscape 3: 47％
Internet Explorer 3: 28％
ちょうどjavascriptがIE/NNともに実装されはじめ、ブラウザ戦争が勃発した時期。
10年でこれほど進化したかと思うとちょっと感慨ぶかいです。
Via :: del.icio.us/popular
カーソルコピーバナー
[ Ads ] [ WebDesign ]Flashのマウスカーソル機能をつかった見事なバナー
Lanier : Copy
(要Flash;コピー機にカーソルを合わせてみてください)
コピー機のうごきもコピーされるカーソルも音もすべてが見事。
Via :: Banner: カーソルクローン生成機 (stripさん)
Bone Flash
[ Design ] [ WebDesign ]ロシアのFlash掲示板？に登録された作品
Bone Flash(題名がわからないので適当です)
(要Flash)
シュヴァンクマイエルの作品のように骨格から始まり、ヌード、水着、洋服へとデッサンが移り変わっていきます。
移り変わるスピードを変更することも可能。
そのデッサン力もさることながら、動きも秀逸。
ぼうっとみてるだけでも楽しいです。
Via :: del.ico.us/popular
2006年7月23日
Wallnote
[ Design ] [ Web2.0 ] [ WebDesign ]Remember the MilkなどTo Do管理サービスはたくさんありますが、ちょっと変わったサービスがまた一つ登場。
メモ機能とTo Do管理機能を提供。
Ajaxをつかった編集機能など、一通りの機能を搭載。
ここまでならありがちなサービスなのですが、ちょっとおもしろいのがWindowsのアクティブ・デスクトップとしてページを設定することができ、オフラインでも使用可能にしている点。
アクティブ・デスクトップというほぼ忘れ去られている機能を活用しようとしているのが面白い。（アクティブ・デスクトップ自体、使い勝手がいいとは思えないかもだけど）
Via :: del.icio.us/popular
2006年7月22日
ビートボックスミキサー
[ Ads ] [ Web2.0 ] [ WebDesign ]Verizon BroadBandによるバズ・マーケティングサイト
このFlashで構築されたサイトは、その名の通り、ヒューマン・ビートボクサー5人のビートをミックスできる。
5人のうちからメインライン一人を選び、あと二人のビートボックスをミックスさせる。
もちろんミックスできるだけではなく、共有したり、ブログに貼り付けたりも可能。
その直感的で小気味よいインターフェイスも秀逸。
ミックスされたものを聞いているだけでも楽しいですが、触るとさらに面白いかも。
Via ::すいません、わすれました。
2006年7月20日
『10次元』
[ WebDesign ]0次元は点、1次元は線、2次元は平面、3次元は立体というくらいの知識は僕でもあるんですが、では10次元の世界はどんなものでしょう。
僕には全くわからないのですが、Flashで0次元から10次元までわりとわかりやすく説明してくれるサイト
Imaging the Tenth Dimension
（要Flash;Navigationの"Imaging The Tenth Dimensions"をクリック）
ナレーションは英語ですが、直感的なインターフェイスと非常に小気味よい動きでアニメーションをみているだけでもちょっと面白い。
僕には内容を理解するのが難しいけど。。
2006年7月10日
Flash 9 Alpha リリース
[ WebDesign ]一週間以上経っているのですが、
Flash 9 Professional preview(alpha)
（Win/Mac；要Adobe/Macromedia ID）
がリリース。
Flash9の正式リリースは来年の予定だが、AS3.0対応プレビューとして提供される。
Document Classに対応したAS3.0コンパイラが付属。
Mac版はUBではなく、PPCのみ。
なお使用するにはFlash8もしくはStudio8がインストールされている必要がある。
劇的にパフォーマンスが向上したAVMを搭載したFlash Player9に続いて、開発環境もFlex2.0だけではなく、プレビューながらFlash9がリリースされたことでAS3.0がぐっと身近になって面白いものがでてきそうですね。
2006年6月27日
ブラウザショット
[ WebDesign ]IEから始まり、Lynx、w3mまでさまざまなブラウザでサイトを見た際のスクリーンショットをとることができるサイト、
見たいURLをポストすると、表示させるブラウザを選択画面に移る。
その画面で、プラグインなどの設定、ブラウザを選択し、スクリーンショットのリクエストをする。
もちろん処理自体がかなり重いので、リアルタイムで表示されるわけではない。
リクエストはキューイングされ、リクエスト時にユーザが設定する処理時間（30分から4時間）の間に処理が完了すれば選んだブラウザでブラウジングした際の画面のスクリーンショットが表示される。
(処理時間内に処理が完了しない場合は、リクエストは破棄）
つまり少ないブラウザだとすぐにみることができるが、ブラウザを多く設定するとリクエストが完了するまで字間がかかる、もしくはリクエストが破棄されることになる。
対応しているブラウザは、
Windows
Firefox 1.5
MSIE 5.5
MSIE 6.0
MSIE 7.0
Opera 8.5
Mac
Safari2.0
Linux
Epiphany 1.4
Firefox 1.0
Firefox 1.5
Galeon 1.3
Konqueror 3.4
Konqueror 3.5
Mozilla 1.7
Opera 8.5
ターミナル(CLI)
Links 1.0
Lynx 2.8
W3M 0.5
携帯端末
EudoraWeb 2.1
NetFront 3.3
WebToGo 4.2
発想としてはかなり便利だし、ウェブのデザインをお手軽に確認できるっていうのはかなりいいかも。。
ただ現状はリクエストが集中していることもあり、かなり遅いのが難点。
Via :: del.icio.us/popular
2006年6月26日
SPAM ART
[ Art ] [ WebDesign ]毎日、これでもかというくらい届くスパムメール。
そのスパムメールを解析してアートに「リサイクル」してしまうサイト
世界各地からspam_at_spamrecycling.comに送られてきたスパムメールの本文、画像を文字通り分解してビジュアル・アートに変換する。
さらに生成された『作品』を使って、ドイツ・カールスールエのCenter for Art and Mediaで展覧会が開かれる予定。
かなり面倒なスパムメールですが、リサイクルされるとかなりきれいな感じ。
Via :: spam recycling(blog.tokyoace4.comさん)
2006年6月23日
Virutal Replay
[ WebDesign ]連日熱戦が続くワールドカップ。そのゴール・シーンをウェブ上で3Dでリプレイすることができるサイト
Virtual Replay
(要Shockwave)
再生スピードの変更やカメラ・アングルの変更が可能。
サッカーゲーム等にあるボール目線でも見ることができます。
Directorならではの表現だと思うのですが、ビデオからどうやってこれをつくったのでしょう。。
Via :: 3D virtual football replay
2006年6月22日
エア・フォース・ワン& VW GTI
[ Ads ] [ WebDesign ]今年もこの時期がやって来ました。カンヌ国際広告祭。
今年のサイバー部門のグランプリは２つ。
１つはバイラル・マーケティングムービー、もう一つはカタログサイト。
ECKOのバイラル・マーケティングムー
ビー。
見たことがある方も多いかもしれません。
Advertising / Design Agency, City: droga5, New York
Interactive Creative Director: David Droga
Art Director: Duncan Marshall
Copywriter: Jeski Takaharo
Producer: Patrick Milling Smith/Brian Carmody/Allison Kunzman
Director: Randy Krallman
警備を突破し、アメリカ大統領専用機エアフォース・ワンに落書きするというムービー。
もちろん実際にエアフォース・ワンそのものに落書きしたわけではないです。（同じ機体を借りて、撮影）
最近こういうバイラル・マーケティング多いですよね。
そしてもう一つは
Advertising / Design Agency, City: CRISPIN PORTER + BOGUSKY, Miami
Interactive Creative Director: CCO:A. Bogusky/ECD:A. Keller/ICD:J. Benjamin/CD:R. Strasberg/T.Calcao
Art Director: T. Kosel/G. Stephens/M. Ferrare/R. Panchal/A. Israel
Copywriter: ACD: S. Linnen/CW: M.howard/F. Tipton/J. Gillette
Interactive Designer: C. Mccann/Music: Wojahn Bros./Track: Configurator Theme
Technical Director: IP Dir: R. Samuel/Exec Ip: M. Bonin/Sr. Ip: P. Sutton/Ip: D. Ruth
Producer: Art Producer: J. Hoffman/Exec. Ip: W. Binch/Agency Music P: B. Meadows
Director: Director: Jonas Akerlund/Dop: Crile Forsberg
Flashを使ってリアルタイムにVW GTIを自分好みにカスタマイズできるサイト。
インターフェイスがかなり直感的で、だれにでもやさしいデザイン。
と、それだけではありがちなサイトですが、そこで終わらないのがVW。
カスタマイズしたGTIをすぐにムービーでみることができ、しかも自分が乗っているような視点になっています。
（意味なくセクシーな女性が同席しますが。。。）
作り的には難しいことはしてないですが、自分でカスタマイズした車の走っている姿や内装をすぐに見ることができるって結構いいかもですね。
この２作品って、去年(Come Clean)、一昨年(ECOTONOHA)に比べれば、いい作品だとは思うんですが、ちょっと小粒かも。。。
（えらそうですね。すいません）
Via :: CANNES LIONS 2006
2006年6月19日
Nike vs Xiao
[ Ads ] [ WebDesign ]2年半前に取り上げたこともあるNikeの『人型』CM(今はサイトではもうみることができませんが)
(要Flash;RSSリーダに依っては表示されません)
当時、僕も感じたxiaoxiaomovie.comとの類似性から、Xiaoxiaoの作者がnikeを訴え、訴訟になっていた模様。
１審は昨年12月に結審し、作者が勝訴。ナイキに$37,000の賠償金が命じられた。
２審は昨日判決が言い渡され、ナイキが逆転勝訴。
ナイキのキャラが首があり、完全に胴体から離れているのにたいして、xiaoxiaoは首がないことなどが決定的な差となりナイキが勝訴したようです。
極めて汎用的な人型のキャラがオリジナルかどうかが争われ、結局ナイキが勝利したのですが、かなり微妙な感じ。
上記法理からすると、近ごろ話題の傑作Flash『アニメータvsアニメーション』は盗作になるのかなぁ。。
『オリジナル』であることってほんとに難しいですね。
2006年6月18日
MyDrawings.com
[ Web2.0 ] [ WebDesign ]Turbogearsで構築されたすべてのユーザで巨大なキャンバスをウェブで共有して、落書きしようというサイト
無料ユーザ登録すると、キャンバスの一部が割り当てられ、好きな絵を描くことが可能。
自分だけで描くことはもちろん、みんなで協力して一つの絵を完成させることもできる。
（実際に複数の人が描いた例としては、マリオとか）
The Brothと方向性としてはほぼ同一。
作品をみるだけでも結構面白いかも。
Via :: digg.com
2006年6月15日
telnetで見るワールド・カップ
[ WebDesign ]連日激戦が続くワールド・カップ。
各地でパブリック・ビューイングが開催されてますが、テレビ中継以外にも、ある意味かなり面白い方法で中継もされています。
その方法はアスキーアート
telnetすることでアスキーアートでライブでワールドカップ中継を見ることができるようです。
方法は以下のとおり
1.windowsの場合、スタート>すべてのプログラム>アクセサリ>コマンド プロンプトを選択
OSXの場合、アプリケーション>ユーティリティ>ターミナルを選択
2.表示されたウィンドウで、以下のように入力
telnet diego.ascii-wm.net 2006
もしくは
telnet ascii-wm.net 2006
そしてEnter(Return)を入力
3.そうすると自動的に中継が開始されます。
負荷が高すぎて、現在のところまだみることができてないんですが、おそらくtelnetで観るスターウォーズ「新たなる希望」と同じようにログインバナーで中継しているのでしょう。
ツールを使うにしろ、リアルタイムに変換するって相当大変だと思いますが。。。
発想と技術がすばらしいです。
Via :: del.icio.us/popular
2006年6月 1日
New Beetle Art
[ Ads ] [ WebDesign ]フォルクスワーゲン UKがBeetle Lunaという新車のキャンペーンの一環で
New Beetle Art
(要Flash;BGMあり)
というサイトを立ち上げています。
このサイトは、車を選ぶときの決め手として"『外観』を最も重要視する25歳から49歳までの女性"を主なターゲットとするもので、4人のアーティストがつくったデカールを使ったり、Luna本体の色を変えたりして、自分のすきなようにLunaをカスタマイズできるサービス。
直感的でわかりやすいインターフェイスと、過度にならない演出でちょっと面白いです。
制作は Tribal DDB
2006年5月31日
さよなら、FreeHand, Golive
[ WebDesign ]やはりというべきでしょう。
合併前には競合していたプロダクトラインの調整が始まったようです。
アドビ、FreeHandおよびGoliveの開発打ち切りへ
先週開催されたアドビのイベントで発表された模様。
FreeHandは打ち切り、Illustratorへ。
Goliveは打ち切り、Dreamweaverへ。（DWは"adobeインターフェイス"で次期バージョンが登場する模様）
illustratorよりも何歩も先んじた機能（特に透明ベクターや魚眼レンズ、マルチページ、3Dグリッド、ライブエフェクトが重宝してました。。。[透明ベクターは後にillustratorでもサポートされましたが]）をもちながら、日本ではかなりぱっとしなかったFreeHandでしたが、その機能は将来のillustratorに継承されていって欲しいと思います。
合併で仕方がないとはいえ、ユーザとしては寂しいです。
2006年5月30日
swarm
[ Firefox ] [ Web2.0 ] [ WebDesign ]ウェブにおいて、ビジターがどこから来てどこへ向かうのかを把握することはある意味、永遠のテーマかもしれません。
そのテーマを視覚的に表示するサイトをご紹介。
サイトをサムネイル表示し、ユーザがどのサイトからどのサイトへ移動したかをリアルタイムに赤いラインで表現。
中心に近い程、ユーザが多く集まるサイトであることを示す。
もちろんすべてのユーザをトラッキングしているわけではなく、専用のFirefox extenstionをインストールしたユーザの情報のみをトラッキング。(訪問したサイト情報のみ通信され、ほかの情報は一切通信されないとのこと)
かなりの負荷がかかるはずの処理をリアルタイムで行っていることに驚きます。
ユーザがどんな動きをするのかが一部でもわかるのでちょっと面白い。
Link :: swarm the dot com
Via :: swarm browse behavior
2006年5月28日
Taglines :: Flickr History ::
[ Web2.0 ] [ WebDesign ] [ Yahoo! ]またちょっと遅い話題ですが、Yahoo!が面白いものをリリース。
これは2004年6月から2005年9月までにFlickrにアップロードされた写真につけられたタグの移り変わりをFlashを使って表現したサイト。
時系列にそって、頻繁に登場するタグが右から左へとスクロールして行きます。
またタグをクリックすることで、そのタグがつけられた写真のサムネイルを見ることができます。
移動量や表示方法も変更することが可能。
タグの遷移を見ることでその時何が起こっていたのかわかる感じ。
動きも小気味よく、見ていて飽きさせないのはさすが。
Via :: digg.com
2006年5月27日
UNIQLO NY Soho STORE
[ Design ] [ Fashion ] [ WebDesign ]また、おそいよっていう話題ですが、ユニクロが今秋にニューヨーク、SOHOに旗艦店をオープン。
商品構成をどのようにするかわかりませんが、GAP,H&M,BANANA REPUBLICなど強力な競合がひしめく中でどの程度やっていけるかかなり注目です。
で、このNY SOHO店プロジェクトに結集した人たちがすごい。
ロゴ等は佐藤可士和氏、内装は”WonderWall”片山正通氏、そしてウェブ、
中村勇吾氏。
今はティザーしかないですが、それでも見飽きない軽妙な動きと音はさすが。
今後どのような展開をみせてくれるのか楽しみです。
Via :: ユニクロ、今秋ＮＹ進出 最先端クリエーター結集、世界へ
2006年5月11日
LOVE LIFE STOP AIDS
[ Ads ] [ WebDesign ]多分会社で見るには適しません。
エイズ防止のための啓蒙サイト
画像は上記サイトで公開されている啓蒙用ムービーの一コマ。
『No Action without Protection』（防具なしで行動しない）
のコピーがニヤリとさせます。
このムービーやそのメイキング、ほかの啓蒙用ポスターなどがダウンロード・閲覧できます。
かなり大変だったんでしょうね。特にホッケーは。。
Via :: del.icio.us/popular
2006年5月 1日
26-04-1986
[ WebDesign ]今から20年前の1986年4月26日、人類史上未曾有の原発事故が発生しました。
そう、チェルノブイリ原発事故(wikipedia)。
人類が決してわすれてはならない惨事。
当時子供として事故を『目撃』したVitali Shkliarou、Sergey Abramchuの二人が中心になり、７人のアーティストが集まり、2005年プリピャチ（Pripyat）に入り、建造物の壁に惨状を伝えるペイントをしたり、現状の写真を撮影。
惨劇を風化させないため、その作品をウェブサイトおよび展覧会として公開。
偽りのない現状がここにはあります。
静謐さがより生々しい印象を与えます。
Via :: dei.icio.us/popular
2006年4月28日
The Broth
[ Web2.0 ] [ WebDesign ]Flashで構築しても問題はないと思いますが、PHP+MySQL+Ajaxで実装されたタイル遊び"2.0"サイト
1000個のタイルをサイト閲覧者全員で共有し、自由に動かすことができるサイト。
つまり他人が動かしているタイルがリアルタイムに自分のブラウザにも表示される。
好きなように動かすもよし、みんなと協力して何かをつくるもよしなサービス。
ユーザー登録すると、スクリーンショットを保存できたり、他の人と共有しない自分だけの部屋を作ることができる。
なんとなく中村勇吾さんとかがFlashでつくりそうなサービスですが、かなり面白い。
動かさないでぼうっとみてるだけでもちょっと面白いかも。
2006年4月26日
The Meatrix Revolting
[ WebDesign ]このサイトでも1年半前に取り上げたましたが、いろんな意味で話題になったThe Meatrix。
3月に続編が公開されていたんですが、すっかり忘れてました。
The Meatrix II Revolting
(要Flash,音声必須)
MeatrixはMatrixを元ネタにした工業的畜産が小規模農家をつぶしていくという危険性を訴えたものでしたが、(ご覧になったことない方は日本語字幕付をどうぞ)
続編、Meatrix IIではリオ、ムーフィアスに続いて、チキティやエージェントが登場。
畜産における抗生物質の使用やホルモン注射の危険性などを訴えています。（今のところ英語のみです）
クオリティという意味では前作とひけをとらない内容ですが、ちょっと短い気がします。もうちょっとみたいかも。
Via :: すいません、わすれました。
2006年4月19日
Yutaka Loves London
[ Ads ] [ WebDesign ]ヴァージンアトランティックがはじめたウェブプロモーションサイト
Yutaka Loves London
（要Flash,BGMあり）
架空の日本人プログラマー、ユタカがロンドンの見所を紹介するという内容のサイト。
Flashで非常に小気味よいインターフェイスを実現し、街の音をBGMとして使ったりライブ感を向上させています。
ありがちだけど、アナグラムのタイポグラフィーが気持ちいい。
このサイト自体はYutakaProjectsというプロジェクトの一環のようで、ロンドン各所からウェブカムで中継していたり、ウェブで入力したメッセージがピカデリー・サーカスの広告用ディスプレイに表示されたりと結構いろんな面白いことやってます。
ユタカさんの写真もあるんだけど、この人だれなんだろう。。
ゴールデン・ウィークにロンドン行く予定の方には見所が結構まとまっているのでいいかも。。。
Via :: Yutaka Loves London
2006年4月18日
進化の軌跡
[ WebDesign ]ちょっと古い話題で何ですが、
赤い『Time Slider』を右にドラッグしていくことで、ビッグバンから現在までの宇宙及び地球の歴史を一覧できるFlash。
文字が小さくて読みづらいですが、表示されるグラフィックだけでも面白いし、勉強になるかも。
Via :: 多分digg（すいません、わすれました）
アスキーアート2.0
[ Art ] [ WebDesign ]まずは下の画像をご覧ください。
ちょっとわかりずらいですが、映画マトリックスのワンシーン、覚醒したネオがエージェントの撃つ銃弾をとめるシーンです。
小さすぎて判別できないと思いますが、すべて文字で構成されています。
とここまではふーん、すごいアスキーアートじゃんで終わるところでしょうが、ここからがすごい。
このアスキーアート、映画のシーンをそのままを再現しています。つまり静止画ではなく、アスキーアートの動画なのです。
うだうだ書くより実際ご覧頂いたほうがいいと思います。
表示が大きすぎる場合は上部のドロップダウンからテキストの大きさを変更できます。
その実現方法もかなり面白い。文字通りパラパラ漫画です。
ソースを見ればわかりますが、一コマ、一コマを<pre>で囲んでアスキーアートで表現し、javascriptを使って連続で可視/不可視を切り替えることで動画のように見えるように設計されています。
シェルやツールを駆使すれば負荷は軽減できるでしょうが、それでも結構な手間だと思います。
そのセンスとあまりの力技ぶりに圧倒されました。
Link :: media4u(上記作品以外にも様々なアスキー・ムービーがあります)
Via :: del.ico.us/popular
2006年4月17日
TAPEFAILURE :: Ajax-ified web rec. ::
[ Web2.0 ] [ WebDesign ]e-ラーニングやソフトウェアの新機能紹介、斬新なところではRuby On Railsのプロモーションでも使われた画面動画キャプチャ。たとえばこんな感じ。商用ソフトではCaptivate、Viewlet cam、フリーソフトではWinkあたりがメジャーだと思います。
そんな画面動画キャプチャをブラウザのみで行うことができるサイト
とてもシンプルでわかりやすいインターフェイス。
Recordボタンをクリックして、URLを入力すると、マウスの移動、画面遷移などをすべて記録。
保存したあと再生可能。
保存しないと再生できなかったり、文字入力すると挙動がおかしくなったり、動作がもっさりすることもあったりとまだまだこれからという感じですが、発想はかなり面白いし、そこそこ動くのでちょっと遊ぶのにはいいかも。。
Via :: Record a web-browsing session using neato AJAX-powered “web recorder”
2006年4月15日
結婚してくれますか？
[ Google ] [ WebDesign ]
ずうっと拡大していくと。。。ニヤリ。
手間結構かかってそう。。
どうやってプロポーズしたんだろう。。。
Via :: digg.com
2006年4月10日
2.0 Generator
[ WebDesign ]少し前にサンマイクロ総研（笑）による社員2.0というのが話題になりましたが、その表を好きなキーワードを入力することで自動生成してくれるサイト
たとえばこのサイト『ニテンイチリュウ』を入れて生成するとこんな感じ。
『ウェブ進化論』的な語彙を使っていたりして、結構面白い。
Mehdi Saeedi
[ Design ] [ WebDesign ]久しぶりに感動しました。まずは下記画像をごらんください。
『フセイン』時代の国土防衛を訴えるポスター
SARS蔓延防止ポスター
これらの作品はすべて『Medi Saeedi』というイランのグラフィック・デザイナーの作品。
正直中東のデザイナーはまったく知らないし、作品も見たことがなかったんですが、アラビア文字の使い方や独特の色使い、画面構成、どれをとっても、ものすごい高次元。感動しました。
知らないだけですごい人はまだまだいっぱいいるんでしょうね。
Link :: Mehdi Saeedi(上記以外にも多くの作品をみることができます。もちろんサイト自体も素敵。)
Via :: Iran: Mehdi Saeedi
Cab Tracker
[ WebDesign ]サンフランシスコのイエロー・キャブの過去4時間の動きと、リアルタイムで動く10台を地図上にマッピングしたサイト
Cabspotting
イエロー・キャプに搭載されたGPSからデータを取得し、表示。
ドラッグによる地図の移動や拡大・縮小も可能。
もちろん車の動きのみ。
東京でも同じことやったら、ちょっとおもしろそう。
2006年4月 4日
有名人にあったら？
[ Google ] [ Web2.0 ] [ WebDesign ]またGoogle Mapsマッシュアップでもうしわけないですが、ニューヨークで有名人に会った場所をグーグルマップにほぼリアルタイムに記録しているサイト
プライバシー侵害や有名人の安全という意味で結構問題視はされているみたいです。
日本で同じようなこと、たとえばアカウントを自由に作れて、写真付きメールをなげれば自動的に写真と場所がgoogle mapsに投稿されるとか、をやったらプライバシーなんてほぼなくなるでしょうね。
同じ技術でも使い方でどうにでもなるという良い例かもしれません。
Via :: ABCニュース
2006年3月20日
インターネットの産声
[ WebDesign ]1972年放送のアメリカのドキュメンタリー
いわゆる『インターネット』の起源であるARPAnetの初期をおった内容。
Computer Networks: The Heralds of Resource Sharing
（要Flash,約25分）
Lawrence Roberts,Robert Kahn,J.C.R. Lickliderなど今となっては伝説級の人物が次々出てきて、熱く語っています。
現在このビデオから34年、当時の5- 10万倍のスピードのネットワークを利用できるわけですが、このような人達のたゆまぬ努力の結果であることは忘れてはいけない気がします。
34年後はどんな未来になっているのでしょう。。
#70年代の音楽やファッションを見るという意味だけでも結構面白いかも。。
Via :: Documentary on the state of the Internet in 1972 (BoingBoing)
2006年3月17日
Netscape.com Re:Launch
[ Web2.0 ] [ WebDesign ]天国と地獄を文字通り味わった企業、かつてはインターネットの代名詞ともなっていたNetscape。
ブラウザを作り出し、ウェブ進化論でいうところの『こちら側』を代表する存在となり、インターネットのトラフィックのほとんどをもっていた黄金時代。
そしてMSとのブラウザ戦争に敗れ、どんどんシュリンクし、AOL傘下の現在では過去の栄光は見る影すらなくなっていますが、
そのNetscape.comが近々リニューアルする模様。
しかもWeb2.0を代表するようなサービス『memediggers』として。
memediggersとはdigg.comに代表されるようなユーザードリブンなニュースサイト。by Peter Cashmore
ソーシャルニュースとかメムトラッカーなどといわれているサービス。
そしてそのNetscape.comリニューアル計画を率いるのはAOLに買収されたWeblogs Inc.のJason Calacanis。
digg.comという確立されたサービスがある中で、
Calacanisなら何か面白いことやってくれそうな気がしますがどのように差別化し存在感を出していくのかが注目されます。
2006年3月 9日
Google CL2
[ Google ] [ WebDesign ]かねてからずっとうわさになっているグーグルのカレンダーサービスですが、200人限定のクローズドベータの画像がリークされました。
うわさになっていたURLhttp://calendar.google.comではなく、
http://www.google.com/cl2/
（ログインはできません）
GMailとの密な連携やAjaxを使ったＵＩ、ドラッグによる時間帯の指定、さらにiCalによる購読やSMSを使った通知機能、さらにCL2に登録したイベントは自分にしか見えなくすることはもちろん、CL2ユーザではなくても見ることができるようにすることも可能。
パブリックベータになった段階で、ほかのカレンダーサービスはかなりの打撃を受けること間違いないような高機能だと思います。
果たしていつ登場するのでしょう。。
Link :: Exclusive Screenshots: Google Calendar(画像多数)
2006年3月 2日
Shock Absorber
[ Erotic ] [ WebDesign ]あまりエロさは感じませんが、表現が直球なので、会社でみるのはやめたほうがいいです。
Shock Absorberというイギリスのスポーツウェアメーカーのスポーツアンダーウェア・プロモーティングサイト
BOUNCE-OMETER
（要Flash,BGMあり）
運動時にどのようにバストが動き、Shock Absorberのアンダーウェアの着用によってどのように変化するのかをFlashで表現。
ワイヤーフレームにも変更でき、物理シュミレーションとしても結構面白いです。
Via :: del.icio.us/popular
2006年2月24日
Tuigwaa :: Lotus Notes in the era of Web2.0::
[ WebDesign ]2月24日、今日はRuby On Railsで一気にブレイクしたRubyが誕生した日、未踏ソフトウェア千葉滋PM案件最終成果報告会に行って来ました。
そしてもしかすると後世語り継がれることになるかもしれないアプリケーションがお披露目になった日になりました。
そのアプリの名は
Tuigwaa
（トゥイガー）
Flash、Struts,Ruby on Railsを最初に見た（さわった）時と同様、もしくはそれ以上の衝撃。
鳥肌が立ちました。
HTMLはおろか、コードを一行も書くことなく、ウェブアプリがブラウザでもりもり作れるという恐ろしいアプリケーション。
オープンソース。
ブラウザでポップアップから選択したり、フォームにちょっとした値を入れていくだけで、どんどんデータベースにテーブルが追加され(ちょうどRoRのActiveRecordをブラウザだけで操作できる感じ)、それを利用してウェブアプリを作成できる。
ユーザーが使うインターフェイスも洗練されていて、AJaxを使ったファイルロックの通知や（たぶん）prototype.jsを使ったナビゲーションなど、相当すごい。
説明が下手ですごさが伝わらないのが申し訳ないのです。
Ruby On Railsのデモムービーで15分でブログアプリが作れるというのがありますが、Tuigwaaだとおそらく（ちゃんと動作すれば）10分でしかも一行もコードを書かないで作れる感じがします。（実際に試したわけではないのでもう少しかかるかも。。）
ただまだバージョン0.8ということもあり、残念な部分も。たとえば
・ひとつは今のところデザインがほぼ固定で、決まったテンプレートでしか使えない点
・かなりライトユーザ向けのアプリであるにもかかわらず、javaで構築しているのでアプリケーションサーバーを必要としてしまい、導入に敷居が高いのではないかという点
・日本語でのみ、開発され英語のリソースがまったくなく、国際化もされていない点
・ウェブサイトをみているだけでは、なかなかすごさが伝わらない点
デザインについては今後、スキンを導入することで対応する予定だそうです。
英語のリソースはオープンソースで開発する以上、デベロッパーを増やすという意味でやはり早急に用意してほしいです。
（ひとまず日本などといわず、どんどん外に出て行くべき、またその力があるアプリケーションだと思います）
RoRがフレームワークの宣伝にムービーを取り入れたように、Flashか何かで作った『15分で作れるウェブアプリ』みたいなコンテンツがあればそのすごさがもっと伝わる気がします。
ロータスノーツがその拡張性の高さ・容易さで広まったように、大ブレークする予感がします。
（ノーツみたいに呪縛されることもないだろうし。）
javaわかる方はぜひ触ってみてください！！