Recommandé
Contenu connexe
En vedette
En vedette (19)
Similaire à 最近のHTML5はどうなってるのか
Similaire à 最近のHTML5はどうなってるのか (20)
Plus de Shumpei Shiraishi
Plus de Shumpei Shiraishi (20)
Dernier
Dernier (10)
最近の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を筆頭に、開発環境 も整いつつある。