Firefoxで縦型タブを使う方法

0
1002

ウェブブラウザを使い慣れたユーザーであれば、Firefoxのタブ管理の制限に不満を感じたことがあるかもしれません。Firefoxはプライバシー機能とオープンソースの性質で知られていますが、ビルトインの垂直タブ機能は持っていません。

幸いなことに、Firefoxにこの必要な機能を追加できるサードパーティ製のアドオンがいくつか用意されています。人気のあるアドオンのひとつが「Tree Style Tab」で、タブをブラウザウィンドウの側面に沿って縦に表示することができます。しかし、ここではさらにいくつかのアドオンを見ていきます。

では、さっそく始めましょう!

Firefoxで縦型タブを使えるようにする「Tree Style Tab」の使い方

さて、まずは「ツリースタイルタブ」についてです。

Mozilla Firefoxの人気アドオンで、ブラウザウィンドウの側面に沿ってタブを縦に表示することができます。Firefoxのデフォルトの水平タブレイアウトとは異なり、Tree Style Tabはタブを階層的なツリー構造で配置し、複数のタブの整理やナビゲーションを容易にします。

タブをドラッグ&ドロップしてサイドバー内で並び替え、マウスのスクロールホイールやキーボードの矢印キーで開いているタブを移動、垂直タブバーの上部にある矢印ボタンでサイドバーを折りたたんだり広げたり、サイドバーの上部にある検索バーで特定のタブをすばやく見つけることができます。

では、そのインストール方法を紹介します:

  • 追加]をクリックし、許可に同意することで、この動作を確認します。
  • 最後に、すべての開いているタブの列が左側にデフォルトで表示されます。
  • 新しいタブを開くには、アイコンをクリックします。

ツリースタイルタブは、タブの幅を調整したり、タブを1つしか開いていないときにタブバーを表示するかどうかを選択したり、垂直タブレイアウトにカスタムテーマを適用したりと、高いカスタマイズ性を備えています。

  • ツリースタイルタブの設定にアクセスするには、右上の「拡張機能」アイコンをクリックします。
  • その後、ツリースタイルタブ拡張機能の横にある歯車アイコンをクリックし、その設定を開きます
  • そこでは、垂直タブサイドバーの外観やその他のパラメータをカスタマイズすることができます。

しかし、まだ1つ未解決の問題があります。上のタブバーをどうするか?幸い、ブラウザをより美しく見せるために、非表示にするオプションが用意されています。

Firefoxで上部の横長のタブを非表示にする方法

Firefoxに垂直タブ拡張機能をインストールしたら、ブラウザの上部にある標準の水平タブ列を非表示にしたいと思うかもしれません。そのためには、CSSコードを使ってブラウザのメニューシステムをカスタマイズできるFirefoxの強力な機能を利用することができます。この機能を使うのは難しいかもしれませんが、設定方法はとても簡単です。

そこで、こんなことをやってみましょう:

  • アドレスバーに「about:config」と入力し、「Accept the Risk and Continue」をクリックします
  • 次に、これを検索環境名バーに貼り付けます:
    • toolkit.legacyUserProfileCustomizations.stylesheets
  • パラメータをダブルクリックすると、“true “に変化します

その後、カスタムCSSファイルを作成する必要があります:

  • Firefoxを起動し、アドレスバーに「about:support」と入力してください。
  • Profile Folderエントリーの横にある「Open Folder」ボタンをクリックします。
  • プロファイルフォルダーに、「chrome」という名前の新しいフォルダーを作成します(まだ存在しない場合)。
  • chromeフォルダ内に新しいテキストファイルを作成し、名前を「userChrome.css」とします(拡張子は.txtではなく、.css)。
  • userChrome.cssファイルをテキストエディタで開き、以下のコードを追加します:
.tabbrowser-tab {
  visibility: collapse;
}
.titlebar-button {
  height: 27px !important;
}
#nav-bar {
  margin-top: -42px;
  margin-right: 140px;
  box-shadow: none !important;
}

[uidensity="compact"]:root .titlebar-button {
  height: 32px !important;
}
[uidensity="compact"]:root #nav-bar {
  margin-top: -32px;
}

#titlebar-spacer {
  background-color: var(--chrome-secondary-background-color);
}
#titlebar-buttonbox-container {
  background-color: var(--chrome-secondary-background-color);
}
.titlebar-color {
  background-color: var(--toolbar-bgcolor);
}

#main-window[inFullscreen="true"] #sidebar-box,
#main-window[inFullscreen="true"] #sidebar-box + splitter {
    visibility: collapse;
}

#sidebar-box #sidebar-header {
  display: none !important;
}

手順が完了したら、Firefox を再起動する前に userChrome.css ファイルを必ず保存してください。これにより、水平タブバーが消え、ナビゲーションボタン、アドレスバー、拡張機能、ウィンドウボタンを含むより合理的なメニューバーだけが残されます。さらに、フルスクリーンモードでは、垂直タブバーも非表示になります。

トップナビゲーションバーをカスタマイズするには、その上で右クリックし、「ツールバーのカスタマイズ」を選択するだけです。アドレスバーの横に、クリックやドラッグでウィンドウを移動できるフレキシブルなスペースを追加することを検討するとよいでしょう。

タブの上段を表示させたい場合は、chromeフォルダに戻ってuserChrome.cssファイルを削除し、Firefoxを再起動することで元に戻すことができます。また、このファイルを「hiddentabs.css」などにリネームし、必要に応じてリネームし直すことで、再びタブの上段を非表示にすることができます。

Firefoxで垂直タブを有効にするために、他に何を使えばいいのか?

Tree Style Tabの他に、縦型タブレイアウトを提供するFirefox用の人気拡張機能が2つあります:SideberyとTab Center Rebornです。

Sideberyは、垂直タブなど様々な機能を提供する、カスタマイズ性の高いFirefox用サイドバー拡張です。この拡張機能では、ブラウザウィンドウの左側または右側にタブを表示したり、タブバーの幅や動作をカスタマイズしたり、タブのカスタムグループを作成したりすることができます。また、Sideberyは、ブックマーク、履歴、ダウンロードなどの機能を提供し、すべてサイドバーからアクセスできます。

Tab Center Rebornは、Firefoxで縦型タブを提供するもう一つのアドオンです。Tree Style Tab や Sidebery と同様に、Tab Center Reborn はタブをブラウザウィンドウの側面に沿って縦列に並べます。Tab Center Reborn は、タブを表示するウィンドウの側面の選択、タブバーの幅と動作の調整、タブアイコンの外観のカスタマイズなど、さまざまなカスタマイズオプションを提供します。

SideberyとTab Center RebornはどちらもFirefoxの縦型タブのためのユニークな機能とカスタマイズオプションを提供しており、ユーザーは特定のニーズや好みに応じて、どちらかを好むかもしれません。全体として、3つのアドオンはFirefoxで複数のタブを管理するための効率的で組織的な方法を提供し、どのアドオンが自分にとって最適かを判断するためにそれぞれを調べる必要があります。

LEAVE A REPLY

Please enter your comment!
Please enter your name here