Firefox 4 & moreSlides @ OSC 2011 Tokyo/Spring

by Tomoya ASAI (dynamis)

about:me

dynamis (でゅなみす)

浅井 智也 (あさいともや)

Mozilla Tech Evangelist

http://dynamis.jp/

dynamis mozilla-japan.org

twitter: @dynamitter

@

ギリシャ語由来なので「だいなみす」と英語読みはしないでね

Firefox 4

Firefox for Android

Firefox 5

References

Agenda

今度のキツネは別次元

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

主な変更点と改良点をまとめたページがこれまでより圧倒的に長い

今度のキツネは別次元

ユーザにとっての Firefox

快適、高速、自由自在

開発者にとっての Firefox

夢の広がるプラットフォーム

今度のキツネは別次元

ユーザにとっての Firefox

快適、高速、自由自在

開発者にとっての Firefox

夢の広がるプラットフォーム

今度のキツネは別次元

強固な基盤技術

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

第3世代 JavaScript エンジン

今度のキツネは別次元

GPU を使った高速化

初心者に優しいシンプル UI HTML5, CSS3 ...

高度なフォント制御アプリケーションタブ

タブの視覚的グループ化

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

ユーザ環境の同期と保存

ネイティブアニメーション

次世代 JavaScript サポート

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

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

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

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

快適、高速、自由自在

シンプルで美しい UI

タブの視覚的グループ化

アプリタブ (タブのピン留め)

ユーザ環境の同期 (モバイルも)

起動時間短縮 ＆ 応答速度向上

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

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

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

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

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

利用統計に基づくデザイン

使い方に迷わない標準設定

23万人以上の利用統計

ユーザレベルでの違いも調査

自分専用に調整も自由自在

使い方を押しつけない

あなたのためのブラウザ

Firefox Input 拡張機能を用いて調査した利用統計

人の記憶特性を考慮

分類＆記憶しやすいタブ管理

１列に並んだ順序の記憶は曖昧

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

平面に置いたものは覚えやすい

ex: 机の上の何処に何が...

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

Panoramas で遊ぼう

カスタマイズも自由自在

これがホントの拡張性

Mozilla 勉強会＠東京 5th 参照

by @teramako さん

https://dev.mozilla.jp/events/workshop08/

http://teramako.github.com/doc/modest-20110116/

初心者にやさしいデザイン

シンプルな Firefox ボタン

タブを最上段に表示

URL などはサイトの情報

アプリケーションタブ

タブのピン留め、アプリタブ

既存タブの検索

間違って同じページを開かない

ユーザデータの同期

Firefox Sync で環境を同期

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

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

モバイル版とも同期

Android 版はフル機能 Firefox

iPhone にも Firefox Home

夢の広がるプラットフォーム

高度なフォント制御

ネイティブアニメーション

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

3D グラフィックス

HTML5 のその先へ

HTML5 は既に現在の標準

HTML と呼べば HTML5

Firefox は常にその先を

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

余談 - "HTML5" のロゴ

余談 - "HTML5" のロゴ

W3C の公式ロゴ ... ではない

W3C 仕様書の範囲 ... でもない

バズワード好き専用ロゴ？

個人的には推奨できません

常に最先端の文字制御

読むメディアとしての Web

Open Type 機能をフル活用

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

SVG Font について

当面実装予定無し

単純機能だけの実装は無意味

WOFF+CSS の方が使いやすい

DTP に負けないフォント制御

アニメーション

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

CSS Transitions

SVG Animations

マルチメディア

Audio Data API

リアルタイム音声処理を実現

WebGL (3D グラフィックス)

勿論モバイルでもサポート

快適な <video> 再生

拡大や色変換は GPU 処理

デバイスサポート

Windows 7 のタッチ API

CSS セレクタも定義

:-moz-system-metric(touch-enabled)

加速度センサーや位置情報は以前からサポートしています

次はカメラですかね？

真のプライバシー保護

プライバシーを取り戻せ！

Do-Not-Track (DNT:1) ヘッダ

ユーザ追跡のオプトアウト

ブラックリストならアドオン

昔から Adblock とかあります

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

真のセキュリティ対策

Content Security Policy

XSS などの攻撃を防止

WebKit も実装取り組み中

HTTP Strict Transport Security

ログイン後は常に暗号化通信

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

詳しく知りたい方は過去の講演資料参照または私に質問してね

@dynamitterhttp://r.dynamis.jp/p

強固な基盤技術

第３世代 JavaScript エンジン

GPU を活用した高速化

DOM 処理や GC も高速化

再起動不要な拡張機能

次世代 JavaScript

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

別次元の速度JavaScript (Kraken)

JavaScript (SunSpider)

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 倍

4.4 倍3.5 倍

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

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

0

10

20

30

40

IE8 (基準) IE9pp7 Fx3.6 Safari5 WebKit Chrome 9b Chrome canary Fx4 b10

30.9

27.2

14.013.612.4

8.67.7

1.0

2/6 最新ビルドの Kraken Benchmark の IE8 に対する速度比、 Win7＠MBA-late2010

(crankshaft)

じゃがいもんきー

JägerMonkey

いぇーがーもんきー

食べられません (＞＜).

じゃがいもんきー

JägerMonkey

いぇーがーもんきー

食べられません (＞＜).

次世代 JavaScript

次世代 JS は常に Mozilla から

ECMA 5th ほぼフルサポート

strict mode も初めて実装

ECMA Harmony の実装

Proxy などを先行実装

安定性向上

プラグインプロセス分離

Flash のバグに巻き込まれない

クラッシュ原因上位は随時修正

クラッシュレポート送ってね

ドライバやウィルスソフト側の問題も開発元に協力して修正

強固な基盤技術

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

第3世代 JavaScript エンジン

今度のキツネは別次元

GPU を使った高速化

シンプルで美しい UI HTML5, CSS3 ...

高度なフォント制御アプリケーションタブ

タブの視覚的グループ化

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

ユーザ環境の同期と保存

ネイティブアニメーション

次世代 JavaScript サポート

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

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

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

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

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

信頼できるパートナー

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

オープンソース

変わらない魅力

非営利組織による開発

初心者に優しい 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 の同期機能

ブックマークや設定などを同期

独自サーバでの運用も可能

共有キーでデータ自体を暗号化

本人以外は誰も復号不可能

利便性とプライバシーを両立

Firefox for Android

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

先を見据えたブラウザの実装を

アドオンにも対応

モバイルだからこそ欲しいよね

テーマも Personas あります

Ogg/WebM 使えます

高速化は端末にもよりますが...

WebGL 使えます

デスクトップより先に実用？

CSS3 Transisions, SMIL,ファイル送受信などなども...

意図的な制約は加えない

真のフルブラウザ

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

パソコンと同期できます

PC とデータを完全同期

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

入れておくといつでも安心

端末側で暗号化するので安心

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

閉じたタブの復元

あ！間違った！

そんな時もすぐに復元

ユーザにやさしいタブ管理

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

PDF として保存できます

後でオフラインで見たいよね？

他にも便利な機能がアドオンで

文字サイズ変更、後で読む、ソーシャルブックマーク、アプリの終了、URL 自動修正

などなどなどなど

Firefox 5

3ヶ月後にリリース？

半年後と思うのが妥当？

今年中に 7 まででる？

いや、それはないっしょ。

Web アプリ in Firefox 5?

Web アプリボタン

サイトメニューを提供可能に？

注意: あくまでも現時点での提案です

Web をより豊かに

text-overflow: ellipsis

Full-screen API

Server-Sent Dom Events

などなど...

注意: あくまでも現時点での提案です

詳しく知りたい方は...Firefox 5 Web Product Tracking Bug

Firefox 5 (以降) で対応したい Web 技術のメタバグ

https://bugzilla.mozilla.org/show_bug.cgi?id=631042

(post2.0) tracking patches waiting for m-c to reopen after Gecko 2.0

Gecko 2.0 (Firefox 2.0) のリリース以降にチェックイン予定のパッチを集めたメタバグ

https://bugzilla.mozilla.org/show_bug.cgi?id=610267

注意: あくまでも現時点での提案です

Any Question ?