Downloaded 29 times
![ご清聴ありがとうございました
Contact:
twitter: @Shumpei
blog: http://d.hatena.co.jp/Syunpei
mailto: shumpei.shiraishi [at] gmail.com
mailto: shumpei.shiraishi [at] openweb.co.jp](https://image.slidesharecdn.com/shiraishi-100507093652-phpapp02/85/HTML5-25-320.jpg)
More Related Content
![[社内勉強会]SPAのすすめ](https://cdn.slidesharecdn.com/ss_thumbnails/spa-160304020346-thumbnail.jpg?width=640&height=640&fit=bounds)
![WebGL (Three.js) Code Lab - Intro. [ GTUG Girls 10th]](https://cdn.slidesharecdn.com/ss_thumbnails/webglgtug10th-130122052159-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![SwapSkillsFree|jQueryMobile [基礎編]](https://cdn.slidesharecdn.com/ss_thumbnails/jquerymobile-110209105550-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
今からハジメるHTML5プログラミング
- 1.
- 2.
- 3. 本が出ました HTML5& API入門（日経BP） 「HTML5 API 本」で検索すればヒットします！ 売れ行き好調、らしい。
- 4.
- 5. HTML5と関連APIの概要 どこまでがHTML5？
- 6.
- 7.
- 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.
- 13.
- 14. オフラインWebアプリケーション HTML5 <html manifest=attribute> and ApplicationCache
- 15.
- 16. クライアントサイドストレージ Web Storage, WebSQL Database, Indexed Database API
- 17.
- 18.
- 19. OSとのより緊密な連携 File API, Drag& Drop API
- 20.
- 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