大量に開いたタブを自動的にグループ化出来るChrome拡張機能「Acid Tabs」を使ってみた

## はじめに

**環境**
- Windows 11 home

**対象者**
- タブがいっぱいで、どれがどれがわからなくなっている方
- 分かりやすい＆綺麗にまとめたいな、と思っている方

**注意点**
- chromeのタブ固定には効果ないみたいです。

### 説明
ビデオ会議などの画面共有でタブがいっぱい開きすぎて、「あれ～どれだっけな～」みたいな光景をたまに見ます。
ウインドウごとに分けたり、よく使うものはタブの固定化をしたり、新しいデスクトップ作成して種別ごとに分けたりなどの方法はいくらでもありますが、今回はそんな事をせずともURL判定で自動的にグループ化できる拡張機能をご紹介していきます。
これで「あれ～どれだっけな～」の時間が減ることが出来れば時間のお得です。

## 手順
    
### 1. Acid Tabs の取得
---
1.1　[chrome ウェブストア](https://chrome.google.com/webstore/category/extensions?hl=ja)を開きます。
![1.1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/c7cd29f4-0936-9df4-9491-a0e5ed1979b2.png)

1.2　Acid Tabsと検索し「chrome に追加」をクリック
![1.2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/130c2546-8695-05c5-6aa3-4cdf19537911.png)

1.3　「拡張機能を追加」をクリック
![1.4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/2b8e1b42-48b4-0fc4-a56c-830f554bad1d.png)

1.4　パズルみたいなマークをクリックし、Acid Tabs が追加されている事を確認。（ちゃんと追加されてますね！）
![1.5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/8a96739e-11d2-88b3-873f-1f263e2a4f36.png)


### 2. Acid Tabs を使ってみる
---
2.1　それでは実際に使っていきます。適当によく見るタブ大量化画像を準備しました。
![2.1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/c0454ca2-586f-466a-6bf1-090d07a5eb71.png)

- twitter×3
- Udemy×2（学習教材）
- Qiiita×3（技術情報ブログ）
- Zenn×4（技術情報ブログ）
- Notion×3（最高のアプリです。Notionについては[こちら](https://qiita.com/good_engineer00/items/b69a1d5af93f175c6e1f)で解説しております）
- google×3

こんな感じで乱雑にしてみました。
酔いそうなので、早速グループ分けしていきましょう。

2.2　”1.5”で確認したように、パズルみたいなマークをクリック→「Acid Tabs」をクリック→「CONTINUE」をクリック
![2.2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/09db563c-898e-4fbc-6c6c-719ba216df09.png)

2.3　一瞬で自動種別され、こうなります。（一部を除く）
![2.3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/c5ac021b-4134-177c-922d-fc55600d39bf.png)

:::note warn
【補足】
ただ、実際には全てのグループが自動で作られるわけではありませんでした。
ここで言うと、mail から News まで（縦の赤線）のグループは最初から追加されていた為、該当の箇所はグループ分けされる。
:::


逆に、Qiiita から notion など（青の赤線）はグループ分けされなかったので、「＋」から名前とURLを入力して最初だけ手動で追加したわけです。（この辺は逆にカスタマイズ性があって良いと思います。）

で、最終的にまとめた結果が、上記の画像という訳です。
乱雑だった最初と比べると、視覚的にもかなり分かりやすくなり作業効率も上がると思います。


### 3. 追加説明
---
3.1　グループの開閉
今、このグループは、あまり使っていないから閉じたいなぁ、って場合は単純に該当グループをクリックすればＯＫです。
![3.1.1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/6e6a50c3-520c-b799-293f-63118bf655a4.png)
COLLAPSEボタンで全てを一括で閉じることも出来ます。

![3.1.2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/4e6b6bcd-209a-a93e-f396-01828185be20.png)
全てのグループが閉じた。（EXPANDボタン押せば、全てのグループを開くことも出来ます）
![3.1.3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/5fc8b1a8-86ba-7fac-755b-ed7235042491.png)

3.2　グループ内にタブの追加
例えば、「テスト1」にタブを追加させたい時、該当の
グループを右クリック→「グループタブを追加」でそのグループ内に追加も可能です。
![3.2.1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/2fb21678-31d3-ff0a-5d09-b806b4fa6866.png)
追加された。
![3.2.2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/b023fb92-46c3-98fd-439e-96c616962618.png)


3.3　グループ名の変更から、追加/削除も自由
![3.3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3282990/6a5eb728-5e79-a222-4efa-8527dc23f08f.png)


## まとめ

お疲れ様でした！

追加説明の部分はわりとざっくりと説明しましたが、使ってみた感想として、かなりカスタマイズ性が高いし背景色での色分けも出来るし結構良いんじゃないかな。と思いました。
ただ、タブを固定化している方はこのグループ分けが出来なかったので、そこだけ注意です。
乱雑な状態よりちょっとでも綺麗な方が作業効率も良いし、画面共有された方も「おっ！」ってなると思うので、これを機にタブは綺麗にしましょ。って感じの緩い記事でした。

見て頂きありがとうございました！