Firefox OSSlides @ OSC Kyoto 2012 on 2012/08/04        by Tomoya Asai (dynamis)                               Last Update:...
about:
about:dynamis                   Mozilla Japan               http://dynamis.jp                @dynamitter            facebo...
きょうのおはなし     うぇぶぷらっとふぉーむ     すまほでキツネさん     まーけっとぷれいす     キツネさんのおーえす
Web Platform
みんな  ""HHTTMMLL55""  に何を期待してるの?              フォクすけに教えて!
既存の独自プラットフォーム現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある
Web プラットフォームvs 独自プラットフォーム      「ブラウザ戦争」の時代じゃないですよ
今後は Web プラットフォーム               プラットフォーム                 としての WebWeb がプラットフォームなら業界標準技術でアプリ環境が統一される
"HTML5" の現状       "HTML5" > HTML > HTML5        実装や仕様策定に伴い "HTML5"        の領域は広がり続けている       Web がプラットフォーム        本格的アプリ開発...
これで十分?    フォクすけに教えて!
Web ではできなかったこと     システムステータス      WiFi 情報, モバイル通信...     各種センサー      光センサー, 近接センサー...     低レベルハードウェア制御      USB, BlueTooth...
やりましょう!ってもじらが言ってる       *** がやらないなら       Mozilla がやるんだって
次世代 Web =
CSS3次世代 Web =
CSS3   DOM4次世代 Web =
CSS3   DOM4次世代 Web = HTML5
CSS3     DOM4次世代 Web = HTML5  ECMAScript 6th
CSS3     DOM4次世代 Web = HTML5  ECMAScript 6th
HTML5 = 安定ブランチHTML = 最新の HTML
Multi           Media      Mouse,  HTML5               Key ev.  Forms            W3C                            OfflineHTML5...
Canvas                                 Web         WHATWG                 Messag-                                  ing    ...
Canvas                                 Web         WHATWG                 Messag-                                  ing    ...
Khronos              SMIL              Vibra-                                                   tion                 WebGL...
Khronos              SMIL              Vibra-                  MP3  WebCL                                                 ...
Web API          Web の限界を押し進める          HTML5 など基本以外の API          API の総称であって定義はない                 https://wiki.mozilla.o...
以前からある Web API      Geolocation (位置情報)      Orientation (加速度)      Audio Data API      WebGL (3D グラフィック)      Camera API (...
実装済みの Web API      SMS, Telephony, Alarm      Mobile Connection, WiFi Info,      Network Info (通信速度等),      Contacts, Sett...
実装済みの Web API      Vibration, Pointer Lock      Ambient Light (環境光),      Proximity (近接),      Mouse Lock (移動量取得)      Dev...
現在実装中の Web API      WebRTC (Camera, P2P 含む)      Web Activities (Intent)      Push Notification      Power Management      ...
実装見込みの Web API      UDB Datagram Socket      HTTP-cache, Log      USB, NFC, USB file-reading      Background Service      ....
検討中の WebAPI      Magnetic Field      Time/Clock (時刻設定)      Calendar      Spellcheck      ...and more...
WWeebb  がプラット   フォーム!
WWeebb  が  おーえす!
Web API も Web 標準       W3C DAP (Device API) WG       W3C System Apps WG       IETF/W3C WebRTC WG        マルチメディア系や P2P など  ...
仕様無き実装は不幸の種実装無き仕様は机上理論
もうかなりできてる! って  MMoozziillllaa  が言ってる                  昨年末辺りから一気に                  実装してきてるらしい
Firefox for Android
すまほでもキツネ?      フォクすけに教えて!
モバイル Web の問題     WebKit 寡占で OK?     機能限定版で OK?     モバイルにも選択と競争を
フル機能の Web を!モバイルにも競争を!
やりましょう!って  MMoozziillllaa  が言ってる                 Mozilla は最近モバイル                 頑張ってるみたいです
Firefox for Mobile 当初の目標        モバイル Web フル機能に         モバイルを機能限定版としない        モバイルにも "Firefox"         プライバシー&セキュリティ       ...
Firefox for Mobile の評価         同期機能が便利!         フル機能のブラウザ!         アドオンでカスタマイズ!
Firefox for Mobile への要望        起動時間を短く        Flash をサポート        もっとサクサクに        もっとヌルヌルに         ・・・        もっともっともっと...
すばらしく高速で使いやすくなった! ってもじらが言ってる        フィードバックの半分       以上が「速くなった!」
Firefox for Android を再設計        Android に最適化        最高のパフォーマンス        Flash もサポート        片手で使いやすい UI        プライバシーを確保
大幅短縮した起動時間         4割短縮(UI の表示はもっと速い)  Firefox 10    Firefox 14               ホーム画面の表示までに                  かかる時間を比較
ホームと Gecko を同時ロード以前の            Gecko エンジン   XUL UI ホームFirefox新しい         Gecko エンジンFirefox          Java UI ホーム          ...
ホームと Gecko を同時ロード以前の            Gecko エンジン   XUL UI ホームFirefox新しい         Gecko エンジン                           大幅なFirefox ...
ホームと Gecko を同時ロード以前の            Gecko エンジン   XUL UI ホームFirefox新しい         Gecko エンジン                           大幅なFirefox ...
スクロールパフォーマンスFirefox10                10.2Firefox14                                           20.5Dolphin                  ...
スクロールパフォーマンスFirefox10                10.2Firefox14                                           20.5Dolphin                  ...
HTML5 Canvas パフォーマンスFirefox10        13.2Firefox14                                              39.3 Opera                ...
HTML5 Canvas パフォーマンスFirefox10        13.2Firefox14                                              39.3 Opera                ...
これまでの Firefox         メインスレッド 再描画   対象要素の    メモリの   変更をGPU   GPUによるイベント    再描画    データ更新    に送信      画面描画                  ...
生まれ変わった Firefox   メインスレッド                  フロントエンドUI                            や要素の描画を 再描画       対象要素の    メモリの    別スレッドに分...
Flash もサポート      今回から Flash にも対応       API のドキュメントなく苦労…       使ってる側のソース読みまくり…
バックグラウンド同期    常に最新のデータを同期     同期用のサービスを実装     Firefox 起動せずに同期可能に
片手でも使いやすい UI     親指1つで快適ブラウズ      メニュー、タブ、バー、ページ...     見たいページに即アクセス      スマートスクリーン      よく見るページのリスト      ブックマークやタブも同期
片手でも使いやすい UI     親指1つで快適ブラウズ      メニュー、タブ、バー、ページ...     見たいページに即アクセス      スマートスクリーン      よく見るページのリスト      ブックマークやタブも同期
パソコンと簡単同期    パソコン側で 12 桁を入力     オプション→Sync→デバイスと連携
アドオンでカスタマイズ    Adblock Plus     お馴染みの広告ブロック    Tap Tap Wrap     ダブルタップでズームした部分の     文字を更に大きく    Delete Cookies on Exit    ...
アドオンでカスタマイズ    Adblock Plus     お馴染みの広告ブロック    Tap Tap Wrap     ダブルタップでズームした部分の     文字を更に大きく    Delete Cookies on Exit    ...
トラッキング拒否に対応    Do Not Track に対応    Yahoo!, Twitter, 広告業界    などは既に対応を開始
パスワードの暗号化保存    マスターパスワード機能     パスワードを暗号化して保存    端末を紛失しても大丈夫     マスターパスワードを知らないと     なりすましてログインできない
いいね!   フォクすけもお気に入り
Android ブラウザの あらたな定番に!
Marketplace
まーけっとぷれいす?      フォクすけに教えて!
Mozilla Marketplace          Device, OS 横断マーケット           Web Platform のためのストア           Firefox 限定とかじゃない          今年中に正式リ...
オープンなアプリストア    全てを Web 技術で実装     安定・平等な環境を提供    ベンダー非依存     アプリストア、認証、課金 ...    ブラウザ非依存     後方互換ダッシュボード                htt...
どんなかんじ?     フォクすけに教えて!
http://marketplace.mozilla.org/
http://marketplace.mozilla.org/
http://marketplace.mozilla.org/
ですくとっぷアプリもこれからは  WWeebb  技術で!           ブラウザの枠にはもう           縛られない時代ですね
すまほではどうなの?      フォクすけに教えて!
Android でも実装済み           開発版で実装済み
Java アプリ同様インストール     ホームスクリーンに追加      ネイティブアプリと同じ     ブラウザと独立して起動      省メモリのためプロセスは共有
ほんとに  WWeebb  がまるちプラットフォーム           PC もスマホも1つの          アプリを配信できる!
Boot to Gecko
Firefox OS
キツネがおーえす?      フォクすけに教えて!
Firefox OS (Boot to Gecko)           Gecko WebRT を起動             Linux Kernel 上に Gecko を             Java VM などの中間レイヤなし   ...
スクリーンショットは初期の画面です
ステータスバーも(電波強度、電池残量...)電話や SMS の送受信ももちろん Firefox もカメラを使うのも写真やビデオを見るのもその他いろんなアプリもマーケットプレイスも スクリーンショットは初期の画面です
ステータスバーも     (電波強度、電池残量...)     電話や SMS の送受信も     もちろん Firefox も     カメラを使うのも     写真やビデオを見るのも     その他いろんなアプリも     マーケットプレイ...
開発パートナーと製品化    Telefónica が来年初め発売     世界 3∼4 位のキャリア     最初はブラジルで発売予定     Qualcomm のチップを使用     端末製造は ZTE や TCL    and more...
パートナー企業 (一部)   一部です。配置に意味はありません。念のため。
乞うご期待。
Toward Firefox OS
Toward Firefox OS
Toward Firefox OS
Toward Firefox OS
Toward Firefox OS
Toward Firefox OS
Toward Firefox OS
Upcoming SlideShare
Loading in...5
×

Toward Firefox OS

25,852

Published on

OSC Kyoto で使用したスライド

Published in: Technology
0 Comments
39 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
25,852
On Slideshare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
243
Comments
0
Likes
39
Embeds 0
No embeds

No notes for slide

Toward Firefox OS

  1. 1. Firefox OSSlides @ OSC Kyoto 2012 on 2012/08/04 by Tomoya Asai (dynamis) Last Update: 2012/08/05
  2. 2. about:
  3. 3. about:dynamis Mozilla Japan http://dynamis.jp @dynamitter facebook.com/ dynamis レッサーパンダが好き。 mailto: Tomoya ASAI <dynamis@mozilla-japan.org>
  4. 4. きょうのおはなし うぇぶぷらっとふぉーむ すまほでキツネさん まーけっとぷれいす キツネさんのおーえす
  5. 5. Web Platform
  6. 6. みんな ""HHTTMMLL55"" に何を期待してるの? フォクすけに教えて!
  7. 7. 既存の独自プラットフォーム現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある
  8. 8. Web プラットフォームvs 独自プラットフォーム 「ブラウザ戦争」の時代じゃないですよ
  9. 9. 今後は Web プラットフォーム プラットフォーム としての WebWeb がプラットフォームなら業界標準技術でアプリ環境が統一される
  10. 10. "HTML5" の現状 "HTML5" > HTML > HTML5 実装や仕様策定に伴い "HTML5" の領域は広がり続けている Web がプラットフォーム 本格的アプリ開発が可能に OS に代わるプラットフォーム
  11. 11. これで十分? フォクすけに教えて!
  12. 12. Web ではできなかったこと システムステータス WiFi 情報, モバイル通信... 各種センサー 光センサー, 近接センサー... 低レベルハードウェア制御 USB, BlueTooth, NFC...
  13. 13. やりましょう!ってもじらが言ってる *** がやらないなら Mozilla がやるんだって
  14. 14. 次世代 Web =
  15. 15. CSS3次世代 Web =
  16. 16. CSS3 DOM4次世代 Web =
  17. 17. CSS3 DOM4次世代 Web = HTML5
  18. 18. CSS3 DOM4次世代 Web = HTML5 ECMAScript 6th
  19. 19. CSS3 DOM4次世代 Web = HTML5 ECMAScript 6th
  20. 20. HTML5 = 安定ブランチHTML = 最新の HTML
  21. 21. Multi Media Mouse, HTML5 Key ev. Forms W3C OfflineHTML5 HTML5 SupportParser WAI- XHTML5 ARIA Semantic Elements
  22. 22. Canvas Web WHATWG Messag- ing Multi Web Media Mouse, Sockets HTML5 Key ev. Forms W3C Server- OfflineHTML5 HTML5 Support Sent ev.Parser Web WAI- XHTML5 Storage ARIA Semantic Elements Web Workers Micro- HTML Data
  23. 23. Canvas Web WHATWG Messag- ing Multi Web Media Mouse, Sockets HTML5 Key ev. Forms W3C Server- OfflineHTML5 HTML5 Support Sent ev.Parser Web WAI- XHTML5 Storage ARIA Semantic Elements Web Media Workers Layout Queries Micro- HTML Data Trans CSS3~ Flex Box form Anim Regions ation
  24. 24. Khronos SMIL Vibra- tion WebGL Geo- SVG other location Orien- tation Canvas WHATWG Web IETF Messag- ing Web Multi SPDY Web Sockets DNT Media Mouse, Sockets HTML5 Key ev. XHR2 FileAPI CSP Forms W3C Server- Offline ECMAHTML5 HTML5 Support Sent ev. ECMA ScriptParser Indexed Web WAI- DB XHTML5 Storage ARIA Semantic Elements Web Media Workers Layout Queries Micro- HTML Data Trans CSS3~ Flex Box OGP XPath form RSS Anim Math Regions ation ML WOFF DOM4
  25. 25. Khronos SMIL Vibra- MP3 WebCL Webm Opus tion WebGL Geo- SVG H.264 other location Orien- Web Audio Notifi- tation Web Canvas cation WHATWG Web IETF RTC Messag- ing Web TCP Tel Multi SPDY Web Sockets DNT Socket Media Mouse, Sockets HTML5 Key ev. XHR2 Radio FileAPI CSP Forms Net W3C Server- Info Offline ECMAHTML5 HTML5 Support Sent ev. ECMA Script ECMA NFCParser 6th Indexed Web Device WAI- DB Storage Storage XHTML5 ARIA Semantic Web Elements Web SQL Media USB Workers Layout Queries File Micro- Sys HTML Data Trans CSS3~ Flex Battery Status Box OGP XPath form Proxi- Anim mitySchema RSS Math Regions .org ation ML WOFF RDF DOM4
  26. 26. Web API Web の限界を押し進める HTML5 など基本以外の API API の総称であって定義はない https://wiki.mozilla.org/WebAPI
  27. 27. 以前からある Web API Geolocation (位置情報) Orientation (加速度) Audio Data API WebGL (3D グラフィック) Camera API (Media Capture) これらはもちろん Android 版 Firefox でも実装済み
  28. 28. 実装済みの Web API SMS, Telephony, Alarm Mobile Connection, WiFi Info, Network Info (通信速度等), Contacts, Settings, Time/Clock Idle, Battery Status Resource Lock (スリープ禁止) まだ不完全な実装の API も一部含む
  29. 29. 実装済みの Web API Vibration, Pointer Lock Ambient Light (環境光), Proximity (近接), Mouse Lock (移動量取得) Device Storage, Browser Open Web Apps, DOM Crypt まだ不完全な実装の API も一部含む
  30. 30. 現在実装中の Web API WebRTC (Camera, P2P 含む) Web Activities (Intent) Push Notification Power Management TCP Socket, Bluetooth FM Radio, Permission https://wiki.mozilla.org/WebAPI
  31. 31. 実装見込みの Web API UDB Datagram Socket HTTP-cache, Log USB, NFC, USB file-reading Background Service ...and more... https://wiki.mozilla.org/WebAPI
  32. 32. 検討中の WebAPI Magnetic Field Time/Clock (時刻設定) Calendar Spellcheck ...and more...
  33. 33. WWeebb がプラット フォーム!
  34. 34. WWeebb が おーえす!
  35. 35. Web API も Web 標準 W3C DAP (Device API) WG W3C System Apps WG IETF/W3C WebRTC WG マルチメディア系や P2P など その他それぞれの WG で
  36. 36. 仕様無き実装は不幸の種実装無き仕様は机上理論
  37. 37. もうかなりできてる! って MMoozziillllaa が言ってる 昨年末辺りから一気に 実装してきてるらしい
  38. 38. Firefox for Android
  39. 39. すまほでもキツネ? フォクすけに教えて!
  40. 40. モバイル Web の問題 WebKit 寡占で OK? 機能限定版で OK? モバイルにも選択と競争を
  41. 41. フル機能の Web を!モバイルにも競争を!
  42. 42. やりましょう!って MMoozziillllaa が言ってる Mozilla は最近モバイル 頑張ってるみたいです
  43. 43. Firefox for Mobile 当初の目標 モバイル Web フル機能に モバイルを機能限定版としない モバイルにも "Firefox" プライバシー&セキュリティ 同期やアドオンにも対応
  44. 44. Firefox for Mobile の評価 同期機能が便利! フル機能のブラウザ! アドオンでカスタマイズ!
  45. 45. Firefox for Mobile への要望 起動時間を短く Flash をサポート もっとサクサクに もっとヌルヌルに ・・・ もっともっともっと...
  46. 46. すばらしく高速で使いやすくなった! ってもじらが言ってる フィードバックの半分 以上が「速くなった!」
  47. 47. Firefox for Android を再設計 Android に最適化 最高のパフォーマンス Flash もサポート 片手で使いやすい UI プライバシーを確保
  48. 48. 大幅短縮した起動時間 4割短縮(UI の表示はもっと速い) Firefox 10 Firefox 14 ホーム画面の表示までに かかる時間を比較
  49. 49. ホームと Gecko を同時ロード以前の Gecko エンジン XUL UI ホームFirefox新しい Gecko エンジンFirefox Java UI ホーム 即座に操作開始可能
  50. 50. ホームと Gecko を同時ロード以前の Gecko エンジン XUL UI ホームFirefox新しい Gecko エンジン 大幅なFirefox Java UI ホーム 起動時間短縮 即座に操作開始可能
  51. 51. ホームと Gecko を同時ロード以前の Gecko エンジン XUL UI ホームFirefox新しい Gecko エンジン 大幅なFirefox Java UI ホーム 起動時間短縮 即座に操作開始可能
  52. 52. スクロールパフォーマンスFirefox10 10.2Firefox14 20.5Dolphin 14.2Default 13.9Chrome 11.9 Opera 9.6 0fps 11fps 22fps Eideticker - cnn.com on Galaxy Nexus, Android 4.0.4
  53. 53. スクロールパフォーマンスFirefox10 10.2Firefox14 20.5Dolphin 14.2Default 13.9 1.5倍高速Chrome 11.9 Opera 9.6 0fps 11fps 22fps Eideticker - cnn.com on Galaxy Nexus, Android 4.0.4
  54. 54. HTML5 Canvas パフォーマンスFirefox10 13.2Firefox14 39.3 Opera 21.6Chrome 19.6Dolphin 14.1Default 12 0fps 10fps 20fps 30fps 40fps Eideticker - Canvas on Galaxy Nexus, Android 4.0.4
  55. 55. HTML5 Canvas パフォーマンスFirefox10 13.2Firefox14 39.3 Opera 21.6Chrome 19.6Dolphin 14.1 3倍以上高速Default 12 0fps 10fps 20fps 30fps 40fps Eideticker - Canvas on Galaxy Nexus, Android 4.0.4
  56. 56. これまでの Firefox メインスレッド 再描画 対象要素の メモリの 変更をGPU GPUによるイベント 再描画 データ更新 に送信 画面描画 UI はプロセス分離 していたが重かった
  57. 57. 生まれ変わった Firefox メインスレッド フロントエンドUI や要素の描画を 再描画 対象要素の メモリの 別スレッドに分離イベント 再描画 データ更新 して応答性向上 UI 周りの処理 画面の更新タッチ etc 変更をGPU GPUによる ゼロからJavaイベント で書き直し に送信 画面描画 従来のプロスセス分離 は重いので取り止めた
  58. 58. Flash もサポート 今回から Flash にも対応 API のドキュメントなく苦労… 使ってる側のソース読みまくり…
  59. 59. バックグラウンド同期 常に最新のデータを同期 同期用のサービスを実装 Firefox 起動せずに同期可能に
  60. 60. 片手でも使いやすい UI 親指1つで快適ブラウズ メニュー、タブ、バー、ページ... 見たいページに即アクセス スマートスクリーン よく見るページのリスト ブックマークやタブも同期
  61. 61. 片手でも使いやすい UI 親指1つで快適ブラウズ メニュー、タブ、バー、ページ... 見たいページに即アクセス スマートスクリーン よく見るページのリスト ブックマークやタブも同期
  62. 62. パソコンと簡単同期 パソコン側で 12 桁を入力 オプション→Sync→デバイスと連携
  63. 63. アドオンでカスタマイズ Adblock Plus お馴染みの広告ブロック Tap Tap Wrap ダブルタップでズームした部分の 文字を更に大きく Delete Cookies on Exit 終了時に Cookie 削除
  64. 64. アドオンでカスタマイズ Adblock Plus お馴染みの広告ブロック Tap Tap Wrap ダブルタップでズームした部分の 文字を更に大きく Delete Cookies on Exit 終了時に Cookie 削除
  65. 65. トラッキング拒否に対応 Do Not Track に対応 Yahoo!, Twitter, 広告業界 などは既に対応を開始
  66. 66. パスワードの暗号化保存 マスターパスワード機能 パスワードを暗号化して保存 端末を紛失しても大丈夫 マスターパスワードを知らないと なりすましてログインできない
  67. 67. いいね! フォクすけもお気に入り
  68. 68. Android ブラウザの あらたな定番に!
  69. 69. Marketplace
  70. 70. まーけっとぷれいす? フォクすけに教えて!
  71. 71. Mozilla Marketplace Device, OS 横断マーケット Web Platform のためのストア Firefox 限定とかじゃない 今年中に正式リリース予定 現在コミュニティメンバー限定、 Firefox 開発版ユーザ向け http://marketplace.mozilla.org/
  72. 72. オープンなアプリストア 全てを Web 技術で実装 安定・平等な環境を提供 ベンダー非依存 アプリストア、認証、課金 ... ブラウザ非依存 後方互換ダッシュボード https://persona.org/
  73. 73. どんなかんじ? フォクすけに教えて!
  74. 74. http://marketplace.mozilla.org/
  75. 75. http://marketplace.mozilla.org/
  76. 76. http://marketplace.mozilla.org/
  77. 77. ですくとっぷアプリもこれからは WWeebb 技術で! ブラウザの枠にはもう 縛られない時代ですね
  78. 78. すまほではどうなの? フォクすけに教えて!
  79. 79. Android でも実装済み 開発版で実装済み
  80. 80. Java アプリ同様インストール ホームスクリーンに追加 ネイティブアプリと同じ ブラウザと独立して起動 省メモリのためプロセスは共有
  81. 81. ほんとに WWeebb がまるちプラットフォーム PC もスマホも1つの アプリを配信できる!
  82. 82. Boot to Gecko
  83. 83. Firefox OS
  84. 84. キツネがおーえす? フォクすけに教えて!
  85. 85. Firefox OS (Boot to Gecko) Gecko WebRT を起動 Linux Kernel 上に Gecko を Java VM などの中間レイヤなし Web 技術が「ネイティブ」 HTML5, JavaScript, Web API... ホーム画面もすべて Web 技術で Gecko は Firefox の描画エンジン、WebRT = Web Runtime
  86. 86. スクリーンショットは初期の画面です
  87. 87. ステータスバーも(電波強度、電池残量...)電話や SMS の送受信ももちろん Firefox もカメラを使うのも写真やビデオを見るのもその他いろんなアプリもマーケットプレイスも スクリーンショットは初期の画面です
  88. 88. ステータスバーも (電波強度、電池残量...) 電話や SMS の送受信も もちろん Firefox も カメラを使うのも 写真やビデオを見るのも その他いろんなアプリも マーケットプレイスもすべて Web 技術で! スクリーンショットは初期の画面です
  89. 89. 開発パートナーと製品化 Telefónica が来年初め発売 世界 3∼4 位のキャリア 最初はブラジルで発売予定 Qualcomm のチップを使用 端末製造は ZTE や TCL and more...
  90. 90. パートナー企業 (一部) 一部です。配置に意味はありません。念のため。
  91. 91. 乞うご期待。
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×