Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to 今からハジメるHTML5プログラミング
Similar to 今からハジメるHTML5プログラミング (20)
More from SwapSkills
今からハジメるHTML5プログラミング
- 2. 自己紹介 白石俊平と申します。 HTML5開発者コミュニティ、html5-developers-jp管理人 先日、OpenWeb Technology（openweb.co.jp）という会社を立ち 上げました！ 現在、自社プロダクトを鋭意製作中
- 3. 本が出ました HTML5 & API入門（日経BP） 「HTML5 API 本」で検索すればヒットします！ 売れ行き好調、らしい。
- 5. HTML5と関連APIの概要 どこまでがHTML5？
- 8. HTML5&APIが可能にする Webアプリケーションの未来形 HTML5 & APIでできること
- 9. HTML5 & APIが可能にすること 2D & 3Dグラフィック 動画・音声の再生 オフラインWebアプリケーション クロスドメイン通信 クライアントサイドストレージ バックグラウンド処理 a サーバプッシュ・双方向通信 OSとのより緊密な連携 ...
- 10. HTML5 & APIが可能にすること 2D & 3Dグラフィック HTML5 <canvas> element and API, SVG 動画・音声の再生 HTML5 <video>/<audio> element and API オフラインWebアプリケーション HTML5 <html manifest=attribute> and ApplicationCache クロスドメイン通信 HTML5 Cross Document Messaging, XHR Level2 クライアントサイドストレージ Web Storage, Web SQL Database, Indexed Database API バックグラウンド処理 Web Workers サーバプッシュ・双方向通信 Server-Sent Events, Web Sockets OSとのより緊密な連携 File API, Drag & Drop API ...
- 11. 2D & 3Dグラフィック HTML5 <canvas> element,SVG
- 12. SVG
- 14. オフラインWebアプリケーション HTML5 <html manifest=attribute> and ApplicationCache
- 16. クライアントサイドストレージ Web Storage, Web SQL Database, Indexed Database API
- 18. サーバプッシュ・双方向通信 Server-Sent Events, Web Sockets
- 19. OSとのより緊密な連携 File API, Drag & Drop API
- 21. Web Storage（ローカルストレージ） 以下のような特徴を持つ、キー・値型のストレージ サイズ制限なし（仕様上） 永続期間無制限（仕様上） JavaScriptの仕様ともマッチしていて、異常に簡単に扱える。 ウィンドウと同じ生存期間・スコープを持つ「セッションストレー ジ」というストレージもある
- 22. Web Storage（ローカルストレージ） 「localStorage」「sessionStorage」というグローバルオブジェクトに 対し、プロパティの読み書きをするだけで、値が永続化される Cookieよりも簡単。。 // ストレージへの書き込み localStorage.key1 = "value1"; // ストレージからの読み込み alert(localStorage.key1); 値は任意のJavaScriptオブジェクトを指定出来る
- 23. ローカルストレージを使ったデモ フォントサイズの設定はローカルストレージに保存され、 ブラウザを再起動しても適用されます。 こちらからダウンロード
- 24. ローカルストレージを使ったワークショップ 1. サンプルをダウンロードし、動作を確認してく ださい。 リロードしても、 ブラウザを再起動してもデータが消えない 2. 解説を聞き、プログラムの動きを理解してくだ さい。 3. 現在の設定値をデバッグ表示するボタンを . 追加してください
- 25. ご清聴ありがとうございました Contact: twitter: @Shumpei blog: http://d.hatena.co.jp/Syunpei mailto: shumpei.shiraishi [at] gmail.com mailto: shumpei.shiraishi [at] openweb.co.jp