HTML5 3Days Tech Talk
HTML5 3Days Tech Talkに参加してきました。というわけでレビューです。
HTML5で作るオフラインWebアプリケーション
イントロダクション
- HTML5で一番盛り上がってる国は日本!
- Googleトレンドでhtml5やhtml 5で検索してみると日本と韓国がトップ。
- html5-developers-jpのMLは会員数が初月600人、以降毎月300人ずつのペースで増えている。
オフラインWebアプリケーションとは?
- オフラインでも動作可能なWebアプリケーション
- 対応しているWebアプリは?
- Google Docs
- Gmail
- Google Reader
- Remember the milk
- まだまだ少ないのが現状。
- なぜ今まで流行らなかったか?2007年にGoogle Gearsが登場した頃は
- ニーズがなかった
- ブラウザにプラグインを入れる必要があり、抵抗感があった
- オフラインWebアプリケーションを開発するスキルを持ったエンジニアが少なかった
- 今は?
API
- アプリケーション・キャッシュ
CACHE MANIFEST hello.html hello.js
-
-
- ページのタグでキャッシュ・マニフェスト・ファイルを指定
-
<html manifest="hoge.manifest"> ・・・ </html>
- Web Database
- Web Storage
- Web Workers
- バックグラウンドで動作するスレッド
- 今までは画面のレンダリングが同じスレッドだったため、重い処理をさせると画面が固まっていた
- 注意点
- Worker間で変数は共有できない(メッセージングAPIを利用して対応)
- windowやdocumentなどの変数は利用できない
- まだデバッグが出来ない(fakeworker.jsで対応)
- メッセージングAPIの利用でコードが複雑になりがち(Alex Serviceで対応)
- 当たり前のように詳細はマイコミジャーナルの白石さんの記事
- バックグラウンドで動作するスレッド
HTML5のWebアプリケーションアーキテクチャ
- 今までとはアーキテクチャが大きく異なる
- データの更新はローカルDBに保存
- 任意のタイミングでサーバにUpload/Download
- ロジックの大半がローカル側で動作するのでは
- Open Web Architecture(仮)と呼んでみる
- Open Web Architecture(仮)のメリット
- 完全にオフラインで動作
- 高速
- リソース消費が少ない
- 差分Upload/Downloadが制御できる
Alexing Framework
- 複雑なオフラインWebアプリケーションの開発を容易にするフレームワーク。
所感
- これから間違いなくHTML5は来るはず。
- すでにFirefoxなどではかなり正確に実装済み。
- IEは対応が遅れそうだが、社内システムなどでブラウザを限定できれば、すでに利用できるレベル。
- まずはWeb Workersだけでも利用してみてもいいかも。
- オフラインのWebアプリケーションをどう構築すべきか、難しさもあるけど楽しそう!