More Related Content
Viewers also liked
Viewers also liked (19)
Similar to 最近のHTML5はどうなってるのか
Similar to 最近のHTML5はどうなってるのか (20)
More from Shumpei Shiraishi
More from Shumpei Shiraishi (20)
Recently uploaded
Recently uploaded (15)
最近のHTML5はどうなってるのか
- 2. 自己紹介 • 白石俊平と申します。 • Web技術者コミュニティhtml5j（http://html5j.org） 管理人 • HTML5とか勉強会主催（月一回、100名超を動員） • Google API Expert (HTML5) • Microsoft Most Valuable Professional (IE9) • Twitter: @Shumpei
- 3. おねがい • YouTube Liveを利用するのに必要な1,000 名のチャンネル登録者を求めてます！！ • 以下の操作、お願いします！ 1. 「youtube html5j」で検索して 2. 「チャンネル登録」ボタンをぽちっと。
- 8. オフラインWebを実現する テクノロジー • アプリケーションキャッシュ • Web Storage • Indexed Database API • File API
- 11. リアルタイムWebを実現する テクノロジー • WebSocket • Server-Sent Events • WebRTC (Web Realtime Communication)
- 13. レスポンシブWebを実現する テクノロジー • CSSメディアクエリ • レスポンシブ・イメージ • グリッドレイアウト
- 16. セマンティックWebを実現する テクノロジー • HTML5 Semantic Elements • HTML5 Microdata • RDF/RDFa/RDFa Lite • Microformats • ...
- 17. よりスピーディなWeb
- 19. よりスピーディなWebを実現する テクノロジー • SPDY • HTTP/2.0 • オフライン技術
- 20. プラットフォームとしてのWeb
- 21. プラットフォームとしてのWeb • デバイス固有の機能にアクセスすることも可 能に – 位置情報の取得 – カメラ・マイクにアクセス – 音声によるテキスト入力 – デバイスの向きや傾きを取得 – 温度や光、近接センサー – バイブレーション – アドレス帳、ギャラリーへのアクセス – ...
- 22. プラットフォームとしてのWeb http://fureidofort.blogspot.jp/2012/04/tizen-10-ivi-preview-on-exopc-photos.html Tizen IVI Opera TV Store http://japanese.engadget.com/2011/09/08/opera-tv/
- 23. インプレッシブWeb
- 25. インプレッシブWebを実現する テクノロジー • HTML5 Canvas • SVG (Scalable Vector Graphics) • WebGL • Web Audio API
- 26. Webアプリvsネイティブ
- 27. Webアプリに足りないものと、 その現状(1) • デバイスの機能を使い切れない – 仕様と実装の両面で強化が図られている – SysApps WG / Chrome Packaged Apps / PhoneGap... • 速度が遅い – 限界突破のための様々な取組み • asm.js / NaCl / PNaCl / Dart... – 一般的な用途では遅くない？ • Fastbook
- 28. Webアプリに足りないものと、 その現状(2) • アプリストア的な導線がない – 各社による様々なアプローチ • Mozilla Marketplace/Chrome Web Store • docomoやKDDIもHTML5に対して積極的に – Webアプリならではの導線があるのは強み • URLがある、インストールが不要、ソーシャルメディ アとの相性が良い • UIコンポーネントや開発環境の不足 – Web Componentsには注目！ – Adobe Edge Tools & Servicesを筆頭に、開発環境 も整いつつある。