Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

サーバサイドいらずのWebアプリ

1,265 views

Published on

楽天テクノロジーカンファレンスでLTしたときの資料です。

Published in: Technology
  • Be the first to comment

サーバサイドいらずのWebアプリ

  1. 1. サーバサイドいらず のWebアプリ 2011.11.19 KAYAC 比留間 和也
  2. 2. 自己紹介• 面白法人カヤック HTMLファイ部所属 比留間 和也• 最近はJSメインで開発してます。 最近の興味はNode.js
  3. 3. サーバサイドいらず
  4. 4. = つまりオフライン
  5. 5. オフラインで使える技術• Application Cache• Web Storage• Indexed DataBase• WebSQL DataBase• etc...
  6. 6. オフラインで使える技術• Application Cache• Web Storage• Indexed DataBase• WebSQL DataBase• etc...
  7. 7. オフラインで使える技術• Application Cache 時間がないので• Web Storage ひとつだけ。• Indexed DataBase• WebSQL DataBase• etc...
  8. 8. Web Storage• ブラウザ上に持てるKey/Value型の簡 易ストレージ。• 容量は平均して数MB程度。
  9. 9. メリット
  10. 10. • 手軽に使えるストレージ• cookieよりも大きなデータを扱える• ほぼ永続的にローカルにデータを残せる
  11. 11. デメリット
  12. 12. • ブラウザ自体に保存するため、ブラウザ をまたいでの情報の保存ができない• 対応ブラウザが限定される(IE6,7では使 えない)• ユーザ操作で削除される可能性がある
  13. 13. ToDo管理アプリ
  14. 14. DEMO
  15. 15. どこで使う?
  16. 16. オフライン HTML5アプリ• Google Chromeアプリ• PhoneGapアプリ• Titaniumアプリ
  17. 17. 開発環境
  18. 18. 推奨?開発環境
  19. 19. jsdo.it!!!
  20. 20. jsdo.it• ブラウザがあれば開発可能• ソースコードの公開ができる• 作ったものをブログやサイトに埋め込 める=公開が手軽 http://jsdo.it/
  21. 21. ご静聴ありがとうご ざいました。

×