HTML5最前線
- 2. 佐川 夫美雄 HTML5 Experts.jp エキスパート html5j（スタッフ） AngularJS Japan User Group（スタッフ）(Fumio SAGAWA)
- 3. Web Components Custam Elements HTMLTemplate HTMLImports Shadow DOM Multimedia video/audio Web Audio API WebVTT HTML Media Capture Graphics SVG WebGL Canvas Device Access Calendar API Geolocation API Network Information API USB, Bluetooth, etc Web Speech API Device Orientation API Battery Status API HTML5 Indexed Database Offline Web Application File System API WebStorage online/offline events ApplicationCache Service Workers Realtime Connectivity WebRTC Notifications WebSocket Server-SentEvents XMLHttpRequest(Level2) WebMessageing
- 4. Offline Web Application Web Storage Application Cache File System API Indexed Database online/offline events Service Workers
- 5. Web Storage Local Storage/Session Storage JavaScriptで制御可能 サイズが5MBとクッキーに比べ大容量 Session Storageでは別ウィンドウ／タブを閉じるまで有効 Local Storageでは永続的に有効であり別ウィンドウでもデー タが共有される
- 6. Application Cache オフライン ブラウジング: ユーザーがオフラインのときでも、 すべてのサイトにアクセスできる。 高速: キャッシュされたリソースはローカルなので、高速に読 み込まれる。 サーバー負荷の軽減: ブラウザは、変更があったリソースのみ をサーバーからダウンロードする。
- 7. File System API ファイルの読み取りと操作: File/Blob、FileList、FileReader 作成と書き込み: BlobBuilder、FileWriter ディレクトリとファイル システムのアクセス: DirectoryReader、FileEntry/DirectoryEntry、 LocalFileSystem
- 9. Online and Offline events オンライン/オフラインの把握
- 10. Service Workers Offline Web ApplicationのためのApplication Cacheに 変わる仕様 Web Applicationのローカルプロキシとしてバックエンド プロセスで動作 個別ファイル単位でキャッシュするかどうかJavaScriptで 制御
- 12. Realtime Connectivity WebSocket Server-Sent Events Web Messaging XMLHttpRequest(Level2) Notifications WebRTC
- 14. WebRTC Web Real----Time Communications ブラウザ上でリアルタイムコミュニケーションを実現する ための仕様 双方方向性のあるコミュニケーションを必要とする様々な アプリケー ションを開発できる ビデオ／音音声チャット テキストの共同編集 ゲーム etc...
- 15. WebRTCの２つの仕様 Media Capture and Streams（getUserMedia） ローカルのカメラやマイクからストリームデータを取得 す る仕様 WebRTC 1.0: Real----time Communication Between Browsers 主にP2P通信のための仕様が定義されている
- 17. SkyWay
- 19. Web Components HTMLを部品化する仕組み Custom Elements HTML Templates HTML Imports Shadow DOM
- 25. Graphics Canvas: 2D Graphics WebGL: 3D Graphics SVG: Vector Graphics
- 26. Multimedia video/audio WebVTT Web Audio API HTML Media Capture
- 31. Device Access Geolocation API Web Speech API Device Orientation API Calendar API Battery Status API Network Information API USB, Bluetooth, etc.
- 33. The Physical Web HTML5はWebだけでなく、様々なデバイスの アプリケーショ ンプラットフォームとなりつつある。 また、そういったデバイ スが身身近にあることでWebの利用方法も変化している。 Internet of Things Ethereum Smart Contract
- 34. Internet of Things デバイスに広がるHTML5 - モノ(機器)をネットに繋いでやりとりさせる
- 35. ECMAScript
- 40. HTML5 Architectures Page Display Page Generation Logic & State Data Integration User Interface Interface Management Logic & State Data Integration APIs HTML5 (Single-page Application) Browser App Server OLD Web HTML & CSS JavaScript JSON
- 59. Scaffolding
- 67. END