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

1,103 views
1,038 views

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,103
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • サーバサイドいらずの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. ご静聴ありがとうご ざいました。

    ×