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

1. サーバサイドいらず
のWebアプリ
2011.11.19 KAYAC 比留間 和也

2. 自己紹介
• 面白法人カヤック
HTMLファイ部所属
比留間 和也
• 最近はJSメインで開発してます。
最近の興味はNode.js

3. サーバサイドいらず

4. = つまりオフライン

5. オフラインで使える技術
• Application Cache
• Web Storage
• Indexed DataBase
• WebSQL DataBase
• etc...

6. オフラインで使える技術
• Application Cache
• Web Storage
• Indexed DataBase
• WebSQL DataBase
• etc...

7. オフラインで使える技術
• Application Cache
時間がないので
• Web Storage ひとつだけ。
• Indexed DataBase
• WebSQL DataBase
• etc...

8. Web Storage
• ブラウザ上に持てるKey/Value型の簡
易ストレージ。
• 容量は平均して数MB程度。

9. メリット

10. • 手軽に使えるストレージ
• cookieよりも大きなデータを扱える
• ほぼ永続的にローカルにデータを残せる

11. デメリット

12. • ブラウザ自体に保存するため、ブラウザ
をまたいでの情報の保存ができない
• 対応ブラウザが限定される(IE6,7では使
えない)
• ユーザ操作で削除される可能性がある

13. ToDo管理アプリ

14. DEMO

15. どこで使う？

16. オフライン
HTML5アプリ
• Google Chromeアプリ
• PhoneGapアプリ
• Titaniumアプリ

17. 開発環境

18. 推奨？開発環境

19. jsdo.it!!!

20. jsdo.it
• ブラウザがあれば開発可能
• ソースコードの公開ができる
• 作ったものをブログやサイトに埋め込
める=公開が手軽
http://jsdo.it/

21. ご静聴ありがとうご
ざいました。