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

Diary
この記事は約3分で読めます。
この記事は最終更新日より 1 年以上経過しています。
画像やリンクが無効になっている可能性もあるのでご了承下さい。

 タブグループ機能とタブグループボタン、縦タブ表示の 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...

導入後

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

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

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

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

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

 デフォルトのプロファイルフォルダは
 %APPDATA%\Mozilla\Firefox\Profiles
 であり、これをエクスプローラーのアドレスバーへコピペしてエンターを押せば一発アクセス出来る。
 このフォルダ以下にある “xxxx.default” と .default のついたフォルダがプロファイルフォルダ

 (userChrome.css 設置位置の例)
  %APPDATA%\Mozilla\Firefox\Profiles\hogehoge.default\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” という “グループ化されていないグループ” の名前を変更出来ない点位かなと感じている。それと贅沢を言えばタブダブルクリックでリロードしてくれたりすると非常に助かるかなーと。

著者プロフィール
ぶっち

本格的に PC へ触れ始めてたのは 1990 年位から。
興味は PC 全般。OS は Windows と Linux などを嗜む。
プログラマやネットワークエンジニアを経てフリーに活動している 40 代も後半に入ったおじさんです。

ぶっちをフォローする

コメント

  1. >タブグループ機能とタブグループボタン、縦タブ表示の 3 つだけは必須
    まったく同感です。私もタブグループ機能があるがゆえにFirefoxをメインで使ってきました。
    そのため、今回のアップデートは大きな衝撃でした。
    いろいろ調べてここにたどり着きましたが、どうやら “Tree Tabs”で十分に代替できそうですね。
    ありがとうございます。

    ただ、当方英語に疎く、英語表記の “Tree Tabs” を使いこなすのには時間がかかりそうです(笑)

  2.  コメントありがとうございます!
     私も英語はさほど得意なわけではないので S3.Translator というアドオンを入れて設定画面の英文を選択、右クリックした時に出るコンテキストメニューより “S3.Translator > 選択したテキストを翻訳” として Google 翻訳された文章でなんとかやっている状態です。
     現状、この Tree Tabs のおかげで Firefox 57 がメインブラウザの座を獲得しております (笑

  3. vivaldiにも同様のものがありますね。
    自分は、vivaldiで使っていたので、この記事を見て驚きました。

  4.  情報ありがとうございます!
     ちょっとググって調べてきたらどうやら同じ作者さんが作っている物のようですね。
     試しに Vivaldi へ Tree Tabs を入れてみたら拡張機能内でタブグループを実現しているようで驚きました。Vivaldi も同様に便利な使い方が出来そうです。まだ実験版とされているので注意は必要そうですが。

  5. ぶっちさん、お久しぶりです。
    8年前にTree Tabsを教えていただいたKALEEDAです。
    その後お元気なようで何よりです。

    ぶっちさんはまだTree Tabsをお使いでしょうか。
    私はその後、Tree Tabsを細かく作り込んで快適に使っていました。
    ところが先日、Firefoxを立ち上げたところ、サイドバーが真っ白になっていました。
    調べたところ、Tree Tabsは長期間更新されておらずセキュリティ上の懸念があるということで、Firefox側が削除してしまったようです。

    また衝撃を受けて代替のアドオンを探し、ほぼ同じ外観と機能を持つSideberyを見つけFirefoxに追加しました。
    当初デフォルトでは非アクティブタブの文字が薄くて読みづらかったのですが、
    Sideberyの 設定>スタイルエディタ>タブ>Discarded title opacity
    から濃くすることができました。
    その後背景色も変え、更に調整中です。グループ名をTree Tabsのように常時表示することはできないようですが、ファビコンの色や形を工夫し、グループ数を少なめにすれば問題はなさそうです。

    私は常時1000程度のタブを10個のグループに振り分けて使用しています。必要なタブに瞬時にアクセスできるため、タブグループは必要不可欠なアドオンになっています。
    しかしtab groupsのユーザーは、Firefoxによると、Sideberyで6万人、Tree Tabsで2千人程度。これは全世界の数だそうです。タブグループはあまり使われていないようですね。残念な話です。

    なお、Firefox自体も本体で縦タブ、タブグループ、コンテナを搭載したようですね。調べたところ、ツリー型のタブではないうえに文字が小さいので、私には今のところ使えないようです。

    •  8 年越しのコメントありがとうございます!! お久しぶりです。
       今もなお Firefox がメインブラウザであり、Tree Tabs も使用しています。

       しかし、セキュリティ上の懸念があるからと言って自動でアドオンが削除されるとは初耳です。
       Tree Tabs 自体は公開されている状態だから、動作上の問題は無いと思うのですが……
       なんだかとんでもない動作ですね。調べても勝手に削除される現象は見受けられないですし。

       自分は Tree Tabs が無いとちょっとタブ管理しきれないと思うので怖いですねぇ……

  6. ぶっちさんの方はTree Tabs が何事もなく使えていますか。
    それでは私の方が未だにWindows 10 を使っているせいかもしれません。
    この間、ESUに登録し、1年間延長サポートを受けられるようにしましたが。

    もう少し調べてから報告いたします。

  7. ぶっちさん、こんばんは。

    その後、Firefoxの拡張機能とテーマから、Tree Tabsを無効ではなく「削除」し、改めて「Firefoxに追加」したら、Tree Tabsがサイドバーに出現しました。タブグループとその中のタブは多少割り振りが乱れていましたが。
    また、外観はデフォルトに戻ってしまっていたので、これを機会に改めて作り直しました。やはり、Sideberyよりは使い慣れたTree Tabsの方が断然良いです。

    今回もぶっちさんに助けていただきましたね。ありがとうございました。

    ところで、ぶっちさんの最近のブログを拝見しました。
    AIはずいぶん進歩したようですね。私は文章作成には使えませんが、タブグループについてあれこれAIモードで質問したところ、回答は文章としては完璧でした。内容には多少間違いがありましたが(笑)

    ソニーのα6400良さ気ですね。私はコンパクトデジカメ2台を散歩の友としています。いつか、α6400の購入も考えてみたいと思っていますが、ミラーレス一眼はやはりハードルが高いです。

    •  改めて使用できるようになったと言うことでなによりです。

       AI は自分の補助役として使う感じですが、やはり情報量が半端無いので何かと作業が楽になりますね。
       ただし、間違いを間違いであると内容からくみ取れる程度には知識が無いと危うい物もあるかと感じます。

       カメラを買うときは思い切りというか勢いのような物も必要かなと。値段も張るので……
       散歩の友にパッととるのであればミラーレスが軽くて取り回しも良いから使いやすいけど、画像処理ソフトやら現像ソフト、レンズがなんだと欲が出て沼にハマれば出費がアレです。
       あと、α6400 も良いですが、予算次第では α6700 を視野に入れてもいいかもしれません。
       ある程度使ってからボディ内蔵手ぶれ補正が欲しくなってくるかもしれないです(笑

  8. ありがとうございます。カメラは財布と根気と相談して考えてみます(笑い)

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.