200807 OSC Kyoto でのプレゼン資料

1. OSC Kansai 2008
Tomoya Asai (aka. dynamis)

2. 自己紹介 - 浅井 智也
•Mozilla Japan テクニカルマーケティング担当
•コミュニティでは dynamis (でゅなみす) として活動
•Firefox/Thunderbird の L10N リーダー
•SUMO (Firefox サポートサイト) 日本語版リーダー
•MozillaZine.jp などのバックエンドサポート
2

3. 3
アジェンダ
•Mozilla の使命
•Firefox 3: 比類なきブラウザ
•Firefox 3 が変える Web の世界
•One More thing

4. Mozilla の使命
4

5. 5
Mozilla の使命
•誰もが簡単に Web を使えるように
•もっと快適に Web を使えるように
•Web の未来を作る技術を生み出す
•Open Web を守る

6. Firefox 3 リリース
• 2008年6月18日リリース！
- 今日で丁度一ヶ月目ですね。;-)
• リリース日だけで 800万ダウンロード
- 日本だけでも 40万、ギネス公式記録は 8,002,530
6

7. ギネス記録認定
•浮かれる Mozilla Euro President
Tristan Nitot の図･･･
• メールにいくつも写真添付しないで…
7

8. Firefox 3: 比類なきブラウザ
8

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

12. Firefox 2 から 15,000 以上の改善
12

13. あなた専用の スマートロケーションバー
13

14. クリック一つでブックマーク
14
新しいページは検索バーで検索
以前見たページはロケーションバーで検索
面倒なフォルダ分けはもういらない
ブラウザのプロが提案する最高のブックマーク管理術

15. • 筆記体や古代文字などまでサポート
• カーニングによって読みやすく
最高品質 のテキスト表示
15

16. OS 環境に合わせたデザイン
16

17. 一目で分かる サイトの識別情報
17
12
サイトの正当性をクリック一つで確認できます
個人情報の入力時にはロケーションバー左のア
イコンをクリックして運営元などを確認
EV SSL 対応サイトでの表示例
SSL 対応サイトでの表示例
SSL 非対応サイトでの表示例

18. 最も安心 して利用できる Web ブラウザ
18
12
マルウェアからの保護 フィッシング詐欺からの保護
毎月 25,000 以上の新たなフィッシング詐欺サイト、3,000
以上の新たなマルウェアサイトからユーザを保護します。

19. カスタマイズ 自由自在
19
• 外観や機能を変更して簡単に自
分専用のブラウザを作れます
• 5,000 以上ものアドオンが開発さ
れている、活発な開発エコシス
テム
• ブラウザ上で直接アドオンを検
索してインストールできます
• 日本語対応しているアドオンは
紹介文と検索も日本語対応
• 日本語版では日本語対応アドオ
ンのみが検索対象です
アドオンマネージャ

20. 20
バックエンド
Cairo ベースの新 Gecko エンジンに
HTML5 のオフラインブラウズをサポート
APNG, SVG, Canvas による高度なグラフィックス
数多くの CSS/DOM サポートを改善
Microformats API を実装
ICC カラープロファイルのサポート
その他いっぱい...

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
まとめ: 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. Firefox 3 が変えるWebの世界
23

24. Firefox 3 が変える Web の世界
•Netscape − 将来のビジョンを打ち出した(けど･･･)
•Firefox 1 − ブラウザに選択肢を提供
•Firefox 2 − ブラウザの革新をリード
•Firefox 3 − ？？？
24

25. SVG + JavaScript
SVG を使って写真を表示、操作する
http://people.mozilla.com/~vladimir/demos/photos.svg
25

26. Canvas + JavaScript
丸っこい奴らを分裂、合体させたりして和む
Blob Sallad: http://blobsallad.se/
26

27. 280 Slides
Web アプリケーション版 Keynote
http://280slides.com/
27

28. Firefox 3 が変える Web の世界
•Flash さんお疲れ様でした。m(_ _)m
•ブラウザ ＝ アプリケーションプラットフォーム
•ベンダー依存 or オープンスタンダード
- Web といえばオープンスタンダード
•HTML, CSS, SVG, Canvas, JavaScript...
- IE で Canvas 使うには IECanvas
- JavaScript は急速に進化中...
28

29. オープンスタンダード がオススメ
•真のマルチプラットフォーム
- iPhone でも動作します Fennec にも期待を
•ベンダーの都合で仕様変更や開発停止しない
- 仕様変更毎にアプリ作り直すの無駄じゃない？
•アクセシビリティなどの問題も起きにくい
•互換性や開発コストはライブラリで解決
29

30. Adobe Air や Silverlight ってどうなの？
•ホントにマルチプラットフォーム？
- モバイルとか対象外
•いつまで使われますか？
- ActiveX の二の舞になったりしない？
•アクセシビリティ大丈夫？
•ホントに必要なの？
- DRM 使うときくらい？
30

31. Web 2.0、その次は？
31
•Web アプリという既成概念にとらわれてませんか？
•Dynamic HTML − 派手にしてみました(笑)
•Web 2.0 − JavaScript は実用的なんです！
•今後の Web − Web でできないことって何？

32. Next Generation JavaScripting
1.目的に合わせた言語で記述
2.その言語を JavaScript で JavaScript に変換
3.変換した JavaScript を実行！
•Web アプリの既成概念が変わる
•Processing, ContextFree, Parchment, Objective-J
32

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

35. Firefox 3 Hacks - O’Reilly Japan
•8月後半に出版予定
•前編書き下ろしで待望？の続編
•Mozilla 界のドリームチーム
- 下田 洋志 (あの Piro たん)
- 松澤 太郎 (もじら組組長)
- 江村 秀之 (えむもじらの人)
- 池田 譲治 (翻訳部門の重鎮)
- dynamis (いま宣伝してる人)
•Mozilla Japan 推奨図書 (^^;
35
帯については検討中

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

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