Text

    Secret of Firefox
        ~Firefox you don't know~
Slides @ OSC 2012 Hiroshima 2012/10/20
        by Tomoya Asai (dynamis)
                             Last Update: 2012/10/20
about:me
about:dynamis (Tomoya Asai)

                    Mozilla Japan
                http://dynamis.jp

                 @dynamitter
             facebook.com/     dynamis
                レッサーパンダが好き。

        mailto: Tomoya ASAI <dynamis@mozilla-japan.org>
OSC Feedback
各地の OSC でもらったフィードバックの一部です
各地の OSC でもらったフィードバックの一部です
about:foxkeh


       ときどきプレゼン手伝って
     くれるフォクすけを紹介します
ぼくフォクすけ
ぼくフォクすけ



   いつか僕も Firefox みたいな
   立派なブラウザになるんだ!
サーバ (Apache Camel) の上にクライアント (Firefox)
第 2 弾は 10/23 (火) からになります!
FFXXKK  4488!
FFXXKK  4488!
本日のトピック

    about:mozilla
    about:Firefox
    Trouble & Support
    Feature Request
    Secrets
See Also...
Firefox OS & Marketplace

          Web プラットフォーム
           Web API が進化を続けている
          Marketplace
           Web アプリ配信システム
          Firefox OS
           Web がネイティブな OS


                        http://r.dynamis.jp/fxos
CSS 最新機能紹介

     CSS の新機能紹介
      新機能や昨年から変わった点




             http://r.dynamis.jp/css2012
JavaScript.Next

          JavaScript の最新仕様
           ECMAScript 5th のポイント
          JavaScript 次世代仕様
           ECMAScript 6th や Harmony




                          http://r.dynamis.jp/jsnext
開発者ツール紹介

    一通りの機能と使い方
    Firefox 標準の開発者ツール
     隠し設定やビルトイン関数のリ
     ファレンスなども含めています
    Firebug とその拡張機能
     アイコンや背景画像を変更する
     カスタマイズにも言及してます

             http://r.dynamis.jp/devtools
セキュリティ関連機能紹介

    セキュリティ大事!
     知っておくべき機能です
    Content Security Policy
     次世代セキュリティポリシー
     Same Origin Policy はもう古い




                     http://r.dynamis.jp/sec
about:mozilla
about:Firefox

          Firefox の意義
            オープンで適切な実装の提供
          Firefox の目的
            公共のリソースとしての
            インターネットの発展を促進
http://www.flickr.com/photos/intothefuzz/5578011308/
about:Mozilla

           .com brains - 会社組織
             営利企業同様の開発スタイル
           .org heart - 非営利組織
             より良いインターネット環境へ
             社員より遙かに多い貢献者




         マニフェスト: http://www.mozilla.org/about/manifesto.ja.html
http://www.flickr.com/photos/intothefuzz/5577430083/
Mozilla Firefox

           セキュリティ&プライバシー
           =開発における絶対条件
           両者を両立している唯一の
           モダンブラウザ
Mozilla って寄付だけで
  成り立ってるの?



         フォクすけに教えて!
「すべての人のために
      Web をより良く」
      ができる範囲で
        ビジネスも

構成員の自己犠牲のみに頼る
援助活動は長続きしない by Nightingale
ロイヤリティ収入がメイン

    検索とかホームとか
     Google と 3 年契約中
     契約先毎の金額内訳は非公開
    年次報告書を公開してます
     Foundation は非営利組織です
     寄付収入は 15 万ドル (2010)
about:Firefox
Firefox がオープンソース
 の始まりってホント?



          フォクすけに教えて!
Firefox のおじいちゃん
       Netscape が始まり



Netscape > Mozilla Suite > Firefox
1997: 伽藍とバザール

      Eric S Raymond の論文
       オープンソースでのソフトウェア
       開発について分析した論文
      これを参考に Netscape が
      ブラウザの OSS 化を決断
1998:「オープンソース」の誕生

      Netscape Communications が
      ブラウザのソースを公開
      Freeware Summit の投票で
      「オープンソース」名称採択
      Open Source Initiative 発足
      「オープンソースの定義」
iPhone 版 Firefox
  はいつでるの?



          フォクすけに教えて!
Apple に聞いてね



技術的問題じゃないですから
Apple が許可すれば出せます

     自社ビジネスに反するアプ
     リは Apple が許可しない
      モバイル Web を自分のものにし
      たい&独自プラットフォーム作ら
      れたくないから???
      セキュリティ云々と説明してるけ
      ど WebView の方が危険…
Chrome は出てるのに?

      中身は Safari の劣化版
      JavaScript の速度は Safari の 1/3
      独自エンジンは不許可
      Firefox のエンジンが使えないな
      らそれは Firefox とは言えない
Firefox Home
再配布してよ!



        フォクすけに教えて!
個人で開発を引き継いで
  くれてるアプリあります



オープンソースですから
OSS 版を使ってください

     後継版: FoxBrowser
     さり気なく進化もしてます
      DNT に対応していたり…
バージョンアップ
しすぎじゃない?



     フォクすけに教えて!
バージョン番号に
     意味はありません



一部のエンジニアだけが気にする話
何故 6 週間毎に更新?

       Web をより早く進化させる
        1年に一度では遅すぎる
       安定したスケジュール
        企業も計画的な対応が可能
       こまめにリリースへの慣れ
        スマホアプリなどで慣れてきた


 複数のブランチを並行開発可能な体制ができてきて可能になった
更新に伴う問題は解決済み

    アドオン互換性
     デフォルト互換になってます
     バイナリアドオンや独自配布ア
     ドオンなど特殊なものだけ
    ブラウザ再起動が面倒
     サイレントアップデートです
     ユーザが意識する必要はもうない
延長サポート版あります

    機能変更のないバージョン
     セキュリティと安定性の修正だけ
     を1年間継続するバージョン
     現在 10.0.x、11/20 から 17.0.x
いつのまにか
ロゴ変わった?



    フォクすけに教えて!
Firefox 3.5 での
変更が最後です
Phoenix から Firefox へ
誰がこんな UI に!?




       フォクすけに教えて!
Firefox の UI は
    あなたが作ってます



すべてのユーザが貢献者
2002.10.01 リリース、コードネームは Pescadero
2002.10.01 リリース、コードネームは Santa Cruz
2002.10.14 リリース、コードネームは Lucia、10.19 には 0.4 (Oceano)リリース
2002.12.07 リリース、コードネームは Naples
2003.05.17 リリース、コードネームは Glendale
2003.10.15 リリース、コードネーム Indio
2004.02.09 リリース、コードネームは Royal Oak
2004.06.15 リリース、コードネームは One Tree Hill
2004.11.09 リリース、コードネーム Phoenix
Firefox 2.0 - Windows Visata & Mac OS X
Firefox 3.0 - Windows Visata & Mac OS X
Firefox 3.5
Firefox 3.6
Firefox 4.0
Firefox User Interface の議論

         継続的な改善プロセス
          ユーザデータの調査
          新しいコンセプト作り
          ユーザへの提案・実装
          フィードバック
         基本的にすべてオープン
https://blog.mozilla.org/faaborg/2007/11/15/the-shape-of-things-to-come/
Tools




https://blog.mozilla.org/faaborg/2007/11/15/the-shape-of-things-to-come/
etc.




https://blog.mozilla.org/faaborg/2007/11/15/the-shape-of-things-to-come/
Firefox




https://blog.mozilla.org/faaborg/2007/11/15/the-shape-of-things-to-come/
User Interface Heatmap
User Interface Heatmap
Trouble &
 Support
メモリリーク!?




     フォクすけに教えて!
前提: 余ってれば使います

     ブラウザは OS です
     物理メモリ使い切らない OS が
     あったら怒るでしょ?
     32bit Windows は 4GB(3GB)...
Chrome より遙かに省メモリ

     about:memory で確認できる
     2∼10MB/page が普通
      Chrome は 20 40MB/page
     40 60MB@Gmail
      Chrome は 80 120MB@Gmail
アドオンがメモリ解放しない?

    アドオン無効で再起動
     解決するなら原因はアドオン
    多くのケースは解決済み
     Firefox 15 でメモリ管理を変更
     逆に解決してないなら環境固有の
     ケースの方が多いかも
余談: メモリ使用量とメモリリーク

     使用量増加 != メモリリーク
      メモリリーク = 不要になったメ
      モリが解放されないバグ
      使ってるメモリを解放しないの
      はバグではなく正常動作
     主問題は断片化?
      確保と解放を繰り返して 間だら
      けになっていくと使用量増える
突然ブックマークが
消えちゃった!(><)



       フォクすけに教えて!
自動バックアップされてます

    ブックマークデータが全部消
    えるバグ報告はない
     自動バックアップはプロファイル
     ディレクトリの bookmarkbackups
    新規プロファイルになってる
    可能性はあるかも
     一度だけ見たことあります。プロ
     ファイルディレクトリを確認!
スクロール遅い!
 ひっかかる!



     フォクすけに教えて!
スムーススクロール

    Firefox 13 デフォルトオン
     ゆっくりぬるぬるが嫌いなら
     about:config で時間調整:
     general.smoothScroll.mouseWheel.
     durationMaxMS=200
     general.smoothScroll.mouseWheel.
     durationMinMS=100
とにかく調子悪い!
なんとかして!(><)



       フォクすけに教えて!
Firefox をリセット

       ブックマークやパスワード
       などだけ残して設定初期化
       こんな症状の多くを解決
        CPU 使用率が常に 100%
        すぐ応答無くなる or 終了しない
        起動直後にメモリ使用 1GB
        注: 環境次第で 500MB 正常
Firefox の推奨リセット手順

about:support の情報を記録
 「クリップボードにコピー」してテキストで保存
プロファイルディレクトリをバックアップ
 ディレクトリ丸ごとコピーしておきましょう
about:support でリセット
バックアップから拡張機能を復元
 extensions ディレクトリを丸ごとコピーして再起動
好きなように設定を復元・変更
Beta や Aurora で
 バグがあるっ!



          フォクすけに教えて!
そのためのテスト版ですから…

    クラッシュレポート重要
     トップクラッシュは必ず解決
    パフォーマンスデータも
     重くなる問題など順次解決
    是非バグ報告を
     チラシの裏に書いても無意味
Babylon!!! (><)




          フォクすけに教えて!
勝手に Babylon になった

      何かのソフトが勝手にイン
      ストールしたものです
       Mozilla 関係ありません。(><)
      次のページの手順で削除:
       http://web.haioku.net/babylon/
       迷惑ソフトをアンインストール
       about:config で設定を削除
Feature Request
ロケーションバーで
 検索したい!



      フォクすけに教えて!
できるよ。
ずっと昔からできます。(・・).

     キーワードを入力してその
     ままエンターキー
      Google で検索されます
      about:config の keyword.URL で
      検索エンジンは変更できます
      keyword.URL = http://
      www.bing.com/search?q=
メニューバー欲しい
 サイドバー欲しい



     フォクすけに教えて!
あるよ。
メニューバーやサイドバー

    メニューバー
     表示オプションで切り替え
     Alt キーで一時的に表示
    サイドバー
     表示 → サイドバー メニュー
履歴を残したくない




     フォクすけに教えて!
できるよ。
履歴を残したくない

    プライベートブラウジング
    履歴の管理も自由自在
     履歴サイドバーお薦め!
     サイト単位での履歴消去も
    History Block アドオン
     指定サイトの履歴を保存しない
タブを縦に並べたい




     フォクすけに教えて!
アドオンあるよ。
Pano

       タブグループ毎に管理
       縦置きサイドバー


       ツリー型タブもオススメ




       https://addons.mozilla.org/ja/firefox/addon/pano/
パスワードを
暗号化保存したい



     フォクすけに教えて!
マスターパスワード!
パスワードを暗号化して保存

              マスターパスワードで可能
                起動後一度マスターパスワードを
                入力しないと保存されたパスワ
                ードが自動入力されない機能
              Android では特に大事!
                標準ブラウザは誰でも URL 入れ
                るだけでパスワード覗き放題
                USB 繋げば丸ごと…

 WebView の酷さは http://ierae.co.jp/uploads/webview.pdf とか参照
Customize
お薦めの拡張機能は?




      フォクすけに教えて!
Video Download Helper

                 定番アドオン
                 YouTube などから Download
                 違法ダウンロードはダメよ




 https://addons.mozilla.org/ja/firefox/addon/video-downloadhelper/
テキストリンク

                                       URL 部分をす
                                       べてリンクに
                                       ttp:// などにも
                                       対応してる




 https://addons.mozilla.org/ja/firefox/collections/dynamis/favorites/
Customizable Shortcuts

                  キーボードショートカット
                    好きな組み合わせで
                    間違って終了しちゃうのを回避
                    するにも




 https://addons.mozilla.org/ja/firefox/addon/customizable-shortcuts/
url-addon-bar

             アドオンバーのボタンなど
             をロケーションバーに表示




      https://addons.mozilla.org/ja/firefox/addon/url-addon-bar
Android 版でお薦めの
   拡張機能は?



         フォクすけに教えて!
Phony (UserAgent 変更)

          UserAgent で動作を変える
          ダメサイトを見るときに
          PC サイトを見るだけなら標
          準の「PCサイトモード」




        https://addons.mozilla.org/ja/android/addon/phony/
Full screen mobile

                 ロケーションバーなしに
                   全画面表示で読みやすく
                   Web ゲームするときにも




   https://addons.mozilla.org/ja/android/addon/full-screen-252573/
more...

          Always Zoom
           拡大禁止サイトでも拡大
           https://addons.mozilla.org/android/
           addon/always-zoom/
          Delete Cookies on Exit
           終了時に Cookie 削除
           https://addons.mozilla.org/android/
           addon/delete-cookies-on-exit/
Secrets
隠し機能教えて!




     フォクすけに教えて!
about:mozilla
about:robots
便利な隠し機能教えて!




       フォクすけに教えて!
about:permissions
クリック! クリック!!

     ページ中でクリック!
     ダブルクリック: 語句選択
     トリプルクリック: 段落選択
     中ボタンクリック: 別のタブで開く
     タブバーでクリック!
     中ボタンクリック: タブを閉じる
     再読込ボタンをクリック!
     中ボタンクリック: タブを複製
ロケーションバーで絞り込み

    記号で絞り込みできます
     ^ 表示履歴だけ検索
     * ブックマークだけ検索
     + タグ付きページだけ検索
     % 現在開いているタブだけ検索
      タイトルがマッチするページ
     @ URL がマッチするページ
もっと検索!

    スマートキーワード
     ブックマークで設定
     "<keyword> search text" で指定
     URL での検索が可能に
    検索エンジンの追加
     検索フォームを右クリック
しつもんありますか?



     フォクすけに…じゃなくて
        dynamis に聞いて!

Secret of Firefox