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 と Web の変化

760 views

Published on

200807
OSC Kyoto でのプレゼン資料

Published in: Technology
  • Login to see the comments

Firefox 3 と Web の変化

  1. 1. OSC Kansai 2008 Tomoya Asai (aka. dynamis)
  2. 2. 自己紹介 - 浅井 智也 •Mozilla Japan テクニカルマーケティング担当 •コミュニティでは dynamis (でゅなみす) として活動 •Firefox/Thunderbird の L10N リーダー •SUMO (Firefox サポートサイト) 日本語版リーダー •MozillaZine.jp などのバックエンドサポート 2
  3. 3. 3 アジェンダ •Mozilla の使命 •Firefox 3: 比類なきブラウザ •Firefox 3 が変える Web の世界 •One More thing
  4. 4. Mozilla の使命 4
  5. 5. 5 Mozilla の使命 •誰もが簡単に Web を使えるように •もっと快適に Web を使えるように •Web の未来を作る技術を生み出す •Open Web を守る
  6. 6. Firefox 3 リリース • 2008年6月18日リリース! - 今日で丁度一ヶ月目ですね。;-) • リリース日だけで 800万ダウンロード - 日本だけでも 40万、ギネス公式記録は 8,002,530 6
  7. 7. ギネス記録認定 •浮かれる Mozilla Euro President Tristan Nitot の図・・・ • メールにいくつも写真添付しないで… 7
  8. 8. Firefox 3: 比類なきブラウザ 8
  9. 9. 9 Firefox 3 - 比類なきブラウザ • 3 年に及ぶ開発 • Fx 2 から15,000 以上の改善 • IE7 の 6~9 倍、 Fx 2 の 2~4 倍 高速 • 使用メモリは IE7 の 1/4.7 • ブラウザ組み込 みの検索 • スマートロケー ションバー • ワンクリック ブックマーク、 タグ • 履歴とブック マークの統合 • マルウェアからの 保護 (新機能) • フィッシング詐欺 サイト警告機能 (改良) • 一目で分かるサイ ト情報 • 業界最速の応答時 間と先進のセキュ リティモデル • 5,000 以上のア ドオン • アドオンマネー ジャと Mozilla の Web サービ スの統合 • アプリケーショ ンプラット フォーム • Gecko 1.9 • Web 標準の サポート • オフライン サポート • 高品位なテ キスト表示 • 日本語環境 の改善 パフォーマンス 使いやすさ セキュリティ カスタマイズ性 バックエンド www.getfirefox.com
  10. 10. 史上最速 のFirefox (時間、短い方が高速) 10 テスト環境: 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独自のテストによる)
  11. 11. 史上最軽量 の Firefox (使用メモリ、少ない方が優秀) 11 ウィンドウを開く ページの巡回 ウィンドウを閉じる http://random.pavlov.net/membuster/index.html テスト環境: Windows Vista on Mac Mini (Core 2 Duo T5600, 2GB)
  12. 12. Firefox 2 から 15,000 以上の改善 12
  13. 13. あなた専用の スマートロケーションバー 13
  14. 14. クリック一つでブックマーク 14 新しいページは検索バーで検索 以前見たページはロケーションバーで検索 面倒なフォルダ分けはもういらない ブラウザのプロが提案する最高のブックマーク管理術
  15. 15. • 筆記体や古代文字などまでサポート • カーニングによって読みやすく 最高品質 のテキスト表示 15
  16. 16. OS 環境に合わせたデザイン 16
  17. 17. 一目で分かる サイトの識別情報 17 12 サイトの正当性をクリック一つで確認できます 個人情報の入力時にはロケーションバー左のア イコンをクリックして運営元などを確認 EV SSL 対応サイトでの表示例 SSL 対応サイトでの表示例 SSL 非対応サイトでの表示例
  18. 18. 最も安心 して利用できる Web ブラウザ 18 12 マルウェアからの保護 フィッシング詐欺からの保護 毎月 25,000 以上の新たなフィッシング詐欺サイト、3,000 以上の新たなマルウェアサイトからユーザを保護します。
  19. 19. カスタマイズ 自由自在 19 • 外観や機能を変更して簡単に自 分専用のブラウザを作れます • 5,000 以上ものアドオンが開発さ れている、活発な開発エコシス テム • ブラウザ上で直接アドオンを検 索してインストールできます • 日本語対応しているアドオンは 紹介文と検索も日本語対応 • 日本語版では日本語対応アドオ ンのみが検索対象です アドオンマネージャ
  20. 20. 20 バックエンド Cairo ベースの新 Gecko エンジンに HTML5 のオフラインブラウズをサポート APNG, SVG, Canvas による高度なグラフィックス 数多くの CSS/DOM サポートを改善 Microformats API を実装 ICC カラープロファイルのサポート その他いっぱい...
  21. 21. 日本語環境の改善 • URL の折り返し • ロケーションバーの UTF-8 文字列表示 • IME 状態管理の改善 (適切にオンオフ切り替え) 21 Mozilla Japan Blog: http://blogs.mozilla-japan.org/inside/ Firefox 2 のロケーションバー Firefox 3 のロケーションバー Firefox 2 における表示結果 Firefox 3 における表示結果
  22. 22. 22 まとめ: Firefox 3 - 比類なきブラウザ www.getfirefox.com • 3 年に及ぶ開発 • Fx 2 から15,000 以上の改善 • IE7 の 6~9 倍、 Fx 2 の 2~4 倍 高速 • 使用メモリは IE7 の 1/4.7 • ブラウザ組み込 みの検索 • スマートロケー ションバー • ワンクリック ブックマーク、 タグ • 履歴とブック マークの統合 • マルウェアからの 保護 (新機能) • フィッシング詐欺 サイト警告機能 (改良) • 一目で分かるサイ ト情報 • 業界最速の応答時 間と先進のセキュ リティモデル • 5,000 以上のア ドオン • アドオンマネー ジャと Mozilla の Web サービ スの統合 • アプリケーショ ンプラット フォーム • Gecko 1.9 • Web 標準の サポート • オフライン サポート パフォーマンス 使いやすさ セキュリティ カスタマイズ性 バックエンド • 3 年に及ぶ開発 • Fx 2 から15,000 以上の改善 • IE7 の 6~9 倍、 Fx 2 の 2~4 倍 高速 • 使用メモリは IE7 の 1/4.7 • ブラウザ組み込 みの検索 • スマートロケー ションバー • ワンクリック ブックマーク、 タグ • 履歴とブック マークの統合 • マルウェアからの 保護 (新機能) • フィッシング詐欺 サイト警告機能 (改良) • 一目で分かるサイ ト情報 • 業界最速の応答時 間と先進のセキュ リティモデル • 5,000 以上のア ドオン • アドオンマネー ジャと Mozilla の Web サービ スの統合 • アプリケーショ ンプラット フォーム • Gecko 1.9 • Web 標準の サポート • オフライン サポート • 高品位なテ キスト表示 • 日本語環境 の改善 パフォーマンス 使いやすさ セキュリティ カスタマイズ性 バックエンド
  23. 23. Firefox 3 が変えるWebの世界 23
  24. 24. Firefox 3 が変える Web の世界 •Netscape − 将来のビジョンを打ち出した(けど・・・) •Firefox 1 − ブラウザに選択肢を提供 •Firefox 2 − ブラウザの革新をリード •Firefox 3 − ??? 24
  25. 25. SVG + JavaScript SVG を使って写真を表示、操作する http://people.mozilla.com/~vladimir/demos/photos.svg 25
  26. 26. Canvas + JavaScript 丸っこい奴らを分裂、合体させたりして和む Blob Sallad: http://blobsallad.se/ 26
  27. 27. 280 Slides Web アプリケーション版 Keynote http://280slides.com/ 27
  28. 28. Firefox 3 が変える Web の世界 •Flash さんお疲れ様でした。m(_ _)m •ブラウザ = アプリケーションプラットフォーム •ベンダー依存 or オープンスタンダード - Web といえばオープンスタンダード •HTML, CSS, SVG, Canvas, JavaScript... - IE で Canvas 使うには IECanvas - JavaScript は急速に進化中... 28
  29. 29. オープンスタンダード がオススメ •真のマルチプラットフォーム - iPhone でも動作します Fennec にも期待を •ベンダーの都合で仕様変更や開発停止しない - 仕様変更毎にアプリ作り直すの無駄じゃない? •アクセシビリティなどの問題も起きにくい •互換性や開発コストはライブラリで解決 29
  30. 30. Adobe Air や Silverlight ってどうなの? •ホントにマルチプラットフォーム? - モバイルとか対象外 •いつまで使われますか? - ActiveX の二の舞になったりしない? •アクセシビリティ大丈夫? •ホントに必要なの? - DRM 使うときくらい? 30
  31. 31. Web 2.0、その次は? 31 •Web アプリという既成概念にとらわれてませんか? •Dynamic HTML − 派手にしてみました(笑) •Web 2.0 − JavaScript は実用的なんです! •今後の Web − Web でできないことって何?
  32. 32. Next Generation JavaScripting 1.目的に合わせた言語で記述 2.その言語を JavaScript で JavaScript に変換 3.変換した JavaScript を実行! •Web アプリの既成概念が変わる •Processing, ContextFree, Parchment, Objective-J 32
  33. 33. Next Generation JavaScripting - ContextFree.js •Algorithm Ink with ContextFree.js •kishkush balabush by Tomer Cohen •Hand Spirals by Aza Raskin •みどりの何か (^^; •AboutUs by Ward Cunningham 33
  34. 34. お ま け 34
  35. 35. Firefox 3 Hacks - O’Reilly Japan •8月後半に出版予定 •前編書き下ろしで待望?の続編 •Mozilla 界のドリームチーム - 下田 洋志 (あの Piro たん) - 松澤 太郎 (もじら組組長) - 江村 秀之 (えむもじらの人) - 池田 譲治 (翻訳部門の重鎮) - dynamis (いま宣伝してる人) •Mozilla Japan 推奨図書 (^^; 35 帯については検討中
  36. 36. Any Question? 36 (? ̄▽ ̄) ( ̄▽ ̄?)
  37. 37. 37 dynamis@mozilla-japan.org Thank You

×