狠狠撸

狠狠撸Share a Scribd company logo
OSC 2008 Tokyo/Fall
Tomoya Asai (aka. dynamis)
自己紹介 - 浅井 智也
?Mozilla Japan テクニカルマーケティング担当
?コミュニティでは dynamis (でゅなみす) として活動
?Firefox 1~3, Thunderbird 1~2 の L10N をリードしてきた
?SUMO (Firefox サポートサイト) 日本語版リーダー
?MozillaZine.jp などのコミュニティ活性化サポート
?今はこうやって各所でプレゼンしたり???
2
今日の話題は???
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 ? アプリケーションプラットフォームへ
(JavaScript 高速化、オフラインサポート etc)
18
速い、軽い、美しい
19
史上最速の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独自のテストによる)
史上最軽量 の Firefox (使用メモリ、少ない方が優秀)
21
ウィンドウを開く ページの巡回 ウィンドウを閉じる
http://random.pavlov.net/membuster/index.html テスト環境: Windows Vista on Mac Mini (Core 2 Duo T5600, 2GB)
? 筆記体やリガチャ(合字)さらに古代文字などまでサポート
? カーニング(文字間隔調整機能)によって読みやすく
最高品質 のテキスト表示 (Web はテキスト中心)
22
具体的にできること
23
280 狠狠撸s (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 ? アプリケーションプラットフォームへ
?Firefox 3.1 ? ?????
31
新機能と改善点は?
32
33
Firefox 3.1 - 新機能、改良点
?タブ切替(Ctrl+Tab)で縮小プレビュー!
?全タブの一覧表示と検索
?タグ名の自動補完
?ブックマークの一括編集!
?スマートロケーションバーの改善
?プライベートブラウジングモード
末尾に!付きの機能は既に実装済み
34
Firefox 3.1 - 新機能、改良点
?HTML5: <audio> <video>!
?Ogg Vorbis/Theora デコーダ!
?HTML5: ドラッグ&ドロップ API!
?クロスサイトXMLHttpRequest!
?ダウンロードフォント(@font-face)
?<script defer=”defer”> で遅延評価!
末尾に!付きの機能は既に実装済み
35
Firefox 3.1 - 新機能、改良点
?Canvas: Text API!
?Canvas: Shadows API!
?Canvas: CreateImageData!
?Canvas: Video on Canvas!
?Canvas: HTML5 の仕様に準拠
末尾に!付きの機能は既に実装済み
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
Firefox 3.1 - 新機能、改良点
?新 JavaScript エンジン (TraceMonkey)
?JSONのネイティブサポート
?ワーカースレッドAPI!
?HTML5: オフラインキャッシュ
?HTML5: localStorage
?その他まだまだいっぱい???(>_<)
末尾に!付きの機能は既に実装済み
いくつかサンプルを
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 については特に???
44
TraceMonkey
45
46
狐とか猿とか鳥とか
Mozilla は動物園(違)
47
Firefox 3.1 ? TraceMonkey
?Firefox 3.1 の新JavaScriptエンジン
?Adobe から貢献された Tamarin ベース
?新しいタイプの JIT コンパイラを搭載
?Andreas Gal (UC)らの研究成果を反映
?少ないメモリで高速な処理を実現
?目標は C 言語などに匹敵する処理速度
48
49
Firefox 3.1 - TraceMonkey
各種 JS ベンチマークの結果 (8月末)
50
Firefox 3.1 - TraceMonkey
何が変わるのか?
51
Firefox 3.1 ? 何が変わるのか?
?JavaScript は遅い言語 = 既成概念
?Web で ××× はできない = 既成概念
?JS で ××× はできない = 既成概念
?JS のコードが膨大に必要 = 既成概念
?既成概念に捕らわれていちゃダメ!
52
違いを実感しよう!
53
Firefox 3.1 ? 違いを実感しよう!
54
ブラウザ上でこれも???
55
?Picasa の Web 版は十分実現できる
?PhotoShop の Web 版もいずれは
?音楽編集も Web でできるように
?ビデオ編集はまだちと厳しいか???(笑)
?フォントを動的に変更、編集
どんどん開発してね
56
Firefox 3.1 の位置づけは?
?Netscape ? 将来のビジョンを打ち出した(けど???)
?Firefox 1 ? ブラウザに選択肢を提供
?Firefox 2 ? ブラウザの革新をリード
?Firefox 3 ? アプリケーションプラットフォームへ
?Firefox 3.1 ? デスクトップの置き換えへ
57
お ま け
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 Mobile、Maemo Linux、LIMO
?Symbian のサポートは検討中 (Cairo の Port が必要)
?アドオンとかカスタマイズ性も当然健在
Ubiquity
67
68
?Mozilla Labs で開発中の新しいキーボードUI
?GUI の情報量と CUI の効率性を両立
?Aza Raskin らが開発 (Jeff Raskin の息子)
?Aza は Mozilla DevCon (11月に計画中) に呼びます
?http://www.toolness.com/wp/?p=54
Mozilla Labs - Ubiquity
Demo: Ubiquity
69
残り時間なければ割愛???m(_ _)m
告知 = 宣伝
70
71
?毎年恒例(?)の Firefox Developer Conference
?今年は 11月16日(日) に開催予定
?テーマは 次世代 Web とプラットフォーム
?モバイル、組み込み、User Experience、Ubiquity
?Web の次世代プラットフォーム、HTML5 etc...
?皆さん是非お越しください(詳細はまた Blog で告知)
告知 - Fx Developer Conference
Any Question?
72
(? ̄▽ ̄)
( ̄▽ ̄?)
73
dynamis@mozilla-japan.org
Thank You

More Related Content

Firefox 3.1 の果たす役割