Kinzaからの乗り換えもツリー型タブはVivaldi + Forest これで決まり！
背景、試行錯誤の内容に興味がなく、上記のようなツリー型タブをすぐ使いたい場合は、 設定のまとめを見てください。
背景
kinzaをツリー型タブで表示できるChromiumブラウザとして重宝していたが、 以前からGoogleアカウントの同期ができなくなり、遂に、
2021/07/09にkinzaの開発終了がアナウンスされました。
ツリー型タブを探してまたブラウザ難民となってしまいました。
Google Chromeの拡張機能、Microsoft Edgeの縦型タブと試してみたが、しっくりくるのがないのです。
公式サイトにある冒険したい方にご提案。タブバーは非表示にもできます。それでもサイドバーのウィンドウパネルから、ツリー型でタブ管理できます。 の謳い文句に惹かれ、Vivaldiを試すことにしました。
試行錯誤
環境
標準機能のウィンドウパネル
Vivaldiの公式サイトに ツリー型タブ として載っているウィンドウパネルを試してみます。
- 表示の設定を変更する
1) サイドバーのウインドウパネルを表示する
2) タブを非表示にする
設定 > タブ タブバーを表示 のチェックを外す
- タブを操作する
1) タブを開く
2) タブを別のタブ上にドラッグする
これで以下のように、ツリー型タブ風の表示はできます。
Vivaldiの標準機能範囲のツリー型風表示
でもあくまで ツリー型タブ風 です。
ツリー表示できるのはタブスタックの2階層分だけです。
3階層以上のツリーにはなりません。
また、タブスタックにするには、タブをスタックしたいタブへドラッグアンドドロップする必要があります。
これでは面倒くさいです。
欲しいのはこれではなかったです。
Tree Tabs
次に試したのは、Vivaldi ツリー型タブ でググるとよくヒットするTree Tbasです。
- VivaldiフォーラムのTree Tabsの投稿
- Vivaldi で Firefox の ツリースタイルタブ (Tree Style Tab)の機能を実装させる方法
- Google Chromeの代替ブラウザ Vivaldiでツリー型タブを使う
Tree Tabs 1.9.2だと以下の読み込みエラーになる
手順通り、解凍して、manifest.jsonを編集しても以下のエラーになります。
詳細でエラーメッセージを確認すると以下のエラーが出ています。
- Unrecognized manifest key 'sidebar_action'.
- Permission 'tabHide' is unknown or URL pattern is malformed.
manifest.json から該当箇所を削除すると、読み込みエラーには解消できましたが。
しかしウェブパネルに登録しても、ウェブパネルを開くと以下のエラーになり動作しません。
このサイトにアクセスできません
chrome://extensions/${ID}/sidebar.html のウェブページは一時的に
停止しているか、新しいウェブアドレスに移動した可能性があります。
Tree Tabs 2.0.9
VivaldiフォーラムのTree Tabsの2021年5月29日のまとめ
こちらでリンクされているTree Tabs 2.0.9だと、読み込みは正常にできますが、やはり、登録したウェブパネルを開くと以下のエラーになります。
このサイトにアクセスできません chrome://extensions/ dcnbcjkkgmcndgcommhppkgddahipiha/sidebar.html のウェブページは一時的に 停止しているか、新しいウェブアドレスに移動した可能性があります。
Tree Tabs 2.0.9も駄目です。
動作せず、原因がわからないので、Tree Tabsは諦めました。
Forest: Tree Style Tab Manager
Googole Chromeで、ツリー型タブの拡張を探していたときに、Forest: Tree Style Tab Manager を試したことがあります。
Tree Tabsでウェブパネルに登録するアイディアを参考に、Googole Chromeで試した時に感じた不満点もVivaldiなら解消できそうだなと思い試してみました。
この拡張には、以下の2つの表示モードがあります。
External
Inline
External
Google Chromeのツリー型タブの拡張系でよくある別ウインドウで表示するタイプの拡張です。
これはカッコ悪いので嫌です。
Inline
ツリー型タブの見た目は問題ないです。
しかし、Forestを操作ないときには、サイドバーが閉じられます。
Webサイトを読み始めると閉じられてしまうので、タブの操作しようとすると、カーソルを端まで移動して再表示する必要があります。
ここが残念だったので、過去Google Chromeで拡張を探していた時に、使用を諦めた経緯があります。
あと、Google Chromeだと上部のタブバーが消せない点も不満でした。
Vivaldiだとタブバーを非表示にできるので、そこは1つ不満点がなくなりました。
ウェブパネル
Tree Tabsのウェブパネル化を参考に、Forest: Tree Style Tab Managerを使う場合も、Inlineではなく、Externalに設定し、この拡張機能のURLをウエブパネルに登録すれば勝手に閉じられる不満点も解消できるのではないかと思いました。
ExternalのウインドウのURLをコピーしてください。 ExternalのURLの例
chrome-extension://hbledhepdppepjnbnohiepcpcnphimdj/forest_external.html
このURLをウェブパネルに登録します。
以下のようなツリー型タブで表示できました。
3階層以上でもツリー型で表示できています。
これでツリー型タブで思い浮かべるイメージ通りになりました。
設定のまとめ
1) タブバーを非表示にする
設定 > タブ 「タブバーを表示」のチェックを外す
2) Forest: Tree Style Tab Managerをインストーする
https://chrome.google.com/webstore/detail/forest-tree-style-tab-man/hbledhepdppepjnbnohiepcpcnphimdj?hl=ja
3) Forest: Tree Style Tab Manager の表示モードをExternalにする
4) ExternalのウインドウのURLをウェブパネルに登録する
chrome-extension://${ID}/forest_external.html
新しいウインドウを開く場合のコツ
新しいウインドウを開いた場合に、既存ウインドウのタブを引き継いで表示されてしまうが、新しいウインドウ側で表示を切り替えることでウインドウごとのみのタブを表示することができます。
1) cross window management を開く
新しいウインドウ側の Switch をクリックする
困る点
Forest: Tree Style Tab Managerを使用で、以下の点で困っています。
ダークモードのテーマに切り替えるのは有償 他の機能も含めて有償プランに値段ほどの魅力は感じないいのでフリープランのまま使おうと思います。
Forest: Tree Style Tab Managerから既存のタブを別のウインドウに分離不可- タブをドラッグドロップしようとしても⛔になってしまいできないです。
cross window managementからもウインドウ間のタブの移動はできないです。
新しくウインドウを開く、もしくは、ウインドウを閉じると、既存のウインドウのタブが、「Window 1」にフォーカスされた状態に勝手に変わってしまう。(2021/09/29 22:17 追記)
