Mozilla とは

まもなく登場！
次世代ブラウザの本命 Firefox 3
Kohei Yoshino
Product Development, Mozilla Japan
Mozilla とは
•
インターネット上での選択肢を提供し、革新を進めるグローバ
ルな取り組み
•
何千人もの貢献者が集うオープンソースプロジェクト
•
非営利の公益法人である財団と、その完全子会社
•
日本、中国、ヨーロッパに地域支部
•
Firefox と Thunderbird のメーカー
© 2008 Mozilla
Firefox とは
•
数々の賞に輝く Web ブラウザ
•
•
2007 年グッドデザイン賞受賞
安全性は業界トップクラス
•
セキュリティ専門家と協力して迅速に対応
•
40 か国語版を同時リリース
•
世界中に広がる活発なコミュニティ
•
革新のためのプラットフォーム
© 2008 Mozilla
2008 年 3 月
アクティブユーザが
1 億 6,500 万人を突破
90 M
80 M
70 M
2006 年 11 月
Firefox 2.0
60 M
10 日間で
1.000 万ダウンロード
50 M
2004 年 11 月 9 日
mozilla europe
mozilla 日本
mozilla 中国
1998 年 4 月
mozilla.org 設立
2003 年 7 月
2002 年 6 月
Foundation 設立
Firefox 1.0
1.000 万ダウンロード
2000
© 2008 Mozilla
2002
30 M
2004
世界支部設立
20 M
Firefox
Mozilla Suite 1.0
1998
40 M
30 日間で
Mozilla Suite
2004
2006
10 M
2007
数字で見る Firefox
•
150 人の従業員
•
1,600 人のソースコード貢献者
•
2 万人のナイトリー (開発途上版) テスター
•
50 万人のベータ版ユーザ
•
全世界で 1 億 6,500 万人以上のユーザ
•
Firefox のダウンロードは 4 億回以上
•
コミュニティによって作成された 3,000 以上の拡張機能
•
拡張機能のダウンロードは 6 億回以上
© 2008 Mozilla
© 2008 Mozilla
© 2008 Mozilla
Firefox 3 の主な新機能
ロケーションバーが進化！
•
開発名「awesomebar オォサムバァ」= すげーよ婆ちゃん！
•
ブックマーク、履歴を検索して一覧表示
•
ページを訪れる「頻度」と「最後に表示した日時」で順番が
決まる = 自分にピッタリの結果が表示される
•
検索エンジンを使わなくても速攻で目的のサイトが見つかる
•
日本語 (マルチバイト文字) を含む URL はデコードして表示
•
例 : http://ja.wikipedia.org/wiki/デザイン
© 2008 Mozilla
ブックマークが進化！
•
ワンクリックブックマーク
•
•
タグ付け
•
•
ソーシャルブックマークの感覚でキーワードを設定可能
履歴とブックマークの管理 (ライブラリ)
•
•
ロケーションバーの「スター」アイコンをクリックするだけ
検索条件の保存も可能
スマートブックマークフォルダ
•
よく見るページが一目で分かる
© 2008 Mozilla
基本機能＆ユーザインタフェースが進化！
•
タブブラウズ機能
•
•
•
ダウンロードマネージャ
•
ファイル検索、ダウンロード再開が可能に
•
Mac 版では Growl による通知もサポート
フルページズーム
•
•
終了時に状態を保存するか選択できるように
文字も画像もまとめて拡大・縮小
ネイティブのユーザインタフェース
•
Vista にも Mac にもよくなじむデザイン
© 2008 Mozilla
セキュリティが進化！
•
ワンクリックサイト検証
•
•
EV SSL 証明書に対応
悪意のあるソフトウェア (マルウェア) からの保護
•
既存のフィッシング詐欺サイト警告機能も改良
•
アドオン更新時のセキュリティを強化
•
Vista : 実行ファイル保存時にウイルス対策ソフトに通知
•
Vista : ペアレンタルコントロールに対応
© 2008 Mozilla
パフォーマンスが向上！
•
•
今度のキツネは爆速だぜ
•
Firefox 2 より 2 ∼ 3 倍高速
•
SunSpider JavaScript ベンチマークでも Safari 3.1 を上回る結果
もう「メモリ食い」なんて言わせないぜ
•
多数のメモリリークを修正
•
メモリ消費量を削減
© 2008 Mozilla
Gecko エンジンが進化！
•
•
•
3 年にわたる開発の成果がついに日の目を見るのじゃっ
•
13,000 以上の改良
•
ボランティアの多大な貢献
新しいグラフィックエンジン
•
アラビア語など複雑な文字も正しく表示
•
Mac 版の日本語表示も美しく！
•
「角丸」もスムーズに
レンダリングエンジンを大幅改良
•
パフォーマンス向上、Acid2 テストをパス
© 2008 Mozilla
Web 開発者・デザイナー向け
新機能＆改良
CSS 関連の改善
•
display プロパティの inline-block, inline-table をサポート
•
color プロパティの rgba() と hsla() をサポート
•
透明度を設定可能に
•
z-index プロパティに負の値を指定可能に
•
white-space の pre-wrap をサポート
•
background-position などすべてのプロパティを
window.getComputedStyle で取得可能に
•
など
© 2008 Mozilla
DOM 関連の改善
•
•
IE の独自拡張サポートを追加
•
clientTop, clientLeft
•
getClientRects, getBoundingClientRect
•
elementFromPoint
•
oncut, oncopy, onpaste
など
© 2008 Mozilla
HTML 5 先行実装
•
Web ベースプロトコルハンドラ
•
•
mailto, webcal, feed の対応 Web アプリを追加可能
オフライン対応
•
Web アプリ側でオフライン対応を追加できる
•
接続開始・終了イベントの取得
•
getElementsByClassName() のネイティブサポート
•
フォーカス管理 : activeElement, hasFocus
•
などなど
© 2008 Mozilla
SVG 関連の改善
•
foreignObject 要素のサポート
•
pattern 要素のサポート
•
mask 要素のサポート
•
24 種類のフィルタのサポート
•
Safari でも Opera でも (IE + プラグインでも)
•
デモ
•
http://people.mozilla.com/ jdaggett/kofosaka/demos/svgmenu.xhtml
•
http://people.mozilla.com/ jdaggett/kofosaka/demos/photos.svg
© 2008 Mozilla
Canvas 関連の改善
•
テキスト描画
•
変形のサポート
•
実際に業務に利用されている
•
デモ
•
http://people.mozilla.com/ jdaggett/kofosaka/demos/blobsallad.html
•
http://people.mozilla.com/ jdaggett/kofosaka/demos/plotkitdemo.html
© 2008 Mozilla
その他にも...
•
JavaScript 1.8
•
AJAX : クロスサイト XMLHttpRequest
•
アニメーション PNG
•
ContentEditable
•
Vista と Mac : フォームの部品がネイティブに
•
カーニング
•
アンチエイリアス
© 2008 Mozilla
その他にも...
•
アンチエイリアス
•
Firefox 2 では
© 2008 Mozilla
その他にも...
•
アンチエイリアス
•
Firefox 3 では
© 2008 Mozilla
注意点
•
HTML の変更
•
•
frame と iframe 内のページが親ページから文字コードを継承して
しまう問題を修正
‒
文字コードの違いはセキュリティの問題になることもあるため
‒
Firefox 3 では、サーバ (ドメイン) が異なる場合は継承されない
JavaScript の変更
•
Script オブジェクトの廃止 (使われていることはごくまれ)
•
Array, Date, RegExp などグローバルオブジェクトの再定義を禁止
© 2008 Mozilla
日本語関連での変更点
•
•
ボックス内での URL 折り返し処理
•
レイアウトへの影響大
•
標準規格がないため、IE7 の挙動を模倣
CSS の ime-mode プロパティ
•
IE の独自仕様
•
テキスト入力フォーム上で日本語入力状態 (IME) を制御
•
使い方 : ID やパスワード、電話番号入力欄で IME をオフにする
© 2008 Mozilla
日本語関連での変更点
•
Mac 版 Firefox で日本語の標準フォントサイズが 16px に変更
•
これまで 14px だった理由とは？
© 2008 Mozilla
© 2008 Mozilla
Mozilla Developer Center
developer.mozilla.org/ja
•
開発者のための包括的な
オンラインリソース
•
Netscape DevEdge から
移行された文書
•
ボランティアによる翻訳
© 2008 Mozilla
バグ報告をお待ちしています
•
Firefox 3 Beta 4 をダウンロード！
•
mozilla.jp/developer
•
来週には Beta 5 が出ます
•
あなたのサイトを表示確認しましょう
•
Gecko エンジンを大幅に書き直したため、リグレッションが生
じている可能性もあります
•
正しい文法 (valid X/HTML, CSS) で書いているのに、Firefox 2 と
比べてどうも表示が違う？ これバグじゃね？ と思ったときは
ぜひ報告を！
© 2008 Mozilla
Bugzilla
https://bugzilla.mozilla.org/
•
日本のコミュニティによって運営されている
Bugzilla 日本支部もあります
•
•
http://bugzilla.mozilla.gr.jp/
あるいは私、吉野まで
•
yoshino (a t) mozilla-japan (d o t) org
© 2008 Mozilla
Web 開発環境としての Firefox
世界中の開発者・デザイナーに支持されている理由
最新の Web 標準をサポート
•
XHTML 1.1
•
Canvas の一部
•
HTML 5 の一部
•
RDF/RSS/Atom
•
CSS 2.1 & 3 の一部
•
XSLT
•
DOM 2 & 3 の一部
•
XForms
•
JavaScript 1.8
•
OpenSearch
•
XML 1.0
•
DOM Storage
•
MathML 2.0
•
Microsummary
•
SVG の一部
•
Microformats
© 2008 Mozilla
最新の Web 標準をサポート
•
標準の厳密な解釈と正確なレンダリング
•
Firefox 上で表示・動作確認を行ってから Internet Explorer の
バグあるいは仕様に対処することで、コーティング工数を大幅
に削減可能
•
CSS ハック
•
Conditional Comments (条件付きコメント)
© 2008 Mozilla
様々な拡張機能＆テーマ
mozilla.jp/addons
•
Web 開発者を支援する
便利なツールが勢揃い
•
無料で入手可能
•
仕事に疲れたら、面白い
拡張機能＆テーマを探し
てみるのもいいかも！
© 2008 Mozilla
Firebug
•
DOM インスペクタの作者 Joe Hewitt 氏が開発
•
HTML、CSS、JavaScript、DOM をリアルタイムにデバッグ、
調査、監視
•
Web 開発者のための 秘密兵器
•
エラーコンソール、DOM インスペクタ、JavaScript デバッガな
ど多くの拡張機能を 良いとこ取り
•
Firefox 3 対応のベータ版は getfirebug.com で入手可能
© 2008 Mozilla
結局、Firefox 3 ってどこが良いの？
•
ユーザインタフェースが Mac っぽい！
•
テキスト表示がキレイ！
•
なんたって爆速！ Safari に負けないゾ！
•
メモリも食わない！
•
個人情報の管理も簡単！
•
Gmail、Google カレンダーなど Web アプリと連携！
•
検索エンジンも選べる！
•
アドオンで超絶カスタマイズ！
© 2008 Mozilla
Firefox 紹介キャンペーン実施中
•
選べる 2 つのコース
•
•
A. お友達に紹介コース
‒
家族や友達や同僚やクライアントの PC/Mac に Firefox を入れよう
‒
10 人紹介すればもれなくもらえる！ 1 人でもチャンス！
B. Firefox 対応バナーコース
‒
あなたのサイトやブログに Firefox のバナーを貼ろう
•
フォクすけのぬいぐるみがもらえる、かも！
•
折り込みチラシを見てね
© 2008 Mozilla
ご静聴ありがとうございました