Secret of Firefox

  • 6,088 views
Uploaded on

OSC 2012 Hiroshima で使用したスライド

OSC 2012 Hiroshima で使用したスライド

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
6,088
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
77
Comments
0
Likes
16

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Text Secret of Firefox ~Firefox you dont know~Slides @ OSC 2012 Hiroshima 2012/10/20 by Tomoya Asai (dynamis) Last Update: 2012/10/20
  • 2. about:me
  • 3. about:dynamis (Tomoya Asai) Mozilla Japan http://dynamis.jp @dynamitter facebook.com/ dynamis レッサーパンダが好き。 mailto: Tomoya ASAI <dynamis@mozilla-japan.org>
  • 4. OSC Feedback
  • 5. 各地の OSC でもらったフィードバックの一部です
  • 6. 各地の OSC でもらったフィードバックの一部です
  • 7. about:foxkeh ときどきプレゼン手伝って くれるフォクすけを紹介します
  • 8. ぼくフォクすけぼくフォクすけ いつか僕も Firefox みたいな 立派なブラウザになるんだ!
  • 9. サーバ (Apache Camel) の上にクライアント (Firefox)
  • 10. 第 2 弾は 10/23 (火) からになります!
  • 11. FFXXKK 4488!
  • 12. FFXXKK 4488!
  • 13. 本日のトピック about:mozilla about:Firefox Trouble & Support Feature Request Secrets
  • 14. See Also...
  • 15. Firefox OS & Marketplace Web プラットフォーム Web API が進化を続けている Marketplace Web アプリ配信システム Firefox OS Web がネイティブな OS http://r.dynamis.jp/fxos
  • 16. CSS 最新機能紹介 CSS の新機能紹介 新機能や昨年から変わった点 http://r.dynamis.jp/css2012
  • 17. JavaScript.Next JavaScript の最新仕様 ECMAScript 5th のポイント JavaScript 次世代仕様 ECMAScript 6th や Harmony http://r.dynamis.jp/jsnext
  • 18. 開発者ツール紹介 一通りの機能と使い方 Firefox 標準の開発者ツール 隠し設定やビルトイン関数のリ ファレンスなども含めています Firebug とその拡張機能 アイコンや背景画像を変更する カスタマイズにも言及してます http://r.dynamis.jp/devtools
  • 19. セキュリティ関連機能紹介 セキュリティ大事! 知っておくべき機能です Content Security Policy 次世代セキュリティポリシー Same Origin Policy はもう古い http://r.dynamis.jp/sec
  • 20. about:mozilla
  • 21. about:Firefox Firefox の意義 オープンで適切な実装の提供 Firefox の目的 公共のリソースとしての インターネットの発展を促進
  • 22. http://www.flickr.com/photos/intothefuzz/5578011308/
  • 23. about:Mozilla .com brains - 会社組織 営利企業同様の開発スタイル .org heart - 非営利組織 より良いインターネット環境へ 社員より遙かに多い貢献者 マニフェスト: http://www.mozilla.org/about/manifesto.ja.html
  • 24. http://www.flickr.com/photos/intothefuzz/5577430083/
  • 25. Mozilla Firefox セキュリティ&プライバシー =開発における絶対条件 両者を両立している唯一の モダンブラウザ
  • 26. Mozilla って寄付だけで 成り立ってるの? フォクすけに教えて!
  • 27. 「すべての人のために Web をより良く」 ができる範囲で ビジネスも構成員の自己犠牲のみに頼る援助活動は長続きしない by Nightingale
  • 28. ロイヤリティ収入がメイン 検索とかホームとか Google と 3 年契約中 契約先毎の金額内訳は非公開 年次報告書を公開してます Foundation は非営利組織です 寄付収入は 15 万ドル (2010)
  • 29. about:Firefox
  • 30. Firefox がオープンソース の始まりってホント? フォクすけに教えて!
  • 31. Firefox のおじいちゃん Netscape が始まりNetscape > Mozilla Suite > Firefox
  • 32. 1997: 伽藍とバザール Eric S Raymond の論文 オープンソースでのソフトウェア 開発について分析した論文 これを参考に Netscape が ブラウザの OSS 化を決断
  • 33. 1998:「オープンソース」の誕生 Netscape Communications が ブラウザのソースを公開 Freeware Summit の投票で 「オープンソース」名称採択 Open Source Initiative 発足 「オープンソースの定義」
  • 34. iPhone 版 Firefox はいつでるの? フォクすけに教えて!
  • 35. Apple に聞いてね技術的問題じゃないですから
  • 36. Apple が許可すれば出せます 自社ビジネスに反するアプ リは Apple が許可しない モバイル Web を自分のものにし たい&独自プラットフォーム作ら れたくないから??? セキュリティ云々と説明してるけ ど WebView の方が危険…
  • 37. Chrome は出てるのに? 中身は Safari の劣化版 JavaScript の速度は Safari の 1/3 独自エンジンは不許可 Firefox のエンジンが使えないな らそれは Firefox とは言えない
  • 38. Firefox Home再配布してよ! フォクすけに教えて!
  • 39. 個人で開発を引き継いで くれてるアプリありますオープンソースですから
  • 40. OSS 版を使ってください 後継版: FoxBrowser さり気なく進化もしてます DNT に対応していたり…
  • 41. バージョンアップしすぎじゃない? フォクすけに教えて!
  • 42. バージョン番号に 意味はありません一部のエンジニアだけが気にする話
  • 43. 何故 6 週間毎に更新? Web をより早く進化させる 1年に一度では遅すぎる 安定したスケジュール 企業も計画的な対応が可能 こまめにリリースへの慣れ スマホアプリなどで慣れてきた 複数のブランチを並行開発可能な体制ができてきて可能になった
  • 44. 更新に伴う問題は解決済み アドオン互換性 デフォルト互換になってます バイナリアドオンや独自配布ア ドオンなど特殊なものだけ ブラウザ再起動が面倒 サイレントアップデートです ユーザが意識する必要はもうない
  • 45. 延長サポート版あります 機能変更のないバージョン セキュリティと安定性の修正だけ を1年間継続するバージョン 現在 10.0.x、11/20 から 17.0.x
  • 46. いつのまにかロゴ変わった? フォクすけに教えて!
  • 47. Firefox 3.5 での変更が最後です
  • 48. Phoenix から Firefox へ
  • 49. 誰がこんな UI に!? フォクすけに教えて!
  • 50. Firefox の UI は あなたが作ってますすべてのユーザが貢献者
  • 51. 2002.10.01 リリース、コードネームは Pescadero
  • 52. 2002.10.01 リリース、コードネームは Santa Cruz
  • 53. 2002.10.14 リリース、コードネームは Lucia、10.19 には 0.4 (Oceano)リリース
  • 54. 2002.12.07 リリース、コードネームは Naples
  • 55. 2003.05.17 リリース、コードネームは Glendale
  • 56. 2003.10.15 リリース、コードネーム Indio
  • 57. 2004.02.09 リリース、コードネームは Royal Oak
  • 58. 2004.06.15 リリース、コードネームは One Tree Hill
  • 59. 2004.11.09 リリース、コードネーム Phoenix
  • 60. Firefox 2.0 - Windows Visata & Mac OS X
  • 61. Firefox 3.0 - Windows Visata & Mac OS X
  • 62. Firefox 3.5
  • 63. Firefox 3.6
  • 64. Firefox 4.0
  • 65. Firefox User Interface の議論 継続的な改善プロセス ユーザデータの調査 新しいコンセプト作り ユーザへの提案・実装 フィードバック 基本的にすべてオープン
  • 66. https://blog.mozilla.org/faaborg/2007/11/15/the-shape-of-things-to-come/
  • 67. Toolshttps://blog.mozilla.org/faaborg/2007/11/15/the-shape-of-things-to-come/
  • 68. etc.https://blog.mozilla.org/faaborg/2007/11/15/the-shape-of-things-to-come/
  • 69. Firefoxhttps://blog.mozilla.org/faaborg/2007/11/15/the-shape-of-things-to-come/
  • 70. User Interface Heatmap
  • 71. User Interface Heatmap
  • 72. Trouble & Support
  • 73. メモリリーク!? フォクすけに教えて!
  • 74. 前提: 余ってれば使います ブラウザは OS です 物理メモリ使い切らない OS が あったら怒るでしょ? 32bit Windows は 4GB(3GB)...
  • 75. Chrome より遙かに省メモリ about:memory で確認できる 2∼10MB/page が普通 Chrome は 20 40MB/page 40 60MB@Gmail Chrome は 80 120MB@Gmail
  • 76. アドオンがメモリ解放しない? アドオン無効で再起動 解決するなら原因はアドオン 多くのケースは解決済み Firefox 15 でメモリ管理を変更 逆に解決してないなら環境固有の ケースの方が多いかも
  • 77. 余談: メモリ使用量とメモリリーク 使用量増加 != メモリリーク メモリリーク = 不要になったメ モリが解放されないバグ 使ってるメモリを解放しないの はバグではなく正常動作 主問題は断片化? 確保と解放を繰り返して 間だら けになっていくと使用量増える
  • 78. 突然ブックマークが消えちゃった!(><) フォクすけに教えて!
  • 79. 自動バックアップされてます ブックマークデータが全部消 えるバグ報告はない 自動バックアップはプロファイル ディレクトリの bookmarkbackups 新規プロファイルになってる 可能性はあるかも 一度だけ見たことあります。プロ ファイルディレクトリを確認!
  • 80. スクロール遅い! ひっかかる! フォクすけに教えて!
  • 81. スムーススクロール Firefox 13 デフォルトオン ゆっくりぬるぬるが嫌いなら about:config で時間調整: general.smoothScroll.mouseWheel. durationMaxMS=200 general.smoothScroll.mouseWheel. durationMinMS=100
  • 82. とにかく調子悪い!なんとかして!(><) フォクすけに教えて!
  • 83. Firefox をリセット ブックマークやパスワード などだけ残して設定初期化 こんな症状の多くを解決 CPU 使用率が常に 100% すぐ応答無くなる or 終了しない 起動直後にメモリ使用 1GB 注: 環境次第で 500MB 正常
  • 84. Firefox の推奨リセット手順about:support の情報を記録 「クリップボードにコピー」してテキストで保存プロファイルディレクトリをバックアップ ディレクトリ丸ごとコピーしておきましょうabout:support でリセットバックアップから拡張機能を復元 extensions ディレクトリを丸ごとコピーして再起動好きなように設定を復元・変更
  • 85. Beta や Aurora で バグがあるっ! フォクすけに教えて!
  • 86. そのためのテスト版ですから… クラッシュレポート重要 トップクラッシュは必ず解決 パフォーマンスデータも 重くなる問題など順次解決 是非バグ報告を チラシの裏に書いても無意味
  • 87. Babylon!!! (><) フォクすけに教えて!
  • 88. 勝手に Babylon になった 何かのソフトが勝手にイン ストールしたものです Mozilla 関係ありません。(><) 次のページの手順で削除: http://web.haioku.net/babylon/ 迷惑ソフトをアンインストール about:config で設定を削除
  • 89. Feature Request
  • 90. ロケーションバーで 検索したい! フォクすけに教えて!
  • 91. できるよ。
  • 92. ずっと昔からできます。(・・). キーワードを入力してその ままエンターキー Google で検索されます about:config の keyword.URL で 検索エンジンは変更できます keyword.URL = http:// www.bing.com/search?q=
  • 93. メニューバー欲しい サイドバー欲しい フォクすけに教えて!
  • 94. あるよ。
  • 95. メニューバーやサイドバー メニューバー 表示オプションで切り替え Alt キーで一時的に表示 サイドバー 表示 → サイドバー メニュー
  • 96. 履歴を残したくない フォクすけに教えて!
  • 97. できるよ。
  • 98. 履歴を残したくない プライベートブラウジング 履歴の管理も自由自在 履歴サイドバーお薦め! サイト単位での履歴消去も History Block アドオン 指定サイトの履歴を保存しない
  • 99. タブを縦に並べたい フォクすけに教えて!
  • 100. アドオンあるよ。
  • 101. Pano タブグループ毎に管理 縦置きサイドバー ツリー型タブもオススメ https://addons.mozilla.org/ja/firefox/addon/pano/
  • 102. パスワードを暗号化保存したい フォクすけに教えて!
  • 103. マスターパスワード!
  • 104. パスワードを暗号化して保存 マスターパスワードで可能 起動後一度マスターパスワードを 入力しないと保存されたパスワ ードが自動入力されない機能 Android では特に大事! 標準ブラウザは誰でも URL 入れ るだけでパスワード覗き放題 USB 繋げば丸ごと… WebView の酷さは http://ierae.co.jp/uploads/webview.pdf とか参照
  • 105. Customize
  • 106. お薦めの拡張機能は? フォクすけに教えて!
  • 107. Video Download Helper 定番アドオン YouTube などから Download 違法ダウンロードはダメよ https://addons.mozilla.org/ja/firefox/addon/video-downloadhelper/
  • 108. テキストリンク URL 部分をす べてリンクに ttp:// などにも 対応してる https://addons.mozilla.org/ja/firefox/collections/dynamis/favorites/
  • 109. Customizable Shortcuts キーボードショートカット 好きな組み合わせで 間違って終了しちゃうのを回避 するにも https://addons.mozilla.org/ja/firefox/addon/customizable-shortcuts/
  • 110. url-addon-bar アドオンバーのボタンなど をロケーションバーに表示 https://addons.mozilla.org/ja/firefox/addon/url-addon-bar
  • 111. Android 版でお薦めの 拡張機能は? フォクすけに教えて!
  • 112. Phony (UserAgent 変更) UserAgent で動作を変える ダメサイトを見るときに PC サイトを見るだけなら標 準の「PCサイトモード」 https://addons.mozilla.org/ja/android/addon/phony/
  • 113. Full screen mobile ロケーションバーなしに 全画面表示で読みやすく Web ゲームするときにも https://addons.mozilla.org/ja/android/addon/full-screen-252573/
  • 114. 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/
  • 115. Secrets
  • 116. 隠し機能教えて! フォクすけに教えて!
  • 117. about:mozilla
  • 118. about:robots
  • 119. 便利な隠し機能教えて! フォクすけに教えて!
  • 120. about:permissions
  • 121. クリック! クリック!! ページ中でクリック! ダブルクリック: 語句選択 トリプルクリック: 段落選択 中ボタンクリック: 別のタブで開く タブバーでクリック! 中ボタンクリック: タブを閉じる 再読込ボタンをクリック! 中ボタンクリック: タブを複製
  • 122. ロケーションバーで絞り込み 記号で絞り込みできます ^ 表示履歴だけ検索 * ブックマークだけ検索 + タグ付きページだけ検索 % 現在開いているタブだけ検索 タイトルがマッチするページ @ URL がマッチするページ
  • 123. もっと検索! スマートキーワード ブックマークで設定 "<keyword> search text" で指定 URL での検索が可能に 検索エンジンの追加 検索フォームを右クリック
  • 124. しつもんありますか? フォクすけに…じゃなくて dynamis に聞いて!