Toward Firefox OS

Firefox OSSlides @ OSC Kyoto 2012 on 2012/08/04 by Tomoya Asai (dynamis) Last Update: 2012/08/05

about:

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

きょうのおはなしうぇぶぷらっとふぉーむすまほでキツネさんまーけっとぷれいすキツネさんのおーえす

Web Platform

みんな ""HHTTMMLL55"" に何を期待してるの？フォクすけに教えて！

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

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

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

"HTML5" の現状 "HTML5" > HTML > HTML5 実装や仕様策定に伴い "HTML5" の領域は広がり続けている Web がプラットフォーム本格的アプリ開発が可能に OS に代わるプラットフォーム

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

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

やりましょう！ってもじらが言ってる＊＊＊がやらないなら Mozilla がやるんだって

次世代 Web =

CSS3次世代 Web =

CSS3 DOM4次世代 Web =

CSS3 DOM4次世代 Web = HTML5

CSS3 DOM4次世代 Web = HTML5 ECMAScript 6th

HTML5 = 安定ブランチHTML = 最新の HTML

Multi Media Mouse, HTML5 Key ev. Forms W3C OﬄineHTML5 HTML5 SupportParser WAI- XHTML5 ARIA Semantic Elements

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

Canvas Web WHATWG Messag- ing Multi Web Media Mouse, Sockets HTML5 Key ev. Forms W3C Server- OﬄineHTML5 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

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- Oﬄine 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

Khronos SMIL Vibra- MP3 WebCL Webm Opus tion WebGL Geo- SVG H.264 other location Orien- Web Audio Notiﬁ- 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 Oﬄine 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

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

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

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

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

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

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

検討中の 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 などその他それぞれの WG で

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

もうかなりできてる！って 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 プライバシーを確保

大幅短縮した起動時間４割短縮(UI の表示はもっと速い) Firefox 10 Firefox 14 ホーム画面の表示までにかかる時間を比較

ホームと Gecko を同時ロード以前の Gecko エンジン XUL UI ホームFirefox新しい Gecko エンジンFirefox Java UI ホーム即座に操作開始可能

ホームと Gecko を同時ロード以前の Gecko エンジン XUL UI ホームFirefox新しい Gecko エンジン大幅なFirefox Java UI ホーム起動時間短縮即座に操作開始可能

スクロールパフォーマンス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

スクロールパフォーマンス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

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

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

これまでの Firefox メインスレッド再描画対象要素のメモリの変更をGPU GPUによるイベント再描画データ更新に送信画面描画 UI はプロセス分離していたが重かった

生まれ変わった Firefox メインスレッドフロントエンドUI や要素の描画を再描画対象要素のメモリの別スレッドに分離イベント再描画データ更新して応答性向上 UI 周りの処理画面の更新タッチ etc 変更をGPU GPUによるゼロからJavaイベントで書き直しに送信画面描画従来のプロスセス分離は重いので取り止めた

Flash もサポート今回から Flash にも対応 API のドキュメントなく苦労… 使ってる側のソース読みまくり…

バックグラウンド同期常に最新のデータを同期同期用のサービスを実装 Firefox 起動せずに同期可能に

片手でも使いやすい UI 親指１つで快適ブラウズメニュー、タブ、バー、ページ... 見たいページに即アクセススマートスクリーンよく見るページのリストブックマークやタブも同期

パソコンと簡単同期パソコン側で 12 桁を入力オプション→Sync→デバイスと連携

アドオンでカスタマイズ Adblock Plus お馴染みの広告ブロック Tap Tap Wrap ダブルタップでズームした部分の文字を更に大きく Delete Cookies on Exit 終了時に Cookie 削除

トラッキング拒否に対応 Do Not Track に対応 Yahoo!, Twitter, 広告業界などは既に対応を開始

パスワードの暗号化保存マスターパスワード機能パスワードを暗号化して保存端末を紛失しても大丈夫マスターパスワードを知らないとなりすましてログインできない

いいね！フォクすけもお気に入り

Android ブラウザのあらたな定番に！

Marketplace

まーけっとぷれいす？フォクすけに教えて！

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

オープンなアプリストア全てを Web 技術で実装安定・平等な環境を提供ベンダー非依存アプリストア、認証、課金 ... ブラウザ非依存後方互換ダッシュボード https://persona.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 などの中間レイヤなし Web 技術が「ネイティブ」 HTML5, JavaScript, Web API... ホーム画面もすべて Web 技術で Gecko は Firefox の描画エンジン、WebRT = Web Runtime

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

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

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

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

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

乞うご期待。

http://www.publickey1.jp	14218
http://blogos.com	808
http://homepage1.nifty.com	423
http://lite.blogos.com	237
http://cappuccino.jp	226
http://text.world.coocan.jp	66
http://localhost	28
http://mlno-o3.blogspot.jp	22
https://si0.twimg.com	20
https://twimg0-a.akamaihd.net	15
https://twitter.com	13
http://admin.blogos.com	8
http://publickey1.jp	8
http://webdesigninformation.tumblr.com	4
http://honyaku.yahoofs.jp	3
http://tweetedtimes.com	3
http://webcache.googleusercontent.com	2
http://cappuccino.ne.jp	2
http://pinterest.com	2
http://sns.labs.fujitsu.com	1
http://us-w1.rockmelt.com	1
http://www.cappuccino.jp	1
http://www.twylah.com	1
http://jiksak-jp.appspot.com	1
http://tumblrmap.com	1
http://cloud.phpfoxapps.com	1

Toward Firefox OS

by dynamis . on Aug 05, 2012

Accessibility

Categories

Upload Details

Usage Rights

26 Embeds 16,115

Statistics

Toward Firefox OS Presentation Transcript