WTF is HTML5 (Infographic)

ちびっと文字が小さいですが、わかりやすくまとまっていますね。
HTML5を独習する際の目安としても使えそうです。

さて気になるのは下段のFlashに関する項ですが…

FlashとHTML、Webを席巻するのはどちらか？

HTML5 VS. FLASH. WHO WILL OWN THE WEB’S INTERACTIVE FUTURE ?

このインフォグラフィックでは、FlashとHTML5を4つの要素で比較しています。

• どちらが安いか
• どちらがパワフルか
• どちらがより広く受け入れられるか
• どちらが有能か

結果は画像を見ての通りですが、「どちらが安いか」については…

Flash Playerはフリーだが、Adobe製の開発環境は非常に高価だ。HTML5は開発者にとっても無料だ。

確かにFlashIDEもFlashBuilder(Flex)も製品を購入すると高価ですが、
FlashにはオープンソースのFlexSDKがあります。
Flex SDK – Flex SDK – Adobe Open Source
高価な統合環境を使用しない前提でHTML5と比較するのであれば、
こちらと比較したほうがフェアな気はしますね。

最後は次のように締めくくっています。超訳。

これらのチョイスは排他的ではなく、場合によって、開発者は両方ともに使用する。
長い目でみれば、HTML5が要求に叶う選択になるだろう。

要は、当面の間は適材適所だという事です。

私見

開発者にとっては、インタラクティブなWebアプリを作るにあたって
まだまだFlashに軍配があがるのではないでしょうか。
HTML5にはFlashのような優れた開発環境がまだ無いからです。

ただ、遅かれ早かれFlashIDEは、HTML5+CSS3+JSで
プロジェクトの書き出しが出来るようになるのではと予想しています。
ASとJSは親戚ですし、Flashの得意なベクターもSVGで解決出来ます。
相性は非常に良いでしょう。

既にちょっと違った方法でswf→HTML5を実現してしまっているライブラリも存在しますね。
Smokescreen

問題はAdobeがその後FlashPlayerをどうするのか。
それまでの間に、HTML5ではとても実現出来ないような素晴らしい表現が可能になるか、
そうでなければFlashPlayerはHTML5が表示出来ない、
古い環境の面倒を見る為の存在になってしまいかねません。

AdobeとしてはFlashが売れればそれでよさそうな気もしますが、
1ファンとして、Flashの底力をまだまだ見てみたいですね。

Twitterと連動するサービスは星の数ほどありますが、
今回ご紹介するのは「情報の可視化」を試みたWebサービス2点です。

POST-SEASON TWITTER PLAYOFFS

Nike NBA

まずはNikeが立ち上げた「POST-SEASON TWITTER PLAYOFFS」、
ツイートを集めてWeb上でプレイオフを楽しもうというサービスです。
ユーザがお気に入りのチームに関するツイートをすると、
投稿数によってチームのボックスが拡大縮小します。
THUNDERが消えそうだーーーっ！

こちらは「BRACKET」モードの画面。
最も投稿数が多かったチームがチャンピオン！
ユーザー参加型のWeb上の応援合戦ですね。

revisit

moritz.stefaner.eu – revisit – demo

お次は、ツイート間の関連性を可視化した「revisit」。
見ての通り、どのツイートがどのツイートに対するリアクションなのかが
うねうねとビジュアル化されています。

右カラムの「Search terms」に、ツイッター検索の文法で入力すると
その検索結果をもとにビジュアライズされます。

残念ながら日本語は表示されないようですが、
旬なキーワードと「RT」等を組み合わせて検索すると、
なかなか美しい図形を描画してくれますよ。

情報を可視化した作品やサービスを近頃よく目にしますが、
Twitterのリアルタイム性と併せると面白い化学反応が拝めそう。
そのあたりでまた新しいアイデアを拾いたいですね。