matsukaz's blog

Agile, node.js, ruby, AWS, cocos2d-xなどなどいろいろやってます

HTML5 3Days Tech Talk

HTML5 3Days Tech Talkに参加してきました。というわけでレビューです。

HTML5で作るオフラインWebアプリケーション

講師
イントロダクション
オフラインWebアプリケーションとは?
  • オフラインでも動作可能なWebアプリケーション
  • 対応しているWebアプリは?
  • なぜ今まで流行らなかったか?2007年にGoogle Gearsが登場した頃は
    • ニーズがなかった
    • ブラウザにプラグインを入れる必要があり、抵抗感があった
    • オフラインWebアプリケーションを開発するスキルを持ったエンジニアが少なかった
  • 今は?
    • モバイルネットの普及でニーズは拡大
    • HTML5によりブラウザが標準実装
    • HTML5の標準化によりスキルを身につける人も増えるはず
API
  • アプリケーション・キャッシュ
    • アプリケーションに必要なリソース(HTML/CSS/JSなど)をローカルにキャッシュする仕組み
    • 利用の仕方
      • キャッシュ・マニフェスト・ファイルにキャッシュ対象のリソースを列挙
CACHE MANIFEST
hello.html
hello.js
<html manifest="hoge.manifest">
・・・
</html>
HTML5のWebアプリケーションアーキテクチャ
  • 今までとはアーキテクチャが大きく異なる
    • データの更新はローカルDBに保存
    • 任意のタイミングでサーバにUpload/Download
    • ロジックの大半がローカル側で動作するのでは
    • Open Web Architecture(仮)と呼んでみる
  • Open Web Architecture(仮)のメリット
    • 完全にオフラインで動作
    • 高速
    • リソース消費が少ない
    • 差分Upload/Downloadが制御できる
Alexing Framework
所感
  • これから間違いなくHTML5は来るはず。
  • すでにFirefoxなどではかなり正確に実装済み。
  • IEは対応が遅れそうだが、社内システムなどでブラウザを限定できれば、すでに利用できるレベル。
  • まずはWeb Workersだけでも利用してみてもいいかも。
  • オフラインのWebアプリケーションをどう構築すべきか、難しさもあるけど楽しそう!