Firefox Developer Conference in Osaka 2012 で使用したスライド(を若干更新したもの)

1. Web is the Platform
Slides @ DevCon in Osaka on 2012/06/30
by Tomoya Asai (dynamis)
Last Update: 2012/06/30

2. about:

3. about:dynamis
Mozilla Japan
http://dynamis.jp
@dynamitter
facebook.com/
dynamis
レッサーパンダが好き。
@
mailto: Tomoya ASAI <dynamis mozilla-japan.org>

4. about:slides
下線なしリンクも使います
コードは要点だけの簡略版
特に注意が必要なとき以外は
-moz- 以外の接頭辞など割愛
画像からも時々 右下には補足や
@
mailto: Tomoya ASAI <dynamis mozilla-japan.org>

5. Web Standards

6. 次世代 Web =

7. CSS3
次世代 Web =

8. CSS3 DOM4
次世代 Web =

9. CSS3 DOM4
次世代 Web = HTML5

10. CSS3 DOM4
次世代 Web = HTML5
ECMAScript 6th

11. CSS3 DOM4
次世代 Web = HTML5
ECMAScript 6th

13. Multi
Media Mouse,
HTML5 Key ev.
Forms
W3C
Offline
HTML5 HTML5 Support
Parser
WAI-
XHTML5 ARIA
Semantic
Elements

14. Web
WHATWG Messag-
ing
Multi Web
Media Mouse, Sockets
HTML5 Key ev.
Forms
W3C Server-
Offline
HTML5 HTML5 Support
Sent ev.
Parser
Web
WAI- Storage
XHTML5 ARIA
Semantic
Elements Web
Workers
Micro-
HTML Data

15. Web
WHATWG Messag-
ing
Multi Web
Media Mouse, Sockets
HTML5 Key ev.
Forms
W3C Server-
Offline
HTML5 HTML5 Support
Sent ev.
Parser
Web
WAI- Storage
XHTML5 ARIA
Semantic
Elements Web Media
Workers Layout Queries
Micro-
HTML Data
Trans
CSS3~ Flex
Box
form
Anim
ation

16. Khronos SMIL Vibra-
tion
WebGL SVG Geo-
location
other Orien-
tation
WHATWG Web IETF
Messag-
ing Web SPDY
Multi Web Sockets DNT
Media Mouse, Sockets
HTML5 Key ev. XHR2
FileAPI CSP
Forms
W3C Server-
Offline ECMA
HTML5 HTML5 Support
Sent ev. ECMA
Script
Parser
Indexed
Web DB
WAI- Storage
XHTML5 ARIA
Semantic
Elements Web Media
Workers Layout Queries
Micro-
HTML Data
Trans
CSS3~ Flex
Box
OGP XPath form
RSS Anim
Math ation
ML WOFF
DOM4

17. Khronos SMIL Vibra-
MP3
WebCL Webm Opus
tion
WebGL SVG Geo-
location H.264
other Orien- Web
Audio Notifi-
tation Web cation
WHATWG Web IETF RTC
Messag-
ing Web TCP Tel
SPDY
Multi Web Sockets DNT Socket
Media Mouse, Sockets
HTML5 Key ev. XHR2 Radio
FileAPI CSP
Forms Net
W3C Server- Info
Offline ECMA
HTML5 HTML5 Support
Sent ev. ECMA
Script ECMA
NFC
Parser 6th
Indexed
Web DB Device
WAI- Storage Storage
XHTML5 ARIA
Semantic Web
Elements SQL
Web Media USB
Workers Layout Queries
File
Micro- Sys
HTML Data
Trans
CSS3~ Flex
Box
Battery
Status
OGP XPath form Proxi-
Anim mity
Schema RSS Math
.org ation
ML WOFF
RDF DOM4

18. 次世代 Web =

19. 次世代 Web =Platform

20. 次世代 Web = OS

21. 机上の空論 ？ 近未来 ？

22. Netscape 時
代から
言ってるだけ？
机上の空論 ？ 近未来 ？

23. Netscape 時
代から
言ってるだけ？
机上の空論 ？ 近未来 ？
今度こそ本当に
実現する未来？

24. Web はどこまで
進化するのか？

25. WebRT

26. 既存の独自プラットフォーム
現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある

27. Web プラットフォーム
vs 独自プラットフォーム
もうブラウザ戦争の時代じゃないですよ

28. 今後は Web プラットフォーム
プラットフォーム
としての Web
Web がプラットフォームなら業界標準技術でアプリ環境が統一される

29. Web ではできなかったこと
システムステータス
WiFi 情報, モバイル通信...
各種センサー
光センサー, 近接センサー...
低レベルハードウェア制御
USB, BlueTooth, NFC...

30. モバイルが Web へ
向かわないなら
Web をモバイルへ
誰もやらないなら
Mozilla がやります

31. http://arewemobileyet.com/

32. Web API
Web の限界を押し進める
HTML5 など基本以外の API
API の総称であって定義はない
https://wiki.mozilla.org/WebAPI

33. 以前からある Web API
Geolocation (位置情報)
Orientation (加速度)
Audio Data API
WebGL (3D グラフィック)
Camera API (Media
Capture)
これらはもちろん Android 版 Firefox でも実装済み

34. 実装済みの Web API
SMS, Telephony, Alarm
Mobile Connection, WiFi
Info,
Network Info (通信速度等),
Contacts, Settings, Time/
Clock
Idle, Battery Status
Resource Lock (スリープ禁止)
まだ不完全な実装の API も一部含む

35. 実装済みの Web API
Vibration, Pointer Lock
Ambient Light (環境光),
Proximity (近接),
Mouse Lock (移動量取得)
Device Storage, Browser
Open Web Apps, DOM
Crypt
まだ不完全な実装の API も一部含む

36. 現在実装中の Web API
WebRTC (Camera, P2P 含
む)
Web Activities (Intent)
Push Notification
Power Management
TCP Socket, Bluetooth
FM Radio, Permission
https://wiki.mozilla.org/WebAPI

37. 実装見込みの Web API
UDB Datagram Socket
HTTP-cache, Log
USB, NFC, USB file-
reading
Background Service
...and more...
https://wiki.mozilla.org/WebAPI

38. Web API も Web 標準
W3C DAP (Device API) WG
ハードウェア操作やセンサー系
IETF/W3C WebRTC WG
マルチメディア系や P2P など
その他それぞれの WG で

39. 仕様無き実装は不幸の種
実装無き仕様は机上理論

40. Boot to Gecko

41. Firefox OS

44. Firefox OS (Boot to Gecko)
Gecko WebRT を起動
Linux Kernel 上に Gecko を
Java VM などの中間レイヤなし
Web 技術が「ネイティブ」
HTML5, JavaScript, Web API...
ホーム画面もすべて Web 技術で
Gecko は Firefox の描画エンジン、WebRT = Web Runtime

45. スクリーンショットは初期の画面です

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

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

48. demo...

49. Web = Native

50. Boot to Gecko の３要素
Gaia
ユーザインターフェイス
Gecko
アプリケーションランタイム
Gonk
低レベルの OS 層
シンプルなカスタム Linux

51. Status & Roadmap
2012/06/01 - M3
functional/Gecko complete
2012/07/20- M4
feature/Gaia complete and
code freeze
(プロトタイプ) TBD - M4.5
major bug fixing / UI freeze
あくまでもスケジュールの「プラン」です

52. 開発パートナーと製品化
Telefónica が来年初め発売
世界 3∼4 位のキャリア
最初はブラジルで発売予定
Qualcomm のチップを使用
端末製造は ZTE や TCL
and more...

53. パートナー企業 (一部)
一部です。配置に意味はありません。念のため。

54. 乞うご期待。

55. Marketplace

56. Mozilla Marketplace
Device, OS 横断マーケット
Web Platform のためのストア
Firefox 限定とかじゃない
今年中に正式リリース予定
現在コミュニティメンバー限定、
Firefox 開発版ユーザ向け
http://marketplace.mozilla.org/

57. オープンなアプリストア
全てを Web 技術で実装
安定・平等な環境を提供
ベンダー非依存
アプリストア、認証、課金 ...
ブラウザ非依存
後方互換ダッシュボード
https://persona.org/

58. http://marketplace.mozilla.org/

59. Marketplace について
更なる詳細は午後。

60. "Web がプラットフォー
ム"
の実現へ向けて...

61. Kilimanjaro

62. Kilimanjaro
Mozilla の戦略的目標
「Web がプラットフォーム」
実現に向けたマイルストーン
高速リリースで Firefox にコード
ネーム付けなくなったから…
公園じゃなく山でシリーズ化？

63. Kilimanjaro Basecamp
まずはベースキャンプ設営
API の追加: WebAPI
アプリ配信: Marketplace
OS の提供: Boot to Gecko
ユーザ認証: Persona

64. これからは Web が
プラットフォーム！

65. これからは Web が
プラットフォーム！