More Related Content
![[社内勉強会]SPAのすすめ](https://cdn.slidesharecdn.com/ss_thumbnails/spa-160304020346-thumbnail.jpg?width=640&height=640&fit=bounds)
最近のHTML5はどうなってるのか
- 1.
- 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. 「チャンネル登録」ボタンをぽちっと。
- 4.
- 5.
- 6.
- 7.
- 8. オフラインWebを実現する テクノロジー • アプリケーションキャッシュ • WebStorage • Indexed Database API • File API
- 9.
- 10.
- 11. リアルタイムWebを実現する テクノロジー • WebSocket • Server-SentEvents • WebRTC (Web Realtime Communication)
- 12.
- 13.
- 14.
- 15.
- 16. セマンティックWebを実現する テクノロジー • HTML5 SemanticElements • HTML5 Microdata • RDF/RDFa/RDFa Lite • Microformats • ...
- 17.
- 18.
- 19.
- 20.
- 21. プラットフォームとしてのWeb • デバイス固有の機能にアクセスすることも可 能に – 位置情報の取得 –カメラ・マイクにアクセス – 音声によるテキスト入力 – デバイスの向きや傾きを取得 – 温度や光、近接センサー – バイブレーション – アドレス帳、ギャラリーへのアクセス – ...
- 22. プラットフォームとしてのWeb http://fureidofort.blogspot.jp/2012/04/tizen-10-ivi-preview-on-exopc-photos.html Tizen IVI Opera TVStore http://japanese.engadget.com/2011/09/08/opera-tv/
- 23.
- 24.
- 25. インプレッシブWebを実現する テクノロジー • HTML5 Canvas •SVG (Scalable Vector Graphics) • WebGL • Web Audio API
- 26.
- 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を筆頭に、開発環境 も整いつつある。
- 29.