Firefox 57 でタブグループ&縦タブを実現するアドオン “Tree Tabs”

　タブグループ機能とタブグループボタン、縦タブ表示の 3 つだけは必須としている筆者が Firefox 57 へ移行するにあたり、当初は “Sea Containers” を見つけてきてコンテナをタブグループに見立てた使い方をしてきた。
　しかし世の中は広いもので、コンテナを用いずともアドオン単体で擬似的にタブをグループ管理しつつタブグループ切替タブ&縦タブ表示をしてくれる “Tree Tabs” というアドオンがあった。

Tree Tabs の導入

　アドオンのページからインストールするのみ

Tree Tabs – 🦊 Firefox (ja) 向け拡張機能を入手

Firefox 向け Tree Tabs をダウンロード。You can manage your tabs in a tree structure.Themes: Some of many featu...

addons.mozilla.org

導入後

　Tree Tabs を導入して表示してみた全景はこれ。

　でもって Tree Tabs の部分をクローズアップした物がこれ。

　ウィンドウ左端にサイドバーとして表示され、その中でタブグループタブとツリータブが表示されている。上部には Tree Tabs の操作関連ボタンとピン留めしたタブが別個に表示されているので操作もしやすい。
　タブグループは Tree Tabs 独自に管理されているので他アドオンの影響を受けないし与えない。

Firefox 自体の追加カスタマイズ

　上記スクリーンショットではサイドバータイトルを低くしたりタブバー表示を消しているが、次のスタイルシートを Firefox のプロファイルのフォルダ以下 chrome/userChrome.css に記述する事で実現している。

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* タブバー非表示 */
#TabsToolbar {
  visibility: collapse;
}

/* サイドバーのヘッダーをスリムにする */
#sidebar-header{padding: 2px !important;}
#sidebar-icon{height: 12px !important;}
#sidebar-title
{
  font-size: 12px !important;
  padding-inline-start: 4px !important;
}

Tree Tabs の設定画面

　その他 Tree Tabs の設定として筆者は次の様にして使っている。全て英文だがそんな難しい文ではないので助かった。分からない所は S3.Translator と言ったアドオンも活用していくと楽。

　この設定で弄って居るのはタブの開閉に於ける動作程度。
　アクティブタブを閉じたらアクティブタブの上に戻ったり新規タブはアクティブタブの下に開くとかそう言った動作。

おわりに

　個人的に Tree Tabs の方が Sea Containers よりも UI 的には洗練されているので常用は Tree Tabs としつつ、サブ的にコンテナ管理用として Sea Containers も入れておくこととした。
　現状、Tree Tabs で気になる所は “Ungrouped tabs” という “グループ化されていないグループ” の名前を変更出来ない点位かなと感じている。それと贅沢を言えばタブダブルクリックでリロードしてくれたりすると非常に助かるかなーと。