OSC 2012 Fukuoka で使用したスライド https://www.ospn.jp/osc2012-fukuoka/modules/eguide/event.php?eid=47

1. Firefox FAQ
~Firefox you don't know~
Slides @ OSC 2012 Fukuoka 2012/12/08
by Tomoya Asai (dynamis)
Last Update: 2012/12/08

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. Tomorrow...

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

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

10. ぼくフォクすけ
ぼくフォクすけ
いつか僕も Firefox みたいな
立派なブラウザになるんだ！

11. サーバ (Apache Camel) の上にクライアント (Firefox)

12. 出荷前のフォクすけたちです。

13. フォクすけ with あかりさん

14. FFXXKK 4488！

15. FFXXKK 4488！

16. 今が最後の
チャンス！
25 日までのキャンペーンが最後のチャンス！

17. 本日のトピック
about:mozilla
about:Firefox
Customize
Feature Request
Trouble & Support
Secrets

18. about:mozilla

19. Mozilla って
何してるの？
フォクすけに教えて！

20. すべての人のために
Web をより良く！
構成員の自己犠牲のみに頼る
援助活動は長続きしない by Nightingale

22. http://www.flickr.com/photos/intothefuzz/5578011308/

23. http://www.flickr.com/photos/intothefuzz/5577430083/

24. Mozilla って寄付だけで
成り立ってるの？
フォクすけに教えて！

25. 「すべての人のために
Web をより良く」
ができる範囲で
ビジネスも
構成員の自己犠牲のみに頼る
援助活動は長続きしない by Nightingale

26. ロイヤリティ収入がメイン
検索とかホームとか
Google と 3 年契約中
契約先毎の金額内訳は非公開
年次報告書を公開してます
Foundation は非営利組織です
寄付収入は 15 万ドル (2010)

27. about:Firefox

28. Firefox がオープンソース
の始まりってホント？
フォクすけに教えて！

29. Firefox のおじいちゃん
Netscape が始まり
Netscape > Mozilla Suite > Firefox

31. 1998:「オープンソース」の誕生
Netscape Communications が
ブラウザのソースを公開
Freeware Summit の投票で
「オープンソース」名称採択
Open Source Initiative 発足
「オープンソースの定義」

32. iPhone 版 Firefox
はいつでるの？
フォクすけに教えて！

33. Apple に聞いてね
技術的問題じゃないですから

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

35. Chrome は出てるのに？
中身は Safari の劣化版
JavaScript の速度は Safari の 1/3
独自エンジンは不許可
Firefox のエンジンが使えないな
らそれは Firefox とは言えない

36. Chrome は出てるのに？
中身は Safari の劣化版
JavaScript の速度は Safari の 1/3
独自エンジンは不許可
Firefox のエンジンが使えないな
らそれは Firefox とは言えない

37. Firefox Home
再配布してよ！
フォクすけに教えて！

38. 個人で開発を引き継いで
くれてるアプリあります
オープンソースですから

39. OSS 版を使ってください
後継版: FoxBrowser
さり気なく進化もしてます
DNT に対応していたり…

40. バージョンアップ
しすぎじゃない？
フォクすけに教えて！

41. バージョン番号に
意味はありません
一部のエンジニアだけが気にする話

42. 何故 6 週間毎に更新？
Web をより早く進化させる
1年に一度では遅すぎる
安定したスケジュール
企業も計画的な対応が可能
こまめにリリースへの慣れ
スマホアプリなどで慣れてきた
複数のブランチを並行開発可能な体制ができてきて可能になった

43. 更新に伴う問題は解決済み
アドオン互換性
デフォルト互換になってます
バイナリアドオンや独自配布ア
ドオンなど特殊なものだけ
ブラウザ再起動が面倒
サイレントアップデートです
ユーザが意識する必要はもうない

44. 延長サポート版あります
機能変更のないバージョン
セキュリティと安定性の修正だけ
を1年間継続するバージョン
現在 10.0.x、11/20 から 17.0.x

46. 誰がこんな UI に！？
フォクすけに教えて！

47. Firefox の UI は
あなたが作ってます
すべてのユーザが貢献者

48. 2002.10.01 リリース、コードネームは Pescadero

49. 2002.10.01 リリース、コードネームは Santa Cruz

50. 2002.10.14 リリース、コードネームは Lucia、10.19 には 0.4 (Oceano)リリース

51. 2002.12.07 リリース、コードネームは Naples

52. 2003.05.17 リリース、コードネームは Glendale

53. 2003.10.15 リリース、コードネーム Indio

54. 2004.02.09 リリース、コードネームは Royal Oak

55. 2004.06.15 リリース、コードネームは One Tree Hill

57. 2004.11.09 リリース、コードネーム Phoenix

58. Firefox 2.0 - Windows Visata & Mac OS X

59. Firefox 3.0 - Windows Visata & Mac OS X

60. Firefox 3.5

61. Firefox 3.6

62. Firefox 4.0

63. Firefox User Interface の議論
継続的な改善プロセス
ユーザデータの調査
新しいコンセプト作り
ユーザへの提案・実装
フィードバック
基本的にすべてオープン

64. User Interface Heatmap

65. User Interface Heatmap

66. about:Fennec

67. Android Firefox
劇重らしいよね？
フォクすけに教えて！

68. 今年６月に生まれ
変わって高速化！

69. 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

70. 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

71. スクロールパフォーマンス
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

72. スクロールパフォーマンス
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

73. Android Firefox
って安全なの？
フォクすけに教えて！

74. 最も安心して使える
モバイルブラウザ！

75. トラッキング拒否に対応
Do Not Track に対応
Yahoo!, Twitter, 広告業界
などは既に対応を開始

76. パスワードの暗号化保存
マスターパスワード機能
パスワードを暗号化して保存
端末を渡しても大丈夫
マスターパスワードを知らないと
なりすましログインできない
ちょっと貸す時や紛失時…
標準ブラウザなど file:///data/.../webview.db で生パスワード丸見え…

77. Android Firefox
って何がいいの？
フォクすけに教えて！

78. 使いやすいし便利な
機能もいっぱい！

79. スマートスクリーン
文字入力する毎に絞り込み
URL やタイトルで素早く検索
検索サジェスト機能も搭載
履歴も Web も1カ所で

80. 検索サジェスト

81. パソコンと簡単同期
パソコン側で 12 桁を入力
オプション→Sync→デバイスと連携

82. 本文を自動抽出して表示
開発版 (Nightly) では既に実装済み

83. まるで電子書籍端末

84. Trouble &
Support

85. メモリリーク！？
フォクすけに教えて！

86. 前提: 余ってれば使います
ブラウザは OS です
物理メモリ使い切らない OS が
あったら怒るでしょ？
32bit Windows は 4GB(3GB)...

87. Chrome より遙かに省メモリ
about:memory で確認できる
2∼10MB/page が普通
Chrome は 20 40MB/page
40 60MB@Gmail
Chrome は 80 120MB@Gmail
Android でも同じ…

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

89. 余談: メモリ使用量とメモリリーク
使用量増加 != メモリリーク
メモリリーク = 不要になったメ
モリが解放されないバグ
使ってるメモリを解放しないの
はバグではなく正常動作
主問題は断片化？
確保と解放を繰り返して 間だら
けになっていくと使用量増える

90. 突然ブックマークが
消えちゃった！(＞＜)
フォクすけに教えて！

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

92. スクロール遅い！
ひっかかる！
フォクすけに教えて！

93. スムーススクロール
Firefox 13 デフォルトオン
ゆっくりぬるぬるが嫌いなら
about:config で時間調整:
general.smoothScroll.mouseWheel.
durationMaxMS=200
general.smoothScroll.mouseWheel.
durationMinMS=100

94. とにかく調子悪い！
なんとかして！(＞＜)
フォクすけに教えて！

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

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

97. Babylon!!! (＞＜)
フォクすけに教えて！

98. 勝手に Babylon になった
何かのソフトが勝手にイン
ストールしたものです
Mozilla 関係ありません。(＞＜)
次のページの手順で削除:
http://web.haioku.net/babylon/
迷惑ソフトをアンインストール
about:config で設定を削除

99. Customize

100. お薦めの拡張機能は？
フォクすけに教えて！

101. Video Download Helper
定番アドオン
YouTube などから Download
違法ダウンロードはダメよ
https://addons.mozilla.org/ja/firefox/addon/video-downloadhelper/

102. テキストリンク
URL 部分をす
べてリンクに
ttp:// などにも
対応してる
https://addons.mozilla.org/ja/firefox/collections/dynamis/favorites/

103. Customizable Shortcuts
キーボードショートカット
好きな組み合わせで
間違って終了しちゃうのを回避
するにも
https://addons.mozilla.org/ja/firefox/addon/customizable-shortcuts/

104. url-addon-bar
アドオンバーのボタンなど
をロケーションバーに表示
https://addons.mozilla.org/ja/firefox/addon/url-addon-bar

105. Android 版でお薦めの
拡張機能は？
フォクすけに教えて！

106. Three Finger Swipe
左右方向の三本指スワイプ
前後のタブへ移動
上方向の三本指スワイプ
新しいタブを開く
下方向の三本指スワイプ
現在のタブを閉じる
もちろん設定変更も可能
https://addons.mozilla.org/ja/android/addon/three-finger-swipe/

107. Phony (UserAgent 変更)
UserAgent で動作を変える
ダメサイトを見るときに
PC サイトを見るだけなら標
準の「PCサイトモード」
https://addons.mozilla.org/ja/android/addon/phony/

108. Full screen mobile
ロケーションバーなしに
全画面表示で読みやすく
Web ゲームするときにも
https://addons.mozilla.org/ja/android/addon/full-screen-252573/

109. 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/

110. Feature Request

111. ロケーションバーで
検索したい！
フォクすけに教えて！

112. できるよ。

113. ずっと昔からできます。(・・).
キーワードを入力してその
ままエンターキー
Google で検索されます
about:config の keyword.URL で
検索エンジンは変更できます
keyword.URL = http://
www.bing.com/search?q=

114. メニューバー欲しい
サイドバー欲しい
フォクすけに教えて！

115. あるよ。

116. メニューバーやサイドバー
メニューバー
表示オプションで切り替え
Alt キーで一時的に表示
サイドバー
表示 → サイドバー メニュー

117. 履歴を残したくない
フォクすけに教えて！

118. できるよ。

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

120. タブを縦に並べたい
フォクすけに教えて！

121. アドオンあるよ。

122. Pano
タブグループ毎に管理
縦置きサイドバー
ツリー型タブもオススメ
https://addons.mozilla.org/ja/firefox/addon/pano/

123. パスワードを
暗号化保存したい
フォクすけに教えて！

124. マスターパスワード！

125. パスワードを暗号化して保存
マスターパスワードで可能
起動後一度マスターパスワードを
入力しないと保存されたパスワ
ードが自動入力されない機能
Android では特に大事！
標準ブラウザは誰でも URL 入れ
るだけでパスワード覗き放題
USB 繋げば丸ごと…
WebView の酷さは http://ierae.co.jp/uploads/webview.pdf とか参照

126. Secrets

127. 隠し機能教えて！
フォクすけに教えて！

128. about:mozilla

129. about:robots

130. 便利な隠し機能教えて！
フォクすけに教えて！

131. about:permissions

132. クリック！ クリック！！
ページ中でクリック！
ダブルクリック: 語句選択
トリプルクリック: 段落選択
中ボタンクリック: 別のタブで開く
タブバーでクリック！
中ボタンクリック: タブを閉じる
再読込ボタンをクリック！
中ボタンクリック: タブを複製

133. ロケーションバーで絞り込み
記号で絞り込みできます
^ 表示履歴だけ検索
* ブックマークだけ検索
+ タグ付きページだけ検索
% 現在開いているタブだけ検索
タイトルがマッチするページ
@ URL がマッチするページ

134. もっと検索！
スマートキーワード
ブックマークで設定
"<keyword> search text" で指定
URL での検索が可能に
検索エンジンの追加
検索フォームを右クリック

135. See Also...

136. Firefox OS & Marketplace
Web プラットフォーム
Web API が進化を続けている
Marketplace
Web アプリ配信システム
Firefox OS
Web がネイティブな OS
http://r.dynamis.jp/fxos

137. CSS 最新機能紹介
CSS の新機能紹介
新機能や昨年から変わった点
http://r.dynamis.jp/css2012

138. JavaScript.Next
JavaScript の最新仕様
ECMAScript 5th のポイント
JavaScript 次世代仕様
ECMAScript 6th や Harmony
http://r.dynamis.jp/jsnext

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

140. セキュリティ関連機能紹介
セキュリティ大事！
知っておくべき機能です
Content Security Policy
次世代セキュリティポリシー
Same Origin Policy はもう古い
http://r.dynamis.jp/sec

141. しつもんありますか？
フォクすけに…じゃなくて
dynamis に聞いて！