レポート

「第18回　HTML5とか勉強会」活動報告

HTML5とか勉強会, HTML5, Google I/O

この記事を読むのに必要な時間：およそ 2 分

はじめまして，HTML5とか勉強会スタッフの井原と申します。6月21日，18回目の「HTML5とか勉強会」がGoogleのオフィスをお借りして開催されました。本稿では，本勉強会の模様をレポートします。

今回のテーマは「Google Day」ということで，Google I/O 2011の報告や，Googleの提供するJavaScriptライブラリである「Closure Library」についての講演が行われました。また，テーマとは別の発表として2本のショートセッションとLTが発表されました（今回のコーディネータは，勉強会スタッフである小松さんです⁠）⁠。

画像

Google I/O 2011 報告

5月10日，11日にアメリカ・サンフランシスコで開催されたGoogle I/O 2011の中で発表されたChromeとHTML5にまつわる最新情報についてGoogleの及川さん，北村さんに講演いただきました。

最初は及川さんから「基調講演」と「HTML5 & What⁠’s Next」の内容についての報告が行われました。

基調講演では，主に以下の内容が取り上げられていました。

  • Chromeのアクティブユーザ数の増大
  • Chromeによる音声認識のデモ
  • GPUアクセラレーションのデモ
  • Chrome Web Storeが41言語に対応
  • アプリ内課金のローンチ
  • アプリの充実
  • Chromebookの発表

この中から，ChromebookのFile Browser Handlerについて特に詳しく紹介されました。なお，実際のGoogle I/Oでの「基調講演」の動画はこちらにあります。

続いて，「⁠HTML5 & What's Next」についてです。Chromeは当初からウェブの標準化をすすめ，その標準に沿ってブラウザを実装してきました。「⁠HTML5 & What's Next」では，これまでの成果とこれから取り組んでいくことが紹介されたセッションです。

まずこれまでの成果として，File System APIやWebSocket，WebGLによる3Dなどが紹介されました。その後，これから取り組んでいくこととして開発の効率性を向上を目的としたCSSにまつわる提案などについて説明が行われました。具体的には，CSS variables，CSS mixins，CSS Nesting/Hierarchy，Animation/Transitionなどです。なお，Google I/Oでの「HTML5 & What's Next」の動画はこちらにあります。

画像

その後，北村さんによる「HTML5 Showcase for Web Developers: The Wow and the How」のデモが行われました。

「HTML5 Showcase for Web Developers: The Wow and the How」は，ビジュアル的にHTML5の素晴らしさを体験することができるセッションです。FileやGraphic，Audioについてのデモを具体的に利用されている技術と共に説明されました。

なお，Google I/Oでの「HTML5 Showcase for Web Developers: The Wow and the How」のビデオはこちらにあります。また発表に使われていた資料はこちらにて公開されています。

画像

Closure Library & HTML5

Closure Libraryについての説明とClosure LibraryのHTML5関連機能について伊藤千光さんに講演いただきました。

前半は，Closure Libraryの概要について説明していただきました。Closure Libraryとは，Googleの主要なプロダクトで利用されているUIコンポーネントを一般に公開したJavaScriptライブラリです。伊藤さんはClosure Libraryの最も重要な点は，このライブラリがGoogleのJavaScript開発ノウハウの結集であり，JavaScript開発の「Google Way」であるという点にあると言及していました。

Closure Libraryは，JavaScriptにおけるクラスベースのオブジェクト指向を実現したものです。このライブラリはJavaScriptファイルをコンパイラに通すことで，自動的に最適化や依存ファイルの統合を行ってくれます。そのためプログラマは最適化を意識することなく，メンテナンス性の高いコードを書くことができるようになります。

後半は，Closure Libraryに実装されているHTML5関連機能について説明していただきました。Closure LibraryでのHTML5対応は，元々クロスブラウザ対応が意識されていたため，当初は主に古いブラウザでもエミュレートできる機能を積極的に実装してきました。しかし，最近ではWebSocket等の最新ブラウザでのみ利用可能なAPIもサポートされるようになりました。

今回のセッションで詳しく触れていただいたHTML5関連機能は以下のものになります。

  • Local Storage
  • FileSystem API
  • postMessage
  • Drag and Drop
  • WebSocket
  • WebWorker内でのClosure Libraryの使用

発表資料はこちらに公開されています。

HTML5とか勉強会, HTML5, Google I/O

著者プロフィール

井原雄太郎（いはらゆうたろう）

現在（2011年6月），東京工科大学大学院田胡研究室所属の修士2年。最近，HTML5とか勉強会スタッフに仲間入り。

Twitter：@yutaro_i