バックグラウンド・マリオ
14kbのマリオやJavascriptによるマリオカートの作者による新たなる「マリオ」が登場。
そのマリオとはバックグラウンド画像。矢印キーでバックグラウンドにいるマリオを操作して、スーパーマリオの1-1をプレイすることができます。残念ながらアイテムや敵が出てこなかったり、クリア画面までは用意されてなかったりはしますが、かなり忠実に再現されています。
バックグラウンドでマリオという発想はもちろん、それを実現する技術力にも脱帽です。
Processing.js on iPad
gitやsvnなどに対応したiPad用テキストエディタの開発が進んでいますが、一足早くビジュアルプログラミング言語Processingのエディタおよび実行環境が登場。
もちろんProcessingそのものではなく、javascriptにポートされたProcessing.jsのエディタ・実行環境をHTML5で創り上げたものです。どんな感じかは以下のムービーを御覧ください。
Program Processing on the iPad
(Youtube;要Flash;BGMあり;RSSリーダによっては表示されません)
実際に触ってみたい方はこちら。
もちろんiPadだけでなく、ChromeやiPhone/iPod touch、androidからも操作可能。書いたコードはすべてHTML5のLocal Storageでデバイス側に保存されます。
ソースが公開されているので、自分でサーバーにインストールすることも可能です。
あの3.3.1変更に対するアンチテーゼではなく、HTML5を使ってプログラミング環境を実装するというコンセプトの実証として行われたもののようです。実際のiPadでどれほど軽快に動作するのかはわかりませんが、すこしさわってみただけでもかなり楽しいです。
ブラウザポン
すでに話題になっていますが、商業的に成功した世界初のビデオゲーム「PONG(ポン)」をjQueryを使って「ブラウザウィンドウ」で再現。
ニューヨークのStewart Smith氏による作品。
パドルおよびボールがウィンドウで表現され、パドルをキーボードで操ることでプレイします。
説明するより実際プレイしていただくほうがわかりやすいかと思います。
Chrome(Chromium)だとスムーズに動作します。Firefoxだと少しモッサリするかもしれません。
ウィンドウをパドルとボールに見立てるという発想力はもちろん、その非常に小気味よい動きのUIも素晴らしいです。
7つの間違いをさがせ！
会社で見るには若干不適切な表現が含まれます。
いつも驚くようなクリエイティビティ溢れる広告をみせてくれるUKのアンダーウェアメーカー「Wonderbra」がベルギーでローンチしたサイトのUIがかなり秀逸。
ワンダーブラを着用した女性の2枚の写真にある間違い7つを見つけるというもの。タイムに応じて、プレゼントがもらえるようです。サイトのコンテンツもさることながら、注目したいのはそのUI。Google Maps APIを使って、非常に小気味よい動きとわかりやすさを提供することに成功しています。Google Maps APIの新しい可能性を感じるサイトです。
Mcgraw-Hill (Tx)
売り上げランキング: 1052470
Skittles
以前取り上げた非常に野心的なデザインのサイトを展開していたSkittlesが、サイトをリニューアル。今回もまたやってくれました。
制作はBig Spaceship
今回のサイトの特徴は3つ。１つはすべてのコンテンツがソーシャルメディアを通して共有可能になっている点。
2つ目は「無限スクロール」。下にスクロールさせるとページの終わりがなく、永遠にコンテンツがダイナミックにロード差れ続けます。
3つ目は、MUST KISS RELAYやEternal Moonwalkと同様に、ユーザに決まったフォーマットのムービーを撮ってもらうことで、コンテンツが続いていくタイプの「SHARE THE RAINBOW」(サイトの右上FEATURESをクリック)。
前回もそうですが、先行するアイディアをコピーするのではなく、そこに一工夫を加えて、ブランドらしさを出しているところが非常に面白い。
必見！
Gordon :: Flash Runtime on JS
ついに「一応」iPhoneのSafari上でもFlashコンテンツを実行できるFlash ランタイムが開発された模様。
これは100% javascriptで実装されたFlashランタイム。MIT-ライセンス。javascriptで実装されているため、もちろんiPhone上のSafariでも動作し、Flashコンテンツを実行可能。
例えばPCとiPhoneでここにアクセスしてみたのち、ソースを確認してみてください。
要はFlashコンテンツをSVGにjavascriptで変換している模様。そのためオーバーヘッドがかなり発生していて、実行速度は速いとは言えませんが、実行はできます。ただどこまでの互換性が担保されているかなどの詳細は分かりません。
実用性という意味では疑問符がつくのは事実ですが、発想としてはかなり面白いし、実際iPhoneで実行されるのをみるとやはりわくわくします。
Mozilla JetPack
Mozilla LabsがFirefoxを全く新しい方法で拡張できるようにするアドオンをリリース
Firefoxの機能を拡張するためには、独自のマークアップ言語、XUL（ズール）とjavascriptからなるアドオンを作る必要があり、ユーザはそのアドオンをインストールし、Firefoxを再起動する必要がありました。
これに対して、JetPackは、HTML/CSS/javascriptでFirefoxの機能を拡張できるというものです。しかもFirefoxを再起動することなく、動的に拡張することができます。
たとえば、このようなjavascriptでスタータスバーにGMailの通知機能を追加することが可能です。
誤解を恐れずにいえば、GreasemonkeyでFirefox自体を拡張できるイメージ
より詳細は以下のムービーをご覧ください。
Mozilla Labs Jetpack - Intro & Tutorial from Aza Raskin on Vimeo.
現在のバージョンはv.0.1.1で、ステータスバー、タブへのアクセス、アニメーションなどをサポート、jQueryのサポート。
すでにBespinとも統合されています。
html/css/javascriptといったもので、簡単にしかも動的に拡張できるのはかなり面白い。
面白い拡張が出てくるのが楽しみです。
UIzard
Yahoo! Pipes meets Dreamweaver と言っていいマッシュアップアプリケーション。
Korea Mashup Challengeというコンテストのために作成されたアプリケーション。オープンソース。
UI部分はすべてYUIで構築されている。
ブラウザ上のマッシュアップ作成アプリケーションといえば、Yahoo! Pipesや、tarpipeなど様々なものが出ていますが、おそらくもっとも洗練され、もっと敷居が低いアプリケーションと言っていいでしょう。
洗練され、直感的なUI。初心者だけでなく、上級者までもが使えるように細かく配慮された設計。本当に素晴らしいアプリケーションです。
実際にどんな感じかは以下のムービーをご覧ください。
UIzard Getting Started
(Youtube;要Flash;RSSリーダによっては表示されません)
UIzard "Hello UIzard!"
(Youtube;要Flash;RSSリーダによっては表示されません)
UIzard Datasource&Datatable
(Youtube;要Flash;RSSリーダによっては表示されません)
MY DELICIOUS