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

Firefox 3.1 の果たす役割

527 views

Published on

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

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

No Downloads
Views
Total views
527
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×