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

1. OSC 2008 Tokyo/Fall
Tomoya Asai (aka. dynamis)

2. 自己紹介 - 浅井 智也
•Mozilla Japan テクニカルマーケティング担当
•コミュニティでは dynamis (でゅなみす) として活動
•Firefox 1~3, Thunderbird 1~2 の L10N をリードしてきた
•SUMO (Firefox サポートサイト) 日本語版リーダー
•MozillaZine.jp などのコミュニティ活性化サポート
•今はこうやって各所でプレゼンしたり･･･
2

3. 今日の話題は･･･
3

4. Shiretoko
4

5. 知床！？
5

6. 6

7. 国立公園
7

8. 8

9. 世界遺産
9

10. 10

11. キタキツネ らぶ∼
11
(狐￣▽￣)
(￣▽￣北)

12. 12

13. あまり可愛くない･･･
13

14. そろそろ真面目に･･･
14

15. Firefox 3.1
15

16. の前に･･･
16

17. Firefox 3.0
17

18. Firefox 3 の位置づけは？
•Netscape − 将来のビジョンを打ち出した(けど･･･)
•Firefox 1 − ブラウザに選択肢を提供
•Firefox 2 − ブラウザの革新をリード
•Firefox 3 − アプリケーションプラットフォームへ
(JavaScript 高速化、オフラインサポート etc)
18

19. 速い、軽い、美しい
19

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. 史上最軽量 の Firefox (使用メモリ、少ない方が優秀)
21
ウィンドウを開く ページの巡回 ウィンドウを閉じる
http://random.pavlov.net/membuster/index.html テスト環境: Windows Vista on Mac Mini (Core 2 Duo T5600, 2GB)

22. • 筆記体やリガチャ(合字)さらに古代文字などまでサポート
• カーニング(文字間隔調整機能)によって読みやすく
最高品質 のテキスト表示 (Web はテキスト中心)
22

23. 具体的にできること
23

24. 280 Slides (Objective-J)
Web アプリ版の Keynote (PowerPoint)
http://280slides.com/
24

25. Canvas + JavaScript (ContextFree.js)
25
数行から数十行程度のコードでアート
http://azarask.in/projects/algorithm-ink/

26. 何が変わったのか？
26

27. Firefox 3.0 ｰ 何が変わったのか？
•高度なデザインは Flash ＝ 既成概念
•RIA は専用のプラグインで ＝ 既成概念
•Web で ××× はできない ＝ 既成概念
•JS のコードが膨大に必要 ＝ 既成概念
27

28. Webに変化の時が･･･
28

29. それでは本題の･･･
29

30. Firefox 3.1
30

31. Firefox 3.1 の位置づけは？
•Netscape − 将来のビジョンを打ち出した(けど･･･)
•Firefox 1 − ブラウザに選択肢を提供
•Firefox 2 − ブラウザの革新をリード
•Firefox 3 − アプリケーションプラットフォームへ
•Firefox 3.1 − ？？？？？
31

32. 新機能と改善点は？
32

33. 33
Firefox 3.1 - 新機能、改良点
•タブ切替(Ctrl+Tab)で縮小プレビュー！
•全タブの一覧表示と検索
•タグ名の自動補完
•ブックマークの一括編集！
•スマートロケーションバーの改善
•プライベートブラウジングモード
末尾に！付きの機能は既に実装済み

34. 34
Firefox 3.1 - 新機能、改良点
•HTML5: <audio> <video>！
•Ogg Vorbis/Theora デコーダ！
•HTML5: ドラッグ＆ドロップ API！
•クロスサイトXMLHttpRequest！
•ダウンロードフォント(@font-face)
•<script defer=”defer”> で遅延評価！
末尾に！付きの機能は既に実装済み

35. 35
Firefox 3.1 - 新機能、改良点
•Canvas: Text API！
•Canvas: Shadows API！
•Canvas: CreateImageData！
•Canvas: Video on Canvas！
•Canvas: HTML5 の仕様に準拠
末尾に！付きの機能は既に実装済み

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
Firefox 3.1 - 新機能、改良点
•新 JavaScript エンジン (TraceMonkey)
•JSONのネイティブサポート
•ワーカースレッドAPI！
•HTML5: オフラインキャッシュ
•HTML5: localStorage
•その他まだまだいっぱい･･･(>_<)
末尾に！付きの機能は既に実装済み

38. いくつかサンプルを
38

39. 39
Firefox 3.1 - タブの縮小表示
Ctrl+Tab でのタブ切り替え時には
各タブの縮小表示をプレビュー

40. 40
Firefox 3.1 - Canvas: Text API
Canvas 上に自由自在にテキストを

41. 41
Firefox 3.1 - CSS: Transform
CSS でテキストや画像などを自在に変形

42. 42
Firefox 3.1 - <audio> <video>
HTML5 の <audio>, <video> タグ (in SVG)

43. 要するに･･･
43

44. Firefox 3.1 − 要するに･･･
•CSS3 ガンガン実装していきます
•Canvas ぐんぐん発達していきます
•HTML5 どんどんサポートしていきます
•SVG だってもっと良くなるよ
•JavaScript については特に･･･
44

45. TraceMonkey
45

46. 46

47. 狐とか猿とか鳥とか
Mozilla は動物園(違)
47

48. Firefox 3.1 − TraceMonkey
•Firefox 3.1 の新JavaScriptエンジン
•Adobe から貢献された Tamarin ベース
•新しいタイプの JIT コンパイラを搭載
•Andreas Gal (UC)らの研究成果を反映
•少ないメモリで高速な処理を実現
•目標は C 言語などに匹敵する処理速度
48

49. 49
Firefox 3.1 - TraceMonkey
各種 JS ベンチマークの結果 (8月末)

50. 50
Firefox 3.1 - TraceMonkey

51. 何が変わるのか？
51

52. Firefox 3.1 ｰ 何が変わるのか？
•JavaScript は遅い言語 ＝ 既成概念
•Web で ××× はできない ＝ 既成概念
•JS で ××× はできない ＝ 既成概念
•JS のコードが膨大に必要 ＝ 既成概念
•既成概念に捕らわれていちゃダメ！
52

53. 違いを実感しよう！
53

54. Firefox 3.1 ｰ 違いを実感しよう！
54

55. ブラウザ上でこれも･･･
55
•Picasa の Web 版は十分実現できる
•PhotoShop の Web 版もいずれは
•音楽編集も Web でできるように
•ビデオ編集はまだちと厳しいか･･･(笑)
•フォントを動的に変更、編集

56. どんどん開発してね
56

57. Firefox 3.1 の位置づけは？
•Netscape − 将来のビジョンを打ち出した(けど･･･)
•Firefox 1 − ブラウザに選択肢を提供
•Firefox 2 − ブラウザの革新をリード
•Firefox 3 − アプリケーションプラットフォームへ
•Firefox 3.1 − デスクトップの置き換えへ
57

58. お ま け
58

59. Fennec
59

60. 60

61. Fennecカワイイ
61

62. 62

63. やっぱり動物園･･･(違)
63

64. Mobile Firefox
64

65. 65
NOW - Fennec (Mobile Firefox)

66. 66
Fennec (Mobile Firefox)
•今年中に Beta、来年早期にリリース
•Mozilla 1.9 ベースで Firefox 3 と同じ描画エンジン
•現開発版でも YouTube とか普通に見れます
•Windows Mobile、Maemo Linux、LIMO
•Symbian のサポートは検討中 (Cairo の Port が必要)
•アドオンとかカスタマイズ性も当然健在

67. Ubiquity
67

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. Demo: Ubiquity
69
残り時間なければ割愛･･･m(_ _)m

70. 告知 = 宣伝
70

71. 71
•毎年恒例(？)の Firefox Developer Conference
•今年は 11月16日(日) に開催予定
•テーマは 次世代 Web とプラットフォーム
•モバイル、組み込み、User Experience、Ubiquity
•Web の次世代プラットフォーム、HTML5 etc...
•皆さん是非お越しください(詳細はまた Blog で告知)
告知 - Fx Developer Conference

72. Any Question?
72
(？￣▽￣)
(￣▽￣？)

73. 73
dynamis@mozilla-japan.org
Thank You