Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Firefox 3.1 の果たす役割

664 views

Published on

200810
OSC Tokyo/Fall でのプレゼン資料

Published in: Technology
  • Login to see the comments

Firefox 3.1 の果たす役割

  1. 1. OSC 2008 Tokyo/Fall Tomoya Asai (aka. dynamis)
  2. 2. 自己紹介 - 浅井 智也 •Mozilla Japan テクニカルマーケティング担当 •コミュニティでは dynamis (でゅなみす) として活動 •Firefox 1~3, Thunderbird 1~2 の L10N をリードしてきた •SUMO (Firefox サポートサイト) 日本語版リーダー •MozillaZine.jp などのコミュニティ活性化サポート •今はこうやって各所でプレゼンしたり・・・ 2
  3. 3. 今日の話題は・・・ 3
  4. 4. Shiretoko 4
  5. 5. 知床!? 5
  6. 6. 6
  7. 7. 国立公園 7
  8. 8. 8
  9. 9. 世界遺産 9
  10. 10. 10
  11. 11. キタキツネ らぶ∼ 11 (狐 ̄▽ ̄) ( ̄▽ ̄北)
  12. 12. 12
  13. 13. あまり可愛くない・・・ 13
  14. 14. そろそろ真面目に・・・ 14
  15. 15. Firefox 3.1 15
  16. 16. の前に・・・ 16
  17. 17. Firefox 3.0 17
  18. 18. Firefox 3 の位置づけは? •Netscape − 将来のビジョンを打ち出した(けど・・・) •Firefox 1 − ブラウザに選択肢を提供 •Firefox 2 − ブラウザの革新をリード •Firefox 3 − アプリケーションプラットフォームへ (JavaScript 高速化、オフラインサポート etc) 18
  19. 19. 速い、軽い、美しい 19
  20. 20. 史上最速のFirefox (処理時間、短い方が高速) 20 テスト環境: Windows Vista on Mac Mini (Core 2 Duo T5600, 2GB) Internet Explorer 7 Firefox 2 Firefox 3 0ms 10,000ms 20,000ms 30,000ms 40,000ms JavaScript のパフォーマンス 3,678ms 10,000ms 34,092ms 9.3倍 高 速 (Apple の SunSpider JS Benchmark による) 0ms 125ms 250ms 375ms 500ms Gmail メッセージ読み込み時間 60ms 227ms 413ms 6.8倍 高 速 (Mozilla独自のテストによる)
  21. 21. 史上最軽量 の Firefox (使用メモリ、少ない方が優秀) 21 ウィンドウを開く ページの巡回 ウィンドウを閉じる http://random.pavlov.net/membuster/index.html テスト環境: Windows Vista on Mac Mini (Core 2 Duo T5600, 2GB)
  22. 22. • 筆記体やリガチャ(合字)さらに古代文字などまでサポート • カーニング(文字間隔調整機能)によって読みやすく 最高品質 のテキスト表示 (Web はテキスト中心) 22
  23. 23. 具体的にできること 23
  24. 24. 280 Slides (Objective-J) Web アプリ版の Keynote (PowerPoint) http://280slides.com/ 24
  25. 25. Canvas + JavaScript (ContextFree.js) 25 数行から数十行程度のコードでアート http://azarask.in/projects/algorithm-ink/
  26. 26. 何が変わったのか? 26
  27. 27. Firefox 3.0 ー 何が変わったのか? •高度なデザインは Flash = 既成概念 •RIA は専用のプラグインで = 既成概念 •Web で ××× はできない = 既成概念 •JS のコードが膨大に必要 = 既成概念 27
  28. 28. Webに変化の時が・・・ 28
  29. 29. それでは本題の・・・ 29
  30. 30. Firefox 3.1 30
  31. 31. Firefox 3.1 の位置づけは? •Netscape − 将来のビジョンを打ち出した(けど・・・) •Firefox 1 − ブラウザに選択肢を提供 •Firefox 2 − ブラウザの革新をリード •Firefox 3 − アプリケーションプラットフォームへ •Firefox 3.1 − ????? 31
  32. 32. 新機能と改善点は? 32
  33. 33. 33 Firefox 3.1 - 新機能、改良点 •タブ切替(Ctrl+Tab)で縮小プレビュー! •全タブの一覧表示と検索 •タグ名の自動補完 •ブックマークの一括編集! •スマートロケーションバーの改善 •プライベートブラウジングモード 末尾に!付きの機能は既に実装済み
  34. 34. 34 Firefox 3.1 - 新機能、改良点 •HTML5: <audio> <video>! •Ogg Vorbis/Theora デコーダ! •HTML5: ドラッグ&ドロップ API! •クロスサイトXMLHttpRequest! •ダウンロードフォント(@font-face) •<script defer=”defer”> で遅延評価! 末尾に!付きの機能は既に実装済み
  35. 35. 35 Firefox 3.1 - 新機能、改良点 •Canvas: Text API! •Canvas: Shadows API! •Canvas: CreateImageData! •Canvas: Video on Canvas! •Canvas: HTML5 の仕様に準拠 末尾に!付きの機能は既に実装済み
  36. 36. 36 Firefox 3.1 - 新機能、改良点 •CSS3: メディアクエリー! •CSS3: text-shadow! •CSS3: box-shadow! •CSS3: colum-rule! •CSS3: nth-* セレクタ! •CSS3: border-image! •CSS2.1: white-space:pre-line! 末尾に!付きの機能は既に実装済み
  37. 37. 37 Firefox 3.1 - 新機能、改良点 •新 JavaScript エンジン (TraceMonkey) •JSONのネイティブサポート •ワーカースレッドAPI! •HTML5: オフラインキャッシュ •HTML5: localStorage •その他まだまだいっぱい・・・(>_<) 末尾に!付きの機能は既に実装済み
  38. 38. いくつかサンプルを 38
  39. 39. 39 Firefox 3.1 - タブの縮小表示 Ctrl+Tab でのタブ切り替え時には 各タブの縮小表示をプレビュー
  40. 40. 40 Firefox 3.1 - Canvas: Text API Canvas 上に自由自在にテキストを
  41. 41. 41 Firefox 3.1 - CSS: Transform CSS でテキストや画像などを自在に変形
  42. 42. 42 Firefox 3.1 - <audio> <video> HTML5 の <audio>, <video> タグ (in SVG)
  43. 43. 要するに・・・ 43
  44. 44. Firefox 3.1 − 要するに・・・ •CSS3 ガンガン実装していきます •Canvas ぐんぐん発達していきます •HTML5 どんどんサポートしていきます •SVG だってもっと良くなるよ •JavaScript については特に・・・ 44
  45. 45. TraceMonkey 45
  46. 46. 46
  47. 47. 狐とか猿とか鳥とか Mozilla は動物園(違) 47
  48. 48. Firefox 3.1 − TraceMonkey •Firefox 3.1 の新JavaScriptエンジン •Adobe から貢献された Tamarin ベース •新しいタイプの JIT コンパイラを搭載 •Andreas Gal (UC)らの研究成果を反映 •少ないメモリで高速な処理を実現 •目標は C 言語などに匹敵する処理速度 48
  49. 49. 49 Firefox 3.1 - TraceMonkey 各種 JS ベンチマークの結果 (8月末)
  50. 50. 50 Firefox 3.1 - TraceMonkey
  51. 51. 何が変わるのか? 51
  52. 52. Firefox 3.1 ー 何が変わるのか? •JavaScript は遅い言語 = 既成概念 •Web で ××× はできない = 既成概念 •JS で ××× はできない = 既成概念 •JS のコードが膨大に必要 = 既成概念 •既成概念に捕らわれていちゃダメ! 52
  53. 53. 違いを実感しよう! 53
  54. 54. Firefox 3.1 ー 違いを実感しよう! 54
  55. 55. ブラウザ上でこれも・・・ 55 •Picasa の Web 版は十分実現できる •PhotoShop の Web 版もいずれは •音楽編集も Web でできるように •ビデオ編集はまだちと厳しいか・・・(笑) •フォントを動的に変更、編集
  56. 56. どんどん開発してね 56
  57. 57. Firefox 3.1 の位置づけは? •Netscape − 将来のビジョンを打ち出した(けど・・・) •Firefox 1 − ブラウザに選択肢を提供 •Firefox 2 − ブラウザの革新をリード •Firefox 3 − アプリケーションプラットフォームへ •Firefox 3.1 − デスクトップの置き換えへ 57
  58. 58. お ま け 58
  59. 59. Fennec 59
  60. 60. 60
  61. 61. Fennecカワイイ 61
  62. 62. 62
  63. 63. やっぱり動物園・・・(違) 63
  64. 64. Mobile Firefox 64
  65. 65. 65 NOW - Fennec (Mobile Firefox)
  66. 66. 66 Fennec (Mobile Firefox) •今年中に Beta、来年早期にリリース •Mozilla 1.9 ベースで Firefox 3 と同じ描画エンジン •現開発版でも YouTube とか普通に見れます •Windows Mobile、Maemo Linux、LIMO •Symbian のサポートは検討中 (Cairo の Port が必要) •アドオンとかカスタマイズ性も当然健在
  67. 67. Ubiquity 67
  68. 68. 68 •Mozilla Labs で開発中の新しいキーボードUI •GUI の情報量と CUI の効率性を両立 •Aza Raskin らが開発 (Jeff Raskin の息子) •Aza は Mozilla DevCon (11月に計画中) に呼びます •http://www.toolness.com/wp/?p=54 Mozilla Labs - Ubiquity
  69. 69. Demo: Ubiquity 69 残り時間なければ割愛・・・m(_ _)m
  70. 70. 告知 = 宣伝 70
  71. 71. 71 •毎年恒例(?)の Firefox Developer Conference •今年は 11月16日(日) に開催予定 •テーマは 次世代 Web とプラットフォーム •モバイル、組み込み、User Experience、Ubiquity •Web の次世代プラットフォーム、HTML5 etc... •皆さん是非お越しください(詳細はまた Blog で告知) 告知 - Fx Developer Conference
  72. 72. Any Question? 72 (? ̄▽ ̄) ( ̄▽ ̄?)
  73. 73. 73 dynamis@mozilla-japan.org Thank You

×