Comments
Description
Transcript
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 ご静聴ありがとうございました