当記事のアイキャッチ画像にはフォクすけの Firefox 情報局 - Firefox って何?の素材を利用しています。フォクすけ可愛いよフォクすけ。
みなさんブラウザは何を使ってらっしゃいますか、やっぱりGoogle Chromeですか?私は相も変わらずFirefoxが好きです。この前面白い動画を見つけました。様々なブラウザの登場とユーザー数の経年変化をグラフィカルに見られるものです。
い…生きろ…ファイアーフォーーーーックス…!!!個人的にはシェア率はどうでもいいんですけどなくなるのは困るのでFirefoxのことを書きます。もしかしたら読んで興味を持ってくれる人がいるかもしれないしいないかもしれない。以前書いたのはこちら。『2023年もFirefoxが好き!なのでアドオンの話をします』気が付いたら2年前でした。Firefoxはいいぞ。名前やアイコンもかわいいですし。
一つのサービスで複数アカウントを運用するならコンテナータブ
一つのサービス(SNSやブログなど)で複数アカウントを持っていると、「いちいちログインし直すのが面倒…😕」となる時ってないですか?そんな時にコンテナータブが便利です。Firefoxは拡張機能なしでコンテナータブが使えます。「about:config」で「privacy.userContext.enabled
」と「privacy.userContext.ui.enabled
」をtrue
にします。
タブ上で右クリック→「新しいコンテナータブで開く」で別のセッションでタブを開くことができます。このタブで別のアカウントでログインすることができます。
「about:config」をいじるのは面倒…という場合にはFirefox Multi-Account Containersという拡張機能を入れるのがおすすめです。
ローカル翻訳と垂直タブバー(縦タブ)・タブグループが来る
現時点での正式リリース版(135.0)ではローカル翻訳は翻訳先に日本語がなく、垂直タブバーは隠し機能になっているようです。
ローカル(オフライン)翻訳機能
ブラウザの機能として翻訳ができることのメリットは、翻訳webサービスを介さないので翻訳したいコンテンツの内容がサービス側に筒抜けになってしまう心配がないことです。Nightlyでは翻訳先に日本語が追加されていますので次期の更新で正式版でも他言語のウェブページを日本語に翻訳、が簡単にできるようになるかもしれません。拡張機能を入れなくても図のようにURLバーのアイコンや文字列を選択して右クリックのメニューで翻訳ができます。
垂直タブバー(縦タブ)
私は昔からずっと縦タブ派でした。PC画面って横に広いから…。拡張機能のTab mix Plus や Panoを愛用してましたが、Firefoxのアップデートで使えなくなってからuserChrome.jsのverticalTabLiteforFx.uc.jsを使っていました。現在使えるタブ関連の拡張機能ならTree Style Tab - ツリー型タブやSideberyがプラスアルファな機能もあっていいのかもしれません。
現時点での正式リリース版(135.0)では「about:config」で「sidebar.revamp
」と「sidebar.verticalTabs
」をtrue
にします。
私はそんなに高機能/多機能な縦タブを求めていないので、verticalTabLiteforFx.uc.jsからFirefox自体の機能としての縦タブへ乗り換え(?)を試みています。デフォルト状態で不満だった余白取りすぎじゃない?という点はuserChrome.cssで調整してほぼ納得いく感じにできました。
タブグループ
Chromium系ブラウザではすでにおなじみ、タブをタブにドラッグしたり、タブ上右クリックメニューの「このタブをグループに追加」でタブグループを作ることができる機能です。タブをグループ化する機能自体は昔あったんですよね、Tab CandyとかPanoramaって名前だった気がします。いつの間にかなくなっていました。確かに専用ページ(?)で管理しなければならないのはちょっと面倒だった記憶があります。今回追加されたタブグループ機能はタブバー上で完結するのでより直感的にシンプルに使えるのがいい感じです。上の図の「my site」「firefox」がタブグループになります。名前は任意でつけられますし、つけなくても構いません。
現時点での正式リリース版(135.0)では「about:config」で「browser.tabs.groups.enabled
」をtrue
にします。
使っているアドオン
リストアップだけ。Firefox137(Nightly)で使えています。
- Analog Clock
- Control Panel for Twitter
- Cookie AutoDelete
- DuckDuckGo Privacy Essentials
- Feedbro
- FireMonkey
- Format Link
- Private Tabs
- Search Result Previews
- Textarea Cache
- uAutoPagerize
- uBlock Origin
- Want My RSS
ユーザースクリプト
FireMonkeyに導入しているもの
- AdGuard Extra
- Amazon.co.jpの商品ページに各種リンク追加
- GitHubのファイル一覧を更新日時順(降順)に並べ替える.user.js
- Google Search Sidebar
- Pixiv Infinite Scroll
- Show Password on MouseOver
- てがろぐ画像管理画面.user.js(自作)
- てがろぐ管理画面をちょっと便利に.user.js(自作)
- ヨドバシ検索結果で量あたり単価を表示
user.js
user.jsはFirefoxの設定を制御できる構成ファイルです。「設定」画面や「about:config」で変更・編集したい設定をまとめて記述でき、新しくFirefoxをインストールした場合にもこのファイルをコピーすることで同じ設定を引き継ぐことができます。設置場所はプロファイルフォルダです。
//ver.2025/02/06 22:08
//言語
user_pref("intl.accept_languages","ja, en-US, en");
//起動・終了時・タブの挙動
user_pref("browser.shell.checkDefaultBrowser",false);
user_pref("browser.aboutConfig.showWarning",false);
// 複数のタブを閉じる時の確認
user_pref("browser.tabs.warnOnCloseOtherTabs",false);
// 複数のタブを開いているときにブラウザを閉じようとした時の確認
user_pref("browser.tabs.warnOnClose",false);
// 最後のタブを閉じた時Firefoxを終了しない
user_pref("browser.tabs.closeWindowWithLastTab", false);
// 起動時のページ・ 0: 空白 1: ホームページ 2: 最後に表示していたページ 3: 最後に開いていたタブ
user_pref("browser.startup.page",3);
// 新しいタブページを空白に
user_pref("browser.newtabpage.enabled",false);
user_pref("browser.newtabpage.activity-stream.showSponsored",false);
user_pref("browser.newtabpage.activity-stream.showSponsoredTopSites",false);
user_pref("browser.newtabpage.activity-stream.default.sites","");
user_pref("browser.pagethumbnails.capturing_disabled",true);
user_pref("browser.pagethumbnails.storage_version",3);
// タブホバーでウェブページサムネイル表示
user_pref("browser.tabs.hoverPreview.enabled",false);
user_pref("browser.tabs.hoverPreview.showThumbnails",false);
// タブの開き方
user_pref("browser.link.open_newwindow.restriction",0);
user_pref("browser.tabs.insertAfterCurrent",true);
user_pref("browser.search.openintab",true);
user_pref("browser.tabs.loadBookmarksInTabs",true);
user_pref("browser.urlbar.openintab",true);
// コンテナタブ
user_pref("privacy.userContext.enabled",true);
user_pref("privacy.userContext.ui.enabled",true);
// ピン留めしたタブを選択するまで読み込みをしない
user_pref("browser.sessionstore.restore_pinned_tabs_on_demand",true);
// タブグループ
user_pref("browser.tabs.groups.enabled",true);
// カスタマイズ UI 密度のコンパクトを復活させる
user_pref("browser.uidensity",1);
// URLバー・検索バー
user_pref("browser.urlbar.trimURLs",false);
user_pref("browser.search.widget.inNavBar",true);
// Pocket無効
user_pref("browser.pocket.enabled",false);
// ネイティブ通知を無効
user_pref('alerts.useSystemBackend', false);
// おすすめの機能を紹介するを無効
user_pref("browser.newtabpage.activity-stream.asrouter.userprefs.cfr.addons",false);
user_pref("browser.newtabpage.activity-stream.asrouter.userprefs.cfr.features",false);
//アドオン
user_pref("extensions.update.autoUpdateDefault",false);
user_pref("extensions.getAddons.showPane",false);
user_pref("extensions.getAddons.discovery.api_url","");
user_pref("extensions.htmlaboutaddons.recommendations.enabled",false);
user_pref("browser.discovery.enabled",false);
//AMOでアドオンを動作させる
user_pref("privacy.resistFingerprinting.block_mozAddonManager",true);
user_pref("extensions.webextensions.restrictedDomains","");
//セキュリティ
user_pref("security.dialog_enable_delay",0);
user_pref("privacy.globalprivacycontrol.enabled",true);
user_pref("privacy.donottrackheader.enabled",true);
user_pref("privacy.trackingprotection.enabled",true);
// Cookie Banner handling
user_pref("cookiebanners.service.mode",1);
user_pref("cookiebanners.service.mode.privateBrowsing", 1);
//その他
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
user_pref("middlemouse.paste",true);
user_pref("browser.download.useDownloadDir",false);
user_pref("gfx.font_rendering.cleartype_params.pixel_structure",1);
user_pref("gfx.font_rendering.cleartype_params.rendering_mode",5);
user_pref("dom.event.contextmenu.enabled",false);
// ServiceWorker を無効
user_pref("dom.serviceWorkers.enabled",false);
// 135- サイドバーとページ表示部境界の角丸
user_pref("sidebar.revamp.round-content-area",false);
// CSS
// user_pref("layout.css.at-scope.enabled", true);
// user_pref("layout.css.field-sizing.enabled", true);
そのほか、userChrome.cssやuserChrome.js(長くなるので今回は紹介割愛)でカスタマイズして私のFirefoxはこんな感じです。皆さんのFirefoxも見せてください!