SlideShare a Scribd company logo
Firefox FAQ
        ~Firefox you don't know~
Slides @ OSC 2012 Fukuoka 2012/12/08
       by Tomoya Asai (dynamis)
                            Last Update: 2012/12/08
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 でもらったフィードバックの一部です
Tomorrow...
さわってみよう Firefox OS

       http://atnd.org/events/34218
       Firefox OS のハッカソン
        本格的なプログラミングは不要
        デザイナーさんとかも歓迎
       HTML/CSS/JS で簡単にスマ
       ホの OS を変えられる!
        さぁあなたもレッツトライ!
about:foxkeh


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



   いつか僕も Firefox みたいな
   立派なブラウザになるんだ!
サーバ (Apache Camel) の上にクライアント (Firefox)
出荷前のフォクすけたちです。
フォクすけ with あかりさん
FFXXKK  4488!
FFXXKK  4488!
今が最後の
チャンス!



25 日までのキャンペーンが最後のチャンス!
本日のトピック

    about:mozilla
    about:Firefox
    Customize
    Feature Request
    Trouble & Support
    Secrets
about:mozilla
Mozilla って
何してるの?



       フォクすけに教えて!
すべての人のために
      Web をより良く!


構成員の自己犠牲のみに頼る
援助活動は長続きしない by Nightingale
Firefox FAQ
http://www.flickr.com/photos/intothefuzz/5578011308/
http://www.flickr.com/photos/intothefuzz/5577430083/
Mozilla って寄付だけで
  成り立ってるの?



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

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

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



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



Netscape > Mozilla Suite > Firefox
Firefox FAQ
1998:「オープンソース」の誕生

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



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



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

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

      中身は Safari の劣化版
      JavaScript の速度は Safari の 1/3
      独自エンジンは不許可
      Firefox のエンジンが使えないな
      らそれは Firefox とは言えない
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 FAQ
誰がこんな 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
Firefox FAQ
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 の議論

         継続的な改善プロセス
          ユーザデータの調査
          新しいコンセプト作り
          ユーザへの提案・実装
          フィードバック
         基本的にすべてオープン
User Interface Heatmap
User Interface Heatmap
about:Fennec
Android Firefox
劇重らしいよね?



          フォクすけに教えて!
今年6月に生まれ
変わって高速化!
HTML5 Canvas パフォーマンス
Firefox10        13.2
Firefox14                                              39.3
 Opera                      21.6
Chrome                   19.6
Dolphin          14.1
Default          12
          0fps   10fps          20fps          30fps          40fps

                   Eideticker - Canvas on Galaxy Nexus, Android 4.0.4
HTML5 Canvas パフォーマンス
Firefox10        13.2
Firefox14                                              39.3
 Opera                      21.6
Chrome                   19.6
Dolphin          14.1                   3倍以上高速
Default          12
          0fps   10fps          20fps          30fps          40fps

                   Eideticker - Canvas on Galaxy Nexus, Android 4.0.4
スクロールパフォーマンス
Firefox10              10.2
Firefox14                                          20.5
Dolphin                           14.2
Default                          13.9
Chrome                     11.9
 Opera                 9.6
          0fps                 11fps                          22fps

                 Eideticker - cnn.com on Galaxy Nexus, Android 4.0.4
スクロールパフォーマンス
Firefox10              10.2
Firefox14                                          20.5
Dolphin                           14.2
Default                          13.9          1.5倍高速
Chrome                     11.9
 Opera                 9.6
          0fps                 11fps                          22fps

                 Eideticker - cnn.com on Galaxy Nexus, Android 4.0.4
Android Firefox
って安全なの?



          フォクすけに教えて!
最も安心して使える
モバイルブラウザ!
トラッキング拒否に対応

    Do Not Track に対応
    Yahoo!, Twitter, 広告業界
    などは既に対応を開始
パスワードの暗号化保存

            マスターパスワード機能
              パスワードを暗号化して保存
            端末を渡しても大丈夫
              マスターパスワードを知らないと
              なりすましログインできない
              ちょっと貸す時や紛失時…



 標準ブラウザなど file:///data/.../webview.db で生パスワード丸見え…
Android Firefox
って何がいいの?



          フォクすけに教えて!
使いやすいし便利な
 機能もいっぱい!
スマートスクリーン

    文字入力する毎に絞り込み
     URL やタイトルで素早く検索
    検索サジェスト機能も搭載
    履歴も Web も1カ所で
検索サジェスト
パソコンと簡単同期

    パソコン側で 12 桁を入力
     オプション→Sync→デバイスと連携
本文を自動抽出して表示




       開発版 (Nightly) では既に実装済み
まるで電子書籍端末
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
      Android でも同じ…
アドオンがメモリ解放しない?

    アドオン無効で再起動
     解決するなら原因はアドオン
    多くのケースは解決済み
     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 ディレクトリを丸ごとコピーして再起動
好きなように設定を復元・変更
Babylon!!! (><)




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

      何かのソフトが勝手にイン
      ストールしたものです
       Mozilla 関係ありません。(><)
      次のページの手順で削除:
       http://web.haioku.net/babylon/
       迷惑ソフトをアンインストール
       about:config で設定を削除
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 版でお薦めの
   拡張機能は?



         フォクすけに教えて!
Three Finger Swipe

                左右方向の三本指スワイプ
                   前後のタブへ移動
                上方向の三本指スワイプ
                   新しいタブを開く
                下方向の三本指スワイプ
                   現在のタブを閉じる
                もちろん設定変更も可能
   https://addons.mozilla.org/ja/android/addon/three-finger-swipe/
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/
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 とか参照
Secrets
隠し機能教えて!




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




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

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

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

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



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

More Related Content

Firefox FAQ