まにまにフェスティバルのブラウザセッションで利用したスライド

1. Browser & Mozilla
for ManiMani-Fes @ 201204
by Tomoya ASAI (dynamis)
last update on 2012.04.13

2. about:me
http:// dynamis.jp
@dynamitter
facebook.com/ dynamis
mailto: Tomoya ASAI <dynamis@mozilla-japan.org>

3. ふぁいやーふぉっくす
フォクすけに教えて！

4. 先ほどの話と一緒。
Firefox もできます。
誰の話と一緒かは想像にお任せ

5. 先ほどの話と一緒。
昔のブラウザより驚くほど速い
複数のプロフィール (Fx1∼)
アドオンの同期 (Fx11∼)
WebSocket (Fx11∼)

6. Android 版も一緒。
ICS じゃなくて OK。
誰の話と一緒かは想像にお任せ

7. Firefox for Android
PC と同じエンジン
Firefox 14 で大幅リニューアル
GPU アクセラレーション
Flash 対応、UI も刷新
バックグラウンド同期
Android 2.x で OK です

8. 今の WWeebb は？
フォクすけに教えて！

9. 既存のプラットフォーム
現在のアプリケーションはそれぞれのプラットフォーム毎に作る必要がある

10. ブラウザ vs 独自プラットフォーム

11. Web がプラットフォーム
プラットフォーム
としての Web
Web がプラットフォームになれば業界標準技術でどこでも動作するアプリ環境に

12. Mozilla Marketplace
デバイス・OS 横断マーケット
Web をアプリマーケットに
Firefox 限定とかじゃない
Web アプリの事前登録受付中
今年中に正式リリースを予定
http://hacks.mozilla.org/2012/02/mozillamarketplace-open-for-app-submissions/

13. 4/26 に Firefox 開発版
ユーザ向けのベータ開始
あくまでも予定。
ずれても知りません。

14. 続きは DevCon@Osaka で
http://mozilla.jp/devcon
6/30 にまた大阪で！

15. 続きは DevCon@Osaka で
http://mozilla.jp/devcon

16. ぶらうざでできること？
フォクすけに教えて！

17. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC Battery Status ICC Color Profile

18. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Internet Explorer
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC 点線は標準非搭載や限定的実装
Battery Status ICC Color Profile

19. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Chrome
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC 点線は標準非搭載や限定的実装
Battery Status ICC Color Profile

20. Semantic Elements CSS Transforms ECMA5th
Multimedia Elements CSS Animations WebM Codec
Canvas 2D API SVG WebGL
Forms WOFF (Web Fonts) WebCL
Offline Events Event Listener (DOM) Typed Array
Firefox
Drag & Drop API XHR Level 2 Audio Data API
Web Storage Indexed DB SQL DB (obsolate)
HTML5 Parser File API River Trail
Web Workers Geolocation SPDY
Microdata Device Orientation ContentSecurityPolicy
Web Sockets API Server-Sent Events Web Socket Protocol
Web RTC 点線は標準非搭載や限定的実装
Battery Status ICC Color Profile

21. これで十分？
フォクすけに教えて！

22. "HTML5" ではまだできない
システムステータス
電源, WiFi 情報, モバイル通信...
各種センサー
光センサー, 近接センサー...
低レベルハードウェア制御
USB, BlueTooth, NFC

23. ボクもいろいろ
使ってみた〜い！

24. http://arewemobileyet.com/

25. 実装済みの Web API
モバイル端末の基本機能中心
SMS, Telephony
Settings, Contacts
Vibration, Pointer Lock
Battery Status (電池や充電)
Resource Lock (スリープ禁止)
Network Information
実装がまだ一部不完全な API も含む

26. 現在実装中の Web API
WebRTC (Camera, P2P など含む)
Open Web Apps (アプリ管理)
Idel, Power Management
Mobile Connection,
WiFi Information (無線情報)
Light Sensor (環境光センサー),
Proximity Sensor (近接センサー)
...and more...

27. 実装予定の Web API
Device Storage
USB file-reading も
低レベルハードウェア
Bluetooth, USB, NFC
WebSocket 的になりそう
...and more...
ネイティブアプリにできることは何でも可能に

28. WWeebb が
プラットフォーム！

29. Boot to Gecko
Gecko を起動する OS
Linux Kernel 上に Gecko を
Java VM などの中間レイヤなし
Web 技術が「ネイティブ」に
HTML5, JavaScript, Web API...
Gecko は Firefox の描画エンジン、WebRT = Web Runtime

31. ステータスバーも
(電波強度、電池残量...)
電話や SMS の送受信も
もちろん Firefox も
カメラを使うのも
写真やビデオを見るのも
その他いろんなアプリも
マーケットプレイスも

32. ステータスバーも
(電波強度、電池残量...)
電話や SMS の送受信も
もちろん Firefox も
カメラを使うのも
写真やビデオを見るのも
その他いろんなアプリも
マーケットプレイスも
すべて Web 技術で！

34. 誰か電話して。
080-1591-****
Tweet は勘弁を。はぁと。

35. WWeebb こそが
プラットフォーム！
大事なことはもう一度

36. 続きは DevCon@Osaka で
http://mozilla.jp/devcon
6/30 にまた大阪で！

37. 続きは DevCon@Osaka で
http://mozilla.jp/devcon