0
HTML5 + Firefox OS   Slides @ OSC Tokyo 2012 on 2012/09/07           by Tomoya Asai (dynamis)                             ...
about:
about:dynamis                   Mozilla Japan               http://dynamis.jp                @dynamitter            facebo...
Foxkeh
フォクすけの誕生日は 2006/09/01
"HTML5"
フォクすけに教えて!
The term "HTML5" is widely used as a buzzword to referto modern Web technologies...                       WHATWG HTML 仕様書の...
"HTML5" という用語は最新Web 技術を指すバズワードとして広く使われています                WHATWG HTML 仕様書の解説        http://whatwg.org/html - Introduction
"HTML5" という用語は最新Web 技術を指すバズワードとして広く使われています         HTML5 の生い立ちは...
HTML の誕生: 1989年に Tim Berners-Lee が提案
http://foxkeh.jp/downloads/
http://foxkeh.jp/downloads/
HTML4 に至るまで      1989: HTML の起源を提案      1990: 初の Web ブラウザ公開       ブラウザ乱立・独自拡張乱立      1994: W3C を発足し標準化へ      1995: HTML 2....
W3C は XHTML で再出発へ      1998: XML 1.0 勧告       HTML4 の拡張は困難と判断し       XML で作り直すと決定      2000: XHTML 1.0 勧告       HTML4 を XM...
標準化の分裂    W3C は XHTML 2.0 仕様策定へ    2001: IE6 リリース     XHTML サポートなし! (><)    2004: WHATWG 設立     Mozilla & Opera が W3C で後方互...
W3C と WHATWG の和解      2006: IE7 リリース       相変わらず XHTML 非サポート       XHTML 2.0 は仕様策定も遅いし       ブラウザには実装されない状況      W3C 互換性の重...
W3C での標準化     2008: W3C 最初の HTML5 草案      中身は WHATWG のもの     2009: W3C XHTML 2.0 WG 終了      Web ではブラウザに実装された仕様      が残ることが...
It is necessary to evolve HTML incrementally. The attempt toget the world to switch to XML    ... all at once didnt work. ...
HTML は段階的に発展させる必要がある。... すべてを一度に切り替えようという 試みは成功しなかった。         "Reinventing HTML" by               Tim Berners-Lee
The drag-and-drop API is           horrible, but it has one thing goingfor it: IE6 implements it, as  do Safari and Firefo...
Drag & Drop API は酷いが、採用する理由がひとつある。  つまり、IE6 だけでなく   Safari や Firefox でも 実装されているからだ。            Ian Hickson http://twitter....
HTML5 = HTML4++        再出発ではなく段階的発展         HTML4 の次だから HTML5         理想的転換でなく現実的発展        次世代 Web への第一歩         HTML5 は既存...
"HTML5" という用語は最新Web 技術を指すバズワードとして広く使われています
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                                                 ...
"HTML5" が進化する方向      Web のネイティブ化       Web 技術でできないことはない      マルチデバイス対応       携帯、タブレット、TV、車載...      組版技術の統合       HTML ではな...
"HTML5" という用語は最新Web 技術を指すバズワードとして広く使われています         Web 2.0 やクラウド等と         同じ「バズワード」です
HTML5 < HTML << "HTML5"         HTML5 = W3C 仕様書         安定化を進めるスナップショット         HTML = WHATWG 仕様書         常に進化を続ける最新仕様    ...
バズワードを使う時は HTML5 でなく "HTML5"と区別しましょう (・・)/           あるいはバズワード用             のロゴ  を使う
フォクすけに教えて!
Semantic   Multimedia    HTML5              Geo-                                   CSSElements   Elements      Forms      ...
HTML Living Standard - WHATWG                                    W3C 仕様書名に "HTML" を含むSemantic   Multimedia     HTML5      ...
HTML Living Standard - WHATWGSemantic                 HTML5          HTML5           MultimediaElements   Elements      Fo...
フォクすけに教えて!
"HTML5" って美味しいの?      何処でも動作する       マルチデバイス対応に便利       HTML ならプラットフォーム毎に       別言語でアプリを書かずに済む      スピードも機能も大幅進化       できな...
フォクすけに教えて!
ブラウザの互換性問題    新しい機能はブラウザ依存     標準化が進めば互換に    実装と標準はダンスの様に     仕様策定中の非互換は当然     「仕様策定後に実装」ではない
No "Mobile WebKit"          WebKit 間の差が激しい           PC とモバイルは完全に別物           iOS と Android も全然違う           Android 内でも端末依...
フォクすけに教えて!
誤解 - 拡張子は .html5?        んなわけあるか!
誤解 - HTML5 標準化が決裂?      驚くことは何も起きてない       飛ばし記事を鵜呑みにしちゃダメ      進化を続ける HTML のス      ナップショットが HTML5       標準化は時間のかかる作業     ...
誤解 - ベンチマークで…     HTML5test.com      JS チェックだからウソも多い      非 WebKit 先行で標準化が進む技      術は殆どテストに含まれてない      実質的には WebKit の比較用
誤解 - WebKit2 じゃないと…      WebKit Core は共通       WebKit API 部分だけの話       従来の WebKit API も継続メンテ       ブラウザ毎に独自 API あるだけ      ...
Web Platform
Web is the Platform
既存の独自プラットフォーム現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある
Web プラットフォームvs 独自プラットフォーム      「ブラウザ戦争」の時代じゃないですよ
今後は Web プラットフォーム               プラットフォーム                 としての WebWeb がプラットフォームなら業界標準技術でアプリ環境が統一される
フォクすけに教えて!
Web ではできなかったこと     システムステータス      WiFi 情報, モバイル通信...     各種センサー      光センサー, 近接センサー...     低レベルハードウェア制御      USB, BlueTooth...
*** がやらないならMozilla がやるんだって
Web API
http://arewemobileyet.com/
Web API          Web の限界を押し進める          従来の基本的な API 以外          Mozilla が勝手に呼んでる API の          総称であって明確な定義はない            ...
以前からある 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...
Web API も Web 標準       W3C DAP (Device API) WG       W3C System Apps WG       IETF/W3C WebRTC WG        マルチメディア系や P2P など  ...
仕様を公開してるけど実際の実装と違うのも×
実装されるまで仕様が適切かどうかも判断不能
昨年末辺りから一気に実装してきてるらしい
New Firefox
フォクすけに教えて!
Firefox for Android を再設計         Android に最適化         最高のパフォーマンス         Flash もサポート         片手で使いやすい UI         プライバシーを確保
フィードバックの半分以上が「速くなった!」
スクロールパフォーマンス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 ドキュメントなく苦労…       Flash の開発は終了したけどね…
バックグラウンド同期    常に最新のデータを同期     同期用のサービスを実装     Firefox 起動せずに同期可能に
片手でも使いやすい UI     親指1つで快適ブラウズ      メニュー、タブ、バー、ページ...     見たいページに即アクセス      スマートスクリーン      よく見るページのリスト      ブックマークやタブも同期
片手でも使いやすい UI     親指1つで快適ブラウズ      メニュー、タブ、バー、ページ...     見たいページに即アクセス      スマートスクリーン      よく見るページのリスト      ブックマークやタブも同期
スマートスクリーン    文字入力する毎に絞り込み     URL やタイトルで素早く検索    Google などで Web 検索も
パソコンと簡単同期    パソコン側で 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, 広告業界    などは既に対応を開始
パスワードの暗号化保存    マスターパスワード機能     パスワードを暗号化して保存    端末を紛失しても大丈夫     マスターパスワードを知らないと     なりすましてログインできない
フォクすけもお気に入り
Marketplace
Boot to Gecko
Firefox OS
フォクすけに教えて!
Firefox OS (Boot to Gecko)          Web 技術が「ネイティブ」           HTML5, JavaScript, Web API...           ホーム画面もすべて Web 技術で    ...
ステータスバーも(電波強度、電池残量...)カメラやラジオも電話や SMS の送受信ももちろん Firefox も音楽やビデオの再生もマーケットプレイスも3Dアプリも その他なんでも...
ステータスバーも     (電波強度、電池残量...)     カメラやラジオも     電話や SMS の送受信も     もちろん Firefox も      音楽やビデオの再生も     マーケットプレイスも      3Dアプリも  ...
Web API の標準化       不足機能は実装&標準化       Web = Native とする       主に W3C の WG で標準化       実装と平行して標準化を進める       Device API, System...
開発パートナーと製品化           Telefónica: 来年始め製品化             最初はブラジルで発売予定             TCL (Alcatel) や ZTE が製造 掲載ロゴはパートナー企業の一部です: ...
パートナー企業 (一部)          配置・順序に意味はなし         これ以外については非公開
乞うご期待
See Also...
CSS 最新機能紹介     CSS の新機能紹介      新機能や昨年から変わった点             http://r.dynamis.jp/css2012
JavaScript.Next          JavaScript の最新仕様           ECMAScript 5th のポイント          JavaScript 次世代仕様           ECMAScript 6t...
開発者ツール紹介    一通りの機能と使い方    Firefox 標準の開発者ツール     隠し設定やビルトイン関数のリ     ファレンスなども含めています    Firebug とその拡張機能     アイコンや背景画像を変更する   ...
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
HTML5 + Firefox OS
Upcoming SlideShare
Loading in...5
×

HTML5 + Firefox OS

3,281

Published on

OSC Tokyo で使用したスライド(当日使用しなかったページも少し追加)

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

No Downloads
Views
Total Views
3,281
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
82
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "HTML5 + Firefox OS"

  1. 1. HTML5 + Firefox OS Slides @ OSC Tokyo 2012 on 2012/09/07 by Tomoya Asai (dynamis) Last Update: 2012/09/07
  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. Foxkeh
  5. 5. フォクすけの誕生日は 2006/09/01
  6. 6. "HTML5"
  7. 7. フォクすけに教えて!
  8. 8. The term "HTML5" is widely used as a buzzword to referto modern Web technologies... WHATWG HTML 仕様書の解説 http://whatwg.org/html - Introduction
  9. 9. "HTML5" という用語は最新Web 技術を指すバズワードとして広く使われています WHATWG HTML 仕様書の解説 http://whatwg.org/html - Introduction
  10. 10. "HTML5" という用語は最新Web 技術を指すバズワードとして広く使われています HTML5 の生い立ちは...
  11. 11. HTML の誕生: 1989年に Tim Berners-Lee が提案
  12. 12. http://foxkeh.jp/downloads/
  13. 13. http://foxkeh.jp/downloads/
  14. 14. HTML4 に至るまで 1989: HTML の起源を提案 1990: 初の Web ブラウザ公開 ブラウザ乱立・独自拡張乱立 1994: W3C を発足し標準化へ 1995: HTML 2.0 が RFC に 1997: HTML 3.2 が W3C 勧告に HTML 4.0 が W3C 勧告に
  15. 15. W3C は XHTML で再出発へ 1998: XML 1.0 勧告 HTML4 の拡張は困難と判断し XML で作り直すと決定 2000: XHTML 1.0 勧告 HTML4 を XML にしただけ 2001: XHTML 1.1 勧告 HTML4 と後方互換性がなくなる
  16. 16. 標準化の分裂 W3C は XHTML 2.0 仕様策定へ 2001: IE6 リリース XHTML サポートなし! (><) 2004: WHATWG 設立 Mozilla & Opera が W3C で後方互換 の提案をするが否決された 仕方なく別組織で HTML4 に後方互 換な後継仕様策定へ Mozilla & Opera に Apple も 参加する形で WHATWG 設立
  17. 17. W3C と WHATWG の和解 2006: IE7 リリース 相変わらず XHTML 非サポート XHTML 2.0 は仕様策定も遅いし ブラウザには実装されない状況 W3C 互換性の重要性を認める 2007: 新しい HTML WG 設立 WHATWG の仕様を HTML5 に Firefox は XHTML 1.1 や XForms などには対応していたが IE が...
  18. 18. W3C での標準化 2008: W3C 最初の HTML5 草案 中身は WHATWG のもの 2009: W3C XHTML 2.0 WG 終了 Web ではブラウザに実装された仕様 が残ることが明らかに 2011: W3C HTML5 最終草案 例によって草案に差し戻されてます 2014: HTML5 勧告へ (予定) 最終草案と草案を行き来する のは W3C ではよくあることです
  19. 19. It is necessary to evolve HTML incrementally. The attempt toget the world to switch to XML ... all at once didnt work. "Reinventing HTML" by Tim Berners-Lee
  20. 20. HTML は段階的に発展させる必要がある。... すべてを一度に切り替えようという 試みは成功しなかった。 "Reinventing HTML" by Tim Berners-Lee
  21. 21. The drag-and-drop API is horrible, but it has one thing goingfor it: IE6 implements it, as do Safari and Firefox. Ian Hickson http://twitter.com/ Hixie/status/4075253361
  22. 22. Drag & Drop API は酷いが、採用する理由がひとつある。 つまり、IE6 だけでなく Safari や Firefox でも 実装されているからだ。 Ian Hickson http://twitter.com/ Hixie/status/4075253361
  23. 23. HTML5 = HTML4++ 再出発ではなく段階的発展 HTML4 の次だから HTML5 理想的転換でなく現実的発展 次世代 Web への第一歩 HTML5 は既存技術の整理が主 アプリ環境への進化も前提に 草案と最終草案を繰り返し 行き来するのはよくあること
  24. 24. "HTML5" という用語は最新Web 技術を指すバズワードとして広く使われています
  25. 25. Multi Media Mouse, HTML5 Key ev. Forms W3C OfflineHTML5 HTML5 SupportParser WAI- XHTML5 ARIA Semantic Elements
  26. 26. 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
  27. 27. 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
  28. 28. 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
  29. 29. 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
  30. 30. "HTML5" が進化する方向 Web のネイティブ化 Web 技術でできないことはない マルチデバイス対応 携帯、タブレット、TV、車載... 組版技術の統合 HTML ではなく CSS の話です
  31. 31. "HTML5" という用語は最新Web 技術を指すバズワードとして広く使われています Web 2.0 やクラウド等と 同じ「バズワード」です
  32. 32. HTML5 < HTML << "HTML5" HTML5 = W3C 仕様書 安定化を進めるスナップショット HTML = WHATWG 仕様書 常に進化を続ける最新仕様 "HTML5" = Web 技術全部 てきとーに呼んでるだけ
  33. 33. バズワードを使う時は HTML5 でなく "HTML5"と区別しましょう (・・)/ あるいはバズワード用 のロゴ を使う
  34. 34. フォクすけに教えて!
  35. 35. Semantic Multimedia HTML5 Geo- CSSElements Elements Forms locationOffline User HTML5 DOM MathMLSupport Interaction Parser WebCanvas Microdata SVG XHR Messaging Web Web WebRTC WebGL ECMA5thWorkers Sockets (主な)仕様策定の場: WHATWG W3C Other
  36. 36. HTML Living Standard - WHATWG W3C 仕様書名に "HTML" を含むSemantic Multimedia HTML5 CSS HTML - W3CElements Elements FormsOffline User HTML5 DOMSupport Interaction Parser Web SVGCanvas Microdata Messagin g Web Web more... WebRTC WebGLWorkers Sockets
  37. 37. HTML Living Standard - WHATWGSemantic HTML5 HTML5 MultimediaElements Elements Forms HTMLOffline User HTML5 Canvas 2DSupport Interaction Parser Context Web HTML5Canvas Microdata Messaging Microdata Web Web more... HTML5 WebWorkers Sockets Messaging TheWeb Workers WebSocket API W3C では機能毎に仕様を モジュール化するスタイル
  38. 38. フォクすけに教えて!
  39. 39. "HTML5" って美味しいの? 何処でも動作する マルチデバイス対応に便利 HTML ならプラットフォーム毎に 別言語でアプリを書かずに済む スピードも機能も大幅進化 できないことの方が少なく
  40. 40. フォクすけに教えて!
  41. 41. ブラウザの互換性問題 新しい機能はブラウザ依存 標準化が進めば互換に 実装と標準はダンスの様に 仕様策定中の非互換は当然 「仕様策定後に実装」ではない
  42. 42. No "Mobile WebKit" WebKit 間の差が激しい PC とモバイルは完全に別物 iOS と Android も全然違う Android 内でも端末依存あり Firefox は PC とほぼ同じ 違いを見つける方が難しい ハードの違いは当然あるけど
  43. 43. フォクすけに教えて!
  44. 44. 誤解 - 拡張子は .html5? んなわけあるか!
  45. 45. 誤解 - HTML5 標準化が決裂? 驚くことは何も起きてない 飛ばし記事を鵜呑みにしちゃダメ 進化を続ける HTML のス ナップショットが HTML5 標準化は時間のかかる作業 進化を止めるのはナンセンス HTML5 と HTML の関係については W3C, WHATWG 双方の記事を参照
  46. 46. 誤解 - ベンチマークで… HTML5test.com JS チェックだからウソも多い 非 WebKit 先行で標準化が進む技 術は殆どテストに含まれてない 実質的には WebKit の比較用
  47. 47. 誤解 - WebKit2 じゃないと… WebKit Core は共通 WebKit API 部分だけの話 従来の WebKit API も継続メンテ ブラウザ毎に独自 API あるだけ Chromium や WebOS も独自 API
  48. 48. Web Platform
  49. 49. Web is the Platform
  50. 50. 既存の独自プラットフォーム現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある
  51. 51. Web プラットフォームvs 独自プラットフォーム 「ブラウザ戦争」の時代じゃないですよ
  52. 52. 今後は Web プラットフォーム プラットフォーム としての WebWeb がプラットフォームなら業界標準技術でアプリ環境が統一される
  53. 53. フォクすけに教えて!
  54. 54. Web ではできなかったこと システムステータス WiFi 情報, モバイル通信... 各種センサー 光センサー, 近接センサー... 低レベルハードウェア制御 USB, BlueTooth, NFC...
  55. 55. *** がやらないならMozilla がやるんだって
  56. 56. Web API
  57. 57. http://arewemobileyet.com/
  58. 58. Web API Web の限界を押し進める 従来の基本的な API 以外 Mozilla が勝手に呼んでる API の 総称であって明確な定義はない https://wiki.mozilla.org/WebAPI
  59. 59. 以前からある Web API Geolocation (位置情報) Orientation (加速度) Audio Data API WebGL (3D グラフィック) Camera API (Media Capture) これらはもちろん Android 版 Firefox でも実装済み
  60. 60. 実装済みの Web API SMS, Telephony, Alarm Mobile Connection, WiFi Info, Network Info (通信速度等), Contacts, Settings, Time/Clock Idle, Battery Status Resource Lock (スリープ禁止) まだ不完全な実装の API も一部含む
  61. 61. 実装済みの Web API Vibration, Pointer Lock Ambient Light (環境光), Proximity (近接), Mouse Lock (移動量取得) Device Storage, Browser Open Web Apps, DOM Crypt まだ不完全な実装の API も一部含む
  62. 62. 現在実装中の Web API WebRTC (Camera, P2P 含む) Web Activities (Intent) Push Notification Power Management TCP Socket, Bluetooth FM Radio, Permission https://wiki.mozilla.org/WebAPI
  63. 63. 実装見込みの Web API UDB Datagram Socket HTTP-cache, Log USB, NFC, USB file-reading Background Service ...and more... https://wiki.mozilla.org/WebAPI
  64. 64. 検討中の WebAPI Magnetic Field Time/Clock (時刻設定) Calendar Spellcheck ...and more...
  65. 65. Web API も Web 標準 W3C DAP (Device API) WG W3C System Apps WG IETF/W3C WebRTC WG マルチメディア系や P2P など その他それぞれの WG で
  66. 66. 仕様を公開してるけど実際の実装と違うのも×
  67. 67. 実装されるまで仕様が適切かどうかも判断不能
  68. 68. 昨年末辺りから一気に実装してきてるらしい
  69. 69. New Firefox
  70. 70. フォクすけに教えて!
  71. 71. Firefox for Android を再設計 Android に最適化 最高のパフォーマンス Flash もサポート 片手で使いやすい UI プライバシーを確保
  72. 72. フィードバックの半分以上が「速くなった!」
  73. 73. スクロールパフォーマンス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
  74. 74. スクロールパフォーマンス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
  75. 75. 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
  76. 76. 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
  77. 77. これまでの Firefox メインスレッド 再描画 対象要素の メモリの 変更をGPU GPUによる イベント 再描画 データ更新 に送信 画面描画メインスレッドの話です UI の応答性はプロセス無論他のスレッドもあり 分離で実現していた
  78. 78. 生まれ変わった Firefox メインスレッド フロントエンドUI や要素の描画を 再描画 対象要素の メモリの 別スレッドに分離イベント 再描画 データ更新 して応答性向上 UI 周りの処理 画面の更新タッチ etc 変更をGPU GPUによる ゼロからJavaイベント で書き直し に送信 画面描画 従来のプロセス分離は 不要になったので廃止
  79. 79. Flash もサポート Flash にも対応しています API ドキュメントなく苦労… Flash の開発は終了したけどね…
  80. 80. バックグラウンド同期 常に最新のデータを同期 同期用のサービスを実装 Firefox 起動せずに同期可能に
  81. 81. 片手でも使いやすい UI 親指1つで快適ブラウズ メニュー、タブ、バー、ページ... 見たいページに即アクセス スマートスクリーン よく見るページのリスト ブックマークやタブも同期
  82. 82. 片手でも使いやすい UI 親指1つで快適ブラウズ メニュー、タブ、バー、ページ... 見たいページに即アクセス スマートスクリーン よく見るページのリスト ブックマークやタブも同期
  83. 83. スマートスクリーン 文字入力する毎に絞り込み URL やタイトルで素早く検索 Google などで Web 検索も
  84. 84. パソコンと簡単同期 パソコン側で 12 桁を入力 オプション→Sync→デバイスと連携
  85. 85. アドオンでカスタマイズ Adblock Plus お馴染みの広告ブロック Tap Tap Wrap ダブルタップでズームした部分の 文字を更に大きく Delete Cookies on Exit 終了時に Cookie 削除
  86. 86. アドオンでカスタマイズ Adblock Plus お馴染みの広告ブロック Tap Tap Wrap ダブルタップでズームした部分の 文字を更に大きく Delete Cookies on Exit 終了時に Cookie 削除
  87. 87. トラッキング拒否に対応 Do Not Track に対応 Yahoo!, Twitter, 広告業界 などは既に対応を開始
  88. 88. パスワードの暗号化保存 マスターパスワード機能 パスワードを暗号化して保存 端末を紛失しても大丈夫 マスターパスワードを知らないと なりすましてログインできない
  89. 89. フォクすけもお気に入り
  90. 90. Marketplace
  91. 91. Boot to Gecko
  92. 92. Firefox OS
  93. 93. フォクすけに教えて!
  94. 94. Firefox OS (Boot to Gecko) Web 技術が「ネイティブ」 HTML5, JavaScript, Web API... ホーム画面もすべて Web 技術で Gecko エンジンだけ起動 Linux Kernel 上に Gecko を Java VM などの中間レイヤなし Gecko = Firefox 描画エンジン プロジェクト名は今も Boot to Gecko
  95. 95. ステータスバーも(電波強度、電池残量...)カメラやラジオも電話や SMS の送受信ももちろん Firefox も音楽やビデオの再生もマーケットプレイスも3Dアプリも その他なんでも...
  96. 96. ステータスバーも (電波強度、電池残量...) カメラやラジオも 電話や SMS の送受信も もちろん Firefox も 音楽やビデオの再生も マーケットプレイスも 3Dアプリも その他なんでも...すべて Web 技術で!
  97. 97. Web API の標準化 不足機能は実装&標準化 Web = Native とする 主に W3C の WG で標準化 実装と平行して標準化を進める Device API, System Apps... そのほか IETF などでも https://wiki.mozilla.org/WebAPI
  98. 98. 開発パートナーと製品化 Telefónica: 来年始め製品化 最初はブラジルで発売予定 TCL (Alcatel) や ZTE が製造 掲載ロゴはパートナー企業の一部です: http://mozilla.jp/blog/entry/9603/
  99. 99. パートナー企業 (一部) 配置・順序に意味はなし これ以外については非公開
  100. 100. 乞うご期待
  101. 101. See Also...
  102. 102. CSS 最新機能紹介 CSS の新機能紹介 新機能や昨年から変わった点 http://r.dynamis.jp/css2012
  103. 103. JavaScript.Next JavaScript の最新仕様 ECMAScript 5th のポイント JavaScript 次世代仕様 ECMAScript 6th や Harmony http://r.dynamis.jp/jsnext
  104. 104. 開発者ツール紹介 一通りの機能と使い方 Firefox 標準の開発者ツール 隠し設定やビルトイン関数のリ ファレンスなども含めています Firebug とその拡張機能 アイコンや背景画像を変更する カスタマイズにも言及してます http://r.dynamis.jp/devtools
  1. A particular slide catching your eye?

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

×