Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。
なお当Blogでは、Web標準に関する疑問や質問を募集しています。Webコンテンツ実装プロセスにまつわるお悩みでも結構ですので、お気軽に電子メールでstandards@mitsue.co.jp宛にお送りください。
2009年4月 8日
iPhone/Android版GmailがHTML5を利用
フロントエンド・エンジニア 矢倉
Official Gmail Blogの“A new mobile Gmail experience for iPhone and Android”というポストにて、新しいiPhone/Android版のGmailが発表されています。インターフェースの刷新もさることながら、HTML5の機能を利用したと書かれていることが興味を引きました。
利用している機能は、canvasやクライアントサイドストレージで、canvasはスピナー（ロード中にくるくる回るもの）に、ストレージはオフライン用のデータ格納に用いられているようです。canvasはMozillaのBespinでもインターフェースの描画に使われており、アプリケーションのUIに利用する例が今後も増えてきそうです。
インターフェース面でも、border-imageやCSS Transitionsなど新しい機能を使用しているようです。また画像はdata: URIを利用するなど、HTTPリクエストを最小限に抑えていることも確認できました。
HTML5の採用については、Google Code Blogの“HTML5 and WebKit pave the way for mobile web applications”というポストでも触れられています。これまでのJava MEによるアプリケーションに加え、サーバーサイドから提供するWebアプリケーションを考えたとき、初期のAndroidが搭載していたWebKitの表現能力に注目し、HTML5の採用に至ったと書かれています。
HTML5やCSS3は実装状況がまだブラウザーによって異なるため、通常のWeb版で利用するにはまだクロスブラウザー対応の手間もあり、現実的ではないでしょう。しかし、今回のモバイル版Gmailのように、同じレンダリングエンジンを採用するデバイスのみの展開であれば、そのような制限はなくなり、かなり自由にアプリケーションを構築することができるでしょう。
HTML5やCSS3は、モバイル方面から広がってゆくのかもしれませんね。
この記事のトラックバックURL:
http://standards.mitsue.co.jp/cgi-bin/mt/mt-tb.cgi/397
コメントする