HTML5 がデバイス使えるようになるってどーゆーこと？関西オープンフォーラム 2012

2012.11.9

HTML5J.ORG

こまつけんさく

WHAT’S HTML5J.ORG?ビジョン

• 世界の Web シーンをリードする日本

活動指針：• 「つながる」「学べる」「盛り上がる」• 日本の HTML5 技術者のハブとなる

活動内容：• 毎月、勉強会を開催 (100 人規模）• 年に一回カンファレンス　 (1000 人規

模）• 地方活動も始めました！• 標準化団体（ W3C ）とも連携し、世界

へ！！

http://html5j.org

自己紹介Official works in NTT Communications

• リサーチエンジニア• 最新 Web 技術の研究開発• 標準化活動 in W3C

Personal works in Community

• html5j.org スタッフ• Google API Expert (HTML5)• Microsoft Valuable Professional (IE)

Blog : http://blog.livedoor.jp/kotesaki/

Twitter : http://twitter.com/komasshu

HTML5 とマルチデバイス

http://www.flickr.com/photos/creative_tools/5832414882/

Web サーバー

ビューワーとしてのマルチデバイス

クラウドとデバイスの連携

Web Intents

Web Intents

DEMO TIME!!

CAMERA TO BROWSER

YOUTUBE TO TV

ポイントそれぞれのデバイスを Web アプリとし

て扱う

同じ仕組みで、クラウドもデバイスも扱える

例えば YOUTUBE TO TVの場合

クラウドアプリ： YouTube デバイスアプリ： TV Controller

VideoDatabase

Video URL /VIEW

Web Intents

Web-APIDLNA

TV CONTROLLER のちょっと深イイ話

デバイスアプリ： TV Controller

Service Discovery

SOAP

ReverseProxy

URL

Web-API

Chrome Packaged Apps(Background Web Srv)

Socket APIExplicit Intent

http://www.flickr.com/photos/ewang0692/6919870763/

DEVICE ORCHESTRATION!!

座談会アジェンダ1. パネラー自己紹介2. HTML5 技術のカバーエリア広がってるね！

• テレビ、カーナビ、サイネージ、・・・・・・・

3. HTML5 のデバイス利用 どんな API があるの？• Geolocation 、 Orientation Event 、 Vibration• getUserMedia, MediaCapture ( カメラ系 )• Network Information API (3G とか Wifi 接続検知）• Battery Status API ( バッテリー残量）• USB API 、 Bluetooth API 、 Raw Socket API 、• Network Service Discovery API 、 Web Intents Addendum• ….

4. Web とデバイスの今後の動向、どうやって勉強する？