Firefox 4 & THE AFTERSlides @ OSS Charity Seminorby Tomoya ASAI (dynamis)

about:me Tomoya ASAI (dynamis) Mozilla Japan - Technical mktg. http://dynamis.jp/ http://facebook.com/dynamis http://twitter.com/dynamitter dynamis mozilla-japan.org@

dynamis (古代ギリシャ語 dunamis) は「でゅなみす」と読んでください

about:MozillaFirefox 4Rapid Release

Agenda

about:mozilla.com brain .org heart

about:Firefox Firefox の意義

オープンで適切な実装の提供 Firefox の目的

公共のリソースとしてのインターネットの発展を促進

.com brains - 会社組織 営利企業同様の開発スタイル 社員は全世界で 300 人程度

.org heart - 非営利組織 より良いインターネット環境へ 1000 人以上がコードを貢献

about:Mozilla

マニフェスト: http://www.mozilla.org/about/manifesto.ja.html

Firefox 4largest upgrade...

今度のキツネは別次元

ユーザにとっての Firefox 快適、高速、自由自在

開発者にとっての Firefox 夢の広がるプラットフォーム

今度のキツネは別次元

ユーザにとっての Firefox 快適、高速、自由自在

開発者にとっての Firefox 夢の広がるプラットフォーム

今度のキツネは別次元

変更点＆改良点の数が別次元

主な変更点と改良点のまとめページが圧倒的に長い今後は Rapid Release に移行するため最初で最後

変更点＆改良点の数が別次元

主な変更点と改良点のまとめページが圧倒的に長い今後は Rapid Release に移行するため最初で最後

強固な基盤技術

先進のテクノロジー快適、高速、自由自在

第3世代 JavaScript エンジン

今度のキツネは別次元

GPU を使った高速化

初心者にやさしいシンプルUI HTML5, CSS3 ...高度なフォント制御アプリケーションタブ

タブの視覚的グループ化

再起動不要な拡張機能DOM 処理や GC も高速化

ユーザ環境の同期と保存ネイティブアニメーション

次世代 JavaScript サポート

ネイティブマルチメディア

モバイルと共通のエンジン

起動時間短縮 & 応答速度向上 3D グラフィックス

Firefox ４の膨大な新機能や改良点からピックアップ

快適、高速、自由自在 シンプルで美しい UI タブの視覚的グループ化 アプリタブ (タブのピン留め) ユーザ環境の同期 (モバイルも) 起動時間短縮 ＆ 応答速度向上

中上級者はもちろん自由自在

初心者にもやさしいブラウザできました

標準設定はよく使う機能に絞り込んだシンプルなバー

使用頻度や用途に応じて整理され使いやすい Firefox ボタン

使用頻度や用途に応じて整理され使いやすい Firefox ボタン

使用頻度や用途に応じて整理され使いやすい Firefox ボタン

初心者にやさしいデザイン シンプルな Firefox ボタン タブを最上段に表示

URL などはサイトの情報

アプリケーションタブ タブのピン留め、アプリタブ

既存タブの検索 間違って同じページを開かない

分類＆記憶しやすいタブ管理 人間の記憶特性を考慮 １列に並んだ順序の記憶は曖昧

ex: 山積みの書類から...

平面に置いたものは覚えやすい ex: 机の上の何処に何が...

単なるスタックなどはアドオンで...

ユーザデータの同期 Firefox Sync で環境を同期

ブックマーク、履歴、環境設定パスワード、開いているタブ

バックアップにも使えます

モバイル版とも同期 Android 版はフル機能 Firefox iPhone にも Firefox Home

夢の広がるプラットフォーム 高度なフォント制御 ネイティブアニメーション ネイティブマルチメディア 3D グラフィックス

常に最先端の文字制御 読むメディアとしての Web Open Type 機能をフル活用

桁揃え、合字、異字体...

http://hacks.mozilla.org/2009/10/font-control-for-designers/

http://hacks.mozilla.org/2009/10/font-control-for-designers/

アニメーション Web 標準アニメーション技術

CSS Transitions SVG Animations

CSS Animations は Fx5 で対応

マルチメディア Audio Data API

リアルタイム音声処理を実現 WebGL (3D グラフィックス)

勿論モバイルでもサポート 快適な <video> 再生

拡大や色変換は GPU 処理

デバイスサポート Windows 7 のタッチ API

CSS セレクタも定義 :-moz-system-metric(touch-

enabled)

加速度センサーや位置情報は以前からサポートしています 次はカメラですかね？

HTML5 のその先へ HTML5 は既に現在の標準

HTML と言えば HTML5 のこと 常に Firefox はその先を

未来の Web のためのブラウザ

強固な基盤技術 第３世代 JavaScript エンジン GPU を活用した高速化 DOM 処理や GC も高速化 再起動不要な拡張機能 次世代 JavaScript サポート

別次元の速度JavaScript (SunSpider)

JavaScript (Kraken)

JavaScript (V8)

jQuery 1.5 next()

Map Zooming

Transform (HWACCEL)

FishIE Tank (500fish)

DOM (absolute div 挿入)

0 2 4 6 8 10 12

36.4 倍16.0 倍

10.0 倍2.2 倍

3.3 倍6.6 倍

3.7 倍3.2 倍

Firefox 3.6 を基準にした Firefox 4 の速度 Win7＠MBA-late2010

参考: 他ブラウザとの比較

0

10

20

30

40

IE8 (基準) Fx3.6 Safari5 WebKit IE9 Chrome canary Fx4

31.7

27.2

14.613.712.4

8.6

1.0

3/22 最新ビルドの IE8 に対する Kraken Benchmark 速度比 - Win7＠MBA-late2010(crankshaft)

次世代 JavaScript ECMA 5th ほぼフルサポート

strict mode も初めて実装 ECMA Harmony の実装

Proxy などを先行実装 開発版では WeakMap も実装

安定性向上 プラグインプロセス分離

Flash のバグに巻き込まれない コンテンツプロセス分離は Fx7?

クラッシュ原因上位は随時修正 クラッシュレポート送ってね ドライバやウィルスソフト側の

問題も開発元に協力して修正

Firefox for Android PC と同じ体験をモバイルに

近未来 Web を見据えた実装 同期機能 (Firefox Sync)

シームレス Web を実現 アドオンのサポート

モバイルだからこそカスタマイズ

開発版のコードネームは Fennec です

既存ブラウザで満足ですか？ PC 版と異なるエンジン

機能制約＆描画結果も違う OS 依存のアップデート

別途更新したいでしょ？ 拡張機能のサポートなし

モバイルでこそ大事なのに

PC 版とは全くの別物ですね...

Ogg/WebM 使えます 高速化は端末にもよりますが...

WebGL 使えます デスクトップより先に実用？

CSS3 Transisions, SMIL,ファイル送受信などなども... 意図的な制約は加えない

真のフルブラウザ

描画エンジンが別物だったら "Firefox" ではありません

パソコンと同期できます PC とデータを完全同期

タブ、履歴、ブックマーク、パスワード、開いているタブ...

入れておくといつでも安心 端末側で暗号化するので安心

サーバ管理者でも見られません

閉じたタブの復元 あ！間違った！

そんな時もすぐに復元 ユーザにやさしいタブ管理

タブ切り替えも素早くできる

PDF として保存できます 後でオフラインで見たいよね？

他にも便利な機能がアドオンで 文字サイズ変更、後で読む、ソーシャルブックマーク、アプリの終了、URL 自動修正

などなどなどなど

今度もキツネは変わらない

信頼できるパートナー

あなた専用すべての人のため

オープンソース

変わらない魅力

非営利組織による開発

初心者に優しい UI 24万種以上のデザイン何でもできる拡張機能間違えても復元できる安心

上級者にも便利な機能満載

プライバシーを尊重セキュリティ最優先

70以上の言語で同時公開学習するロケーションバー

業界を常にリード

内部設定も自由自在

4人に1人が選択する人気

モバイルでもフル機能 モバイルでも拡張機能

Firefox の変わらない魅力の一例

ex. Internet Explorer 危険なサイトの検出機能 SmartScreen フィルター

IE のプライバシーポリシー

http://www.microsoft.com/windows/internet-explorer/beta/ja-jp/rc1-privacy.aspx

IE のプライバシーポリシーSmartScreen フィルターは、信頼できる Web サイトであることを装ったり (フィッシング)、お客様のコンピューターにとって脅威となる内容を含む安全でない Web サイトを警告するように設計されています。SmartScreen フィルターを使用すると、まず訪問中の Web サイトのアドレスと、お客様のコンピューターに保存されている、マイクロソフトが正当であると判断したトラフィックの多い Web サイトのアドレス一覧とが照合されます。このアドレス一覧にないアドレスやダウンロードしようとしているファイルのアドレスは、マイクロソフトに送信され、危険または疑わしいとマイクロソフトに報告された Web サイトおよびダウンロードの一覧と照合されます。この一覧は頻繁に変更されます。SmartScreen フィルターを使用して、マイクロソフトによる個々のサイトの検証を手動で実行することもできます。SmartScreen フィルターを使用して Web サイトを自動または手動で検証する場合、訪問中の Web サイトのアドレス、標準コンピューター情報、および SmartScreen フィルターのバージョン番号がマイクロソフトに送信されます。お客様のプライバシーを保護するため、マイクロソフトに送信する情報は暗号化されます。検索語句、フォームに入力したデータなど、アドレスに関連する可能性がある情報も送信対象となる場合があります。たとえば、Microsoft.com 検索 Web サイト (http://search.microsoft.com/?mkt=ja-JP) に検索語句として「Seattle」と入力した場合、完全なアドレス (http://search.microsoft.com/results.aspx?q=Seattle&qsc0=0&FORM=QBMH1&mkt=ja-JP) が送信されます。アドレス文字列には個人情報が意図せず含まれる場合がありますが、この情報が個人の特定や連絡、または個人を対象にした広告に利用されることはありません。マイクロソフトでは、個人情報をできる限り排除するため、アドレス文字列にフィルターを設定しています。SmartScreen フィルターの使用状況 (分析目的でマイクロソフトにアドレスが送信されてから閲覧した Web サイトの訪問時刻、総数など) に関する情報も、マイクロソフトに送信されることがあります。Web からダウンロードしたファイルの情報の一部 (ファイル名、パスなど) もマイクロソフトに送信されます。場合によっては、マイクロソフトに送信される Web サイトのアドレスと共に、Web ブラウザーのバージョン、オペレーティング システムのバージョン、SmartScreen フィルターのバージョン、ブラウザーの表示言語、その Web サイトで互換表示が有効になっているかなどの追加情報が保存されることがあります。Internet Explorer によって生成された一意の識別子も送信されます。この一意の識別子は無作為に生成される数値であり、個人情報は含まれません。この情報がお客様の特定に使用されることはありません。この情報は上記の情報と共に、パフォーマンスの分析およびマイクロソフトの製品やサービスの品質向上のために使用されます。

http://www.microsoft.com/windows/internet-explorer/beta/ja-jp/rc1-privacy.aspx

IE のプライバシーポリシーアクセス URL (検索語句やフォーム情報含む)ダウンロードファイル、PC、ブラウザ、OS情報使用状況などをユーザに一意な識別子と共に送信危険なサイト検出には全く不要ホワイトリストの有名サイト以外全部送信個人情報を含むが SSL で暗号化通信を行うMS のサーバには復号されたデータが蓄積使用目的は「パフォーマンスの分析およびマイクロソフトの製品やサービスの品質向上のため」

c.f. Firefox の場合 URL のハッシュ値で検出

生の URL は絶対送らない その他の個人情報は勿論不要

セキュリティとプライバシーを両立できる適切な実装を提供

ex. Google Chrome ブックマークなどの同期機能 ユーザ追跡拒否機能なし

Chrome の同期機能 ブックマークや設定などを同期 Google アカウントに紐付け 通信経路のみ SSL で暗号化 Google は中身を分析可能 利便性とプライバシーの択一

Firefox の同期機能 ブックマークや設定などを同期 独自サーバでの運用も可能 共有キーでデータ自体を暗号化 本人以外は誰も復号不可能 利便性とプライバシーを両立

Chrome のユーザ追跡拒否 追跡拒否ヘッダ非サポート

Firefox はもちろん IE, Safari もDNT ヘッダをサポート

ブラウザ組み込みの機能なし アドオンを別途提供するだけ

真のプライバシー保護 プライバシーを取り戻せ！ Do-Not-Track (DNT:1) ヘッダ

ユーザ追跡のオプトアウト IE も Safari も対応

ブラックリストならアドオン 昔から Adblock とかあります

Firefox は包括的に将来を見据えた機能を実装 (他ブラウザについては後述)

真のセキュリティ対策 Content Security Policy

XSS などの攻撃を防止 WebKit も実装取り組み中

HTTP Strict Transport Security ログイン後は常に暗号化通信

Firefox は本当に有効で必要なセキュリティ機能を実装 (他ブラウザについては後述)

Rapid Releaselargest upgrade...

Aurora チャンネルを新設しましたhttp://mozilla.jp/firefox/channel/

Rapid Release リリースプロセスを変更

スケジュールベース Aurora チャンネルを新設

Nightly, Aurora, Beta, Release

http://blog.mozilla.com/channels/

6 週間毎に安定チャネルへマージ各チャネルは次バージョンへの開発へ

Firefox 5 だけは別間隔のスケジュールFirefox 4 Firefox 5

アドオン互換性について 今後はデフォルトで互換

対応バージョン書き換え不要 問題のある場合だけ非互換

機械的 & フィードバックで検出

https://dev.mozilla.jp/2011/04/add-on-compatibility-rapid-releases/

自動更新について Firefox 4 以降は自動更新

起動時に自動バージョンアップ

Firefox 4.0.1 の次は 5 の予定 セキュリティや安定性の更新は

機能の更新と共に提供 緊急セキュリティリリース除く

6/21 リリース予定 外観と機能的には地味な変更 基本性能は順調に向上

Firefox 5

5/7 時点では Aurora チャンネルのビルドhttps://developer.mozilla.org/en/Firefox_5_for_developers

ユーザインターフェイス 基本的には変更なし リリースチャネル変更機能

「Firefox について」画面に

パフォーマンス 非表示タブのタイマー間隔長く Canvas の一部高速化 querySelector 高速化 HTTP 通信周りの高速化

https://developer.mozilla.org/en/Firefox_5_for_developers

Web Technologies CSS Animations サポート

期限数時間前にチェックイン...

setTimeout() を最短 4ms に XHR の loadend イベント createImageData() サポート

https://developer.mozilla.org/en/Firefox_5_for_developers

Android 版 PC 版同様の改善 Do Not Track 設定 UI 追加 WOFF フォントサポート キーボード表示制御の改善

https://developer.mozilla.org/en/Firefox_5_for_developers

8 月リリース見込み ユーザ向けの変更は少ない Web 開発者向けの変更

Firefox 6

5/7 時点では Nightly チャンネルのビルド

Web Technologies text-decoration 系スタイル ハイフネーション サポート matchMedia() サポート

https://developer.mozilla.org/en/Firefox_6_for_developers

その他 URL バーでドメインを強調表示 マイクロサマリーサポート廃止

使ってる人いますか？

https://developer.mozilla.org/en/Firefox_6_for_developers

アプリプラットフォーム アプリをインストール アプリに応じた UI

アカウントマネージャ サイトのアカウントを管理

コンテンツプロセス分離

Firefox 7, 8, 9...

5/7 時点ではデザイン中やプロジェクトレポジトリでの開発

アプリ in Firefox Web アプリボタン？ Web アプリダッシュボード？ まだデザイン検討段階

注意: スクリーンショットは現時点で提案されている UI の一部です

ページ共有 (リンク送信) F1 プロジェクトの統合 Twitter, Facebook などで簡単にリンクを共有できるように

https://wiki.mozilla.org/Labs/F1

新グラフィックス API Azure Project 2D Graphics API を置き換え

Cairo から Azure へ GPU をフル活用できる API に Windows 以外でも高速に

http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/

新 JavaScript エンジン Incremental & Generational GC

GC 時間の短縮化 型推測 JIT エンジン

型チェックを減らして高速に IonMonkey

中間言語を最適化しやすく変更

http://blog.mozilla.com/dmandelin/2011/04/22/mozilla-javascript-2011/

Web をより豊かに text-overflow: ellipsis Full-screen API Media Capture API Server-Sent Dom Events サイト別データ管理 UI などなど...

and more... アドオンパフォーマンス情報 ユーザプロファイル初期化 about:memory 刷新 開発者ツールの改善 ECMAScript Harmony

詳しく知りたい方は...Features Release Tracking主要新機能の実装進捗管理のまとめページhttps://wiki.mozilla.org/Features/Release_Tracking

Firefox 5, 6 for DevelopersWeb 開発者向けの新機能まとめページ作成中https://developer.mozilla.org/en/Firefox_5_for_developershttps://developer.mozilla.org/en/Firefox_6_for_developers

Firefox 5 Web Product Tracking BugFirefox 5 以降で対応したい Web 技術のメタバグFirefox 5 に入らなかった機能も多いので注意https://bugzilla.mozilla.org/show_bug.cgi?id=631042

Web Dev Referencesサイト、ツール、ライブラリなどは別スライドで紹介:

http://dynamis.jp/r