AppleがiPad/iPhoneでも見られるHTML5ショーケースを公開 (追記あり)【@maskin】

• About
• Latest Posts

maskin

Editor In Chief at TechWave.jp

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

Latest posts by maskin (see all)

• 「ソラコム」がスイングバイIPOを実現、東証グロース市場上場承認 - 2024-02-22
• （更新）結果速報 LAUNCHPAD SEED#IVS2023 #IVS #IVS @IVS_Official - 2023-03-09
• 「始動 Next Innovator 2022」締め切りは9月5日（月）正午ー経産省・JETRO主催のイノベーター育成プログラム #始動2022 - 2022-09-01

　「HTML5に掛ける」と言い放ったスティーブ・ジョブズだが、Appleは本当にHTML5に夢中のようだ。

　日本時間の6月4日未明、米Appleのサイトに「HTML5&Web Standards」というタイトルのHTML5ショーケースが登場した。「Video」「Typography」「Gallery」「Transitions」「Audio」「360」「VR」というセクションが設けられ、どれもHTML5のパワーを実感できる良質なデモとなっている。

HTML5対応ブラウザはSafariだけ

　HTML5のインプリが最も進んでいるSafari。このHTML5デモの効果を確認するにはSafariを使うしかないが、iPhone/iPadのSafariにも対応しているので、PCにインストールされてない人はそっちで試してみてはどうだろう。

　見られない人のために、一部紹介。

ビデオに効果とマスク

　ビデオ再生フレームを変形させたり、サイズを変更したり、自由自在というデモ。

　リアルタイムでマスクをかけることもできる。「tron」という文字の裏で動画が再生されている。

文字装飾とか自由自在

　ウェブ上のツールで文字組みみたいなことができてしまう。

　下の画面は画像ではなくリアルタイムで表示されている。

QuickTimeVR?と思いきやCSS3の「3D Transform」

　360映像を実現するAppleの「QuickTime VR」(リリースされた15年以上が経過する熟成の技術)。HTML5のデモなのに、それを彷彿とさせるデモがある。しかし、これ、QuickTimeVRムービーを埋め込んでいるのではなくて、HTML5と組み合わせる形でCSS3の「3D Transform」を使っている。

　シンプルだし、(CPUリソースをバリバリ使う)FLASHと比較するとインパクトが弱い印象だが、Webからのシフトアップという意味では価値があるように思える。このデモをiPad/iPhoneで見てみると結構感動するのだ。

■公式 Apple HTML5 & WebStandards
http://www.apple.com/html5/

(追記)
「HTML5インプリが済んでいるのはSafariだけ」ってのは完全におかしい表現でしたので修整しました。HTML5は現在も仕様策定中で、各ブラウザは要素ごとに実装している段階です。なので、純粋なHTML5&CSS3といったデモであれば一部他のブラウザで動作するデモもあります。
ただ、どうやらSafari以外のブラウザはチェックで動作除外にされてしまうらしく疑問の声も出ています。その場合はこちら経由でデモを実行してみるのも手かも→http://developer.apple.com/safaridemos/(thanxコメントしてくれた人)

ツイッター情報収集術

[POWERD_BY @tweejp.tools]

(増田(maskin)真樹)