Latest evidence-based health information
Apps

Firefox の垂直タブ: はい、本当に可能です!

Firefox の垂直タブ: はい、本当に可能です!
Firefox の垂直タブ: はい、本当に可能です!

ある種のパワーユーザーにとって、Firefox に垂直タブのサポートがないことは、致命的問題のように思えるかもしれません。

縦向きタブは、1つのウィンドウで数十個のブラウザタブを管理するのに最適です。ほとんどのウェブサイトでは横幅があまり使われていないため、横幅を犠牲にすることなく、各タブのサイズは一定に保たれます。そのため、ページタイトルを見失う心配もありません。また、画面に収まりきらないほど多くのタブを開いた場合でも、マウスホイールやトラックパッドを使ってリストを上下にスクロールできます。

私は Firefox を定期的に使用しているわけではないのですが、最近、プライバシーを重視した Librewolf というフォークを試し始めたところ、そもそも私が Firefox から離れた理由をすぐに思い出しました。Microsoft Edge、Vivaldi、Arc などの他の注目のブラウザーとは異なり、Firefox は垂直タブを正式にサポートしておらず、Librewolf も拡張機能として垂直タブをサポートしていません。

しかし、非公式ではありますが、Firefoxやその他のFirefoxベースのブラウザで縦向きタブを設定する方法があります。縦向きタブブラウザの拡張機能と、あまり知られていないFirefoxのメニューカスタマイズ方法を組み合わせることで、横向きタブの列を非表示にすることができます。(画面スペースを最大限に活用するために重要な2番目の手順を省略した、拙速に書かれたガイドを数多く見てきました。)

MozillaはFirefoxで垂直タブのサポートを検討していると報じられていますが、Mozillaの決定を待つ必要はありません。今すぐ設定する方法は以下のとおりです。

垂直タブ拡張機能を選択する

Firefoxの縦型タブアドオンをいろいろ試してみましたが、一番良かったのはTree Style Tabです。デフォルトではFirefoxの現在の「Proton」デザインのルック&フィールを維持していますが、古い「Photon」テーマや高コントラストレイアウトなど、他のデザインを選択することもできます。

Firefoxのツリースタイルタブ拡張機能

ツリー スタイル タブでは、垂直タブ行にいくつかのスタイルが提供されます。

ジャレッド・ニューマン / ファウンドリー

さらに便利なのは、ドラッグ&ドロップでタブを簡単にグループ化できることです。タブを別のタブの上に移動するだけで、新しいグループが作成されます。その後、グループの横にある矢印をクリックすると、グループ内のタブを展開したり折りたたんだりできます。(特に縦向きのタブはグループ化に便利です。)

Tree Style Tabを使い始めるには、Firefoxのアドオンサイトからインストールするだけです。または、他の拡張機能も試してみてください。

  • Tab Center Reborn はタブのグループ化をサポートしていませんが、タブ検索ツールが組み込まれており、スペースに余裕がある場合は各タブのサムネイル ページ プレビューを大きく表示できます。
  • Sidebery を使用すると、タブをツリー形式のサブページに配置できますが、上部のナビゲーション バーを使用してタブを切り替えることで、複数の垂直タブ セットを作成することもできます。
タブセンターの復活

Tab Center Reborn は、サムネイル ページ プレビューと組み込みの検索ツールを提供します。

ジャレッド・ニューマン / ファウンドリー

Firefoxのトップタブを非表示にする

Firefox で垂直タブ拡張機能を設定したら、上部の標準の水平タブ行を非表示にします。

そのためには、CSSコードを使ってメニューシステムをカスタマイズできる、Firefoxの非常にマニアックな機能を利用します。少し怖いように聞こえるかもしれませんが、設定手順は非常に簡単です。

まず、デフォルトではオフになっている Firefox の CSS カスタマイズ機能を有効にする必要があります。

  • アドレスバーにabout:configと入力し、「リスクを受け入れて続行」を選択します。
  • 「検索設定名」の下に、次のテキストを貼り付けます: toolkit.legacyUserProfileCustomizations.stylesheets
  • 右側のトグルボタンをタップして、設定が「true」になるようにします。
FirefoxでCSSを有効にする

ジャレッド・ニューマン / ファウンドリー

ここで、水平タブ バーを非表示にするためのカスタム CSS ファイルを作成する必要があります。

  • アドレスバーにabout:supportと入力します。
  • 「プロファイル フォルダー」というセクションまで下にスクロールし、「フォルダーを開く」ボタンをクリックします。
Firefoxでのプロファイルフォルダの選択

ジャレッド・ニューマン / ファウンドリー

  • 開いたフォルダ内に「chrome」という新しいサブフォルダを作成します。
  • 新しい「chrome」フォルダに、新しいテキスト ファイルを作成します。
  • テキスト ファイルの名前をuserChrome.cssに変更します (ファイル拡張子は .txt ではなく .css になります)。
  • メモ帳などのテキスト エディターを使用して、userChrome.css ファイルを開きます。
  • このページのすべてのテキストをコピーし、userChrome.css ファイルに貼り付けます。
FirefoxでuserChrome.cssファイルを編集する
userChrome.css ファイルは次のようになります。

ジャレッド・ニューマン / ファウンドリー

これらすべてを実行したら、userChrome.css ファイルを保存し、Firefox を再起動します

水平タブバーは非表示になり、ナビゲーションボタン、アドレスバー、拡張機能、ウィンドウボタンを含む、すっきりとしたメニューバーのみが表示されます。また、全画面モードに切り替えると、垂直タブバーも非表示になります。

いつものように、上部のナビゲーションバーを右クリックし、「ツールバーのカスタマイズ」を選択することでカスタマイズできます。アドレスバーの横に、ウィンドウをクリックしてドラッグできる柔軟なスペースを追加することをお勧めします。

上部のタブ列を復元したいですか? 前述の通り「chrome」フォルダに戻り、userChrome.cssファイルを削除してFirefoxを再起動してください。(ファイル名をhiddentabs.cssなどに変更し、上部のタブ列を再び非表示にしたい場合は、ファイル名を元に戻しても構いません。)

Firefoxでタブを管理する、はるかに優れた方法を手に入れたことをお祝いします。運が良ければ、Mozillaもすぐに追随し、この余分な作業は不要になるでしょう。

Jared の Advisorator ニュースレターに登録すると、毎週火曜日に技術的なヒントが受信トレイに届きます。

著者: ジャレッド・ニューマン(寄稿者)

ジャレッドは15年以上にわたりフリーランスのテクノロジージャーナリストとして活躍し、PCWorld、Fast Company、TechHiveに定期的に寄稿しています。TechHiveでは2014年から毎週、ケーブルテレビ解約に関するコラムを執筆しています。彼が発行するニュースレター「Cord Cutter Weekly」は3万人以上の購読者を抱え、テクノロジーアドバイスニュースレター「Advisorator」は毎週約1万人が購読しています。ジャレッドはニューヨーク大学でジャーナリズムの修士号を取得しており、ストリーミングやケーブルテレビ解約から便利なアプリやテクニックまで、複雑なテクノロジートピックを分かりやすく解説することに特化しています。オハイオ州シンシナティを拠点としています。

Otpoo

Health writer and researcher with expertise in evidence-based medicine and healthcare information.