Upload
dynamis-
View
2.206
Download
2
Tags:
Embed Size (px)
DESCRIPTION
20110507 OSS Charity Seminor http://www.ospn.jp/oss-charity/
Citation preview
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 4の膨大な新機能や改良点からピックアップ
快適、高速、自由自在 シンプルで美しい UI タブの視覚的グループ化 アプリタブ (タブのピン留め) ユーザ環境の同期 (モバイルも) 起動時間短縮 & 応答速度向上
中上級者はもちろん自由自在
初心者にもやさしいブラウザできました
標準設定はよく使う機能に絞り込んだシンプルなバー
使用頻度や用途に応じて整理され使いやすい Firefox ボタン
使用頻度や用途に応じて整理され使いやすい Firefox ボタン
使用頻度や用途に応じて整理され使いやすい Firefox ボタン
初心者にやさしいデザイン シンプルな Firefox ボタン タブを最上段に表示
URL などはサイトの情報
アプリケーションタブ タブのピン留め、アプリタブ
既存タブの検索 間違って同じページを開かない
分類&記憶しやすいタブ管理 人間の記憶特性を考慮 1列に並んだ順序の記憶は曖昧
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 のためのブラウザ
強固な基盤技術 第3世代 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