【Chrome】タブを綺麗に使って作業効率UP

# はじめに
この記事では荒れがちなchromeタブを整理し効率的に使うためのちょっとしたtipsをご紹介します。
筆者の環境はmacですが、その他OSでも使える内容になっていると思ます。


# 乱立するタブ

![スクリーンショット 2020-12-22 13.43.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/598d70e0-9f3f-b728-de33-01599507bd51.png "tab rush")

便利なwebサービスを多様した結果、chromeのタブがこのような状態になってる方は多いのではないでしょうか。

自分の場合、チャットツール, spreadsheet, 後で読む予定の論文や技術記事のストックなどが溜まってこうなってしまいます。
こうなると目的のタブ探しが結構コストになってきますよね。
急いでる時なんかは探すのが面倒なので新しいタブを開いてさらに状況が悪化したり...

# 解決策
この問題を回避するための便利な機能をChrome公式で色々と追加してくれています。
今回はこちらの４つを紹介していきます。

1. [頻繁に使うタブの固定](#頻繁に使うタブの固定)
2. [タブのグループ化](#タブのグループ化)
3. [固定とグループ化の両立](#固定とグループ化の両立)
4. [タブのプレビュー](#タブのプレビュー)


## 頻繁に使うタブの固定
毎日必ず使うタブは固定しておくのがおすすめです。
固定したタブはこのように左端に集められ、潰れかけのファビコンも綺麗に表示されるので見失いにくくなります。
また、Chromeを再起動した際に自動で復元されます。(解除するまでは再起動後も固定が維持されます。)

![スクリーンショット 2020-12-22 13.49.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/a32d7c3d-1ceb-353b-2514-13f45cd43fcd.png "pin tab")


### 使い方
固定はタブを右クリック→「固定」で行えます。
解除も同様に右クリック→「固定を解除」を選択するだけです。
固定したタブは閉じるマーク(×)が消えますが、通常のタブと同様右クリック→「閉じる」または`command+w`(windows or linuxの場合は`Ctrl+w`)で閉じることができます。

![qiita_adcale_pin.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/fdf8af58-05de-dc44-a448-5397f1679c87.gif)




## タブのグループ化
タブを名前付きのグループにまとめることができます。
自由な括りでグループにできるので目的のタブを見つけやすくなります。
グループ単位で縮小表示ができるので、必要なグループのみを表示すればタブの迷子になりません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/4080e390-7cdd-81f1-9f7c-4541ccbf5c5c.png)

### 使い方
使い方は非常にシンプルです。
右クリックまたはドラッグ＆ドロップでグループの作成やタブの入れ替えを直感的に行えます。

グループの作成
![qiita_adcale_group0.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/58e7a909-cfd3-fd84-7ba6-3f87d70a60c7.gif)

ドラッグ&ドロップでタブをグループに追加
![qiita_adcale_group1.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/6c9c67ba-fd9a-0418-51e4-87838dc24c9c.gif)

ドラッグ&ドロップでタブをグループに追加
![qiita_adcale_group2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/41f0c645-eed4-84d0-a98f-cc36a6836765.gif)

グループに新規タブを追加
![qiita_adcale_group3.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/27895d33-eef2-87d8-dba8-8eed1a0e65e9.gif)

グループ内のタブから同じグループに新規タブを追加
![qiita_adcale_group4.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/f51447ad-0065-232e-8f6d-adf37127b891.gif)

ドラッグ&ドロップでグループ間の移動
![qiita_adcale_group5.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/edb175ae-b30d-9994-366e-451be21ad71f.gif)

グループまとめて移動
![qiita_adcale_group6.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/52ccc3ac-f87d-b6cf-6959-60223e32bbf3.gif)

まとめて閉じることも可能
![qiita_adcale_group7.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/bb967730-4990-facd-84f0-648d8c22b954.gif)


## 固定とグループ化の両立
現状、一つのタブに対して固定とグループ化を同時に行うことはできません。
しかし、グループ化して、かつ毎回起動時に開いてほしいページもあると思います。
そういう場合には、chromeの起動時の設定にページを追加しましょう。

### 手順
- chromeの「設定」から「起動時」に移動(あるいはアドレスバーで`chrome://settings/onStartup`)
- 「特定のページまたはページセットを開く」を選択
- 固定したいページのアドレスを追加

これで、よく使うタブをグループ化しつつ再起動時には自動で開いてくれるようになります。
※再起動時にはグループは解除されます。
![qiita_adcale_pin_group1.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/20dc63b9-7ff8-bcaa-bd1e-494178ec984d.gif)


## タブのプレビュー
ここまででタブが整理されましたが、それでもタイトルが隠れてしまうことがよくあります。
隠し機能のtab-hover-cardsを使えばさらに目的のタブを見つけやすくなります。(正確には試験運用段階の機能)

### 手順
アドレスバーにこちらを入力して管理画面に移動します。
`chrome://flags/#tab-hover-cards`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/58f2dbe1-7208-72e8-173b-c7b2757e3b14.png)

Enabledに設定するとマウスホバーでタブのページタイトルカードが表示されるようになります。
![qiita_adcale_preview1.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/3e533490-4998-298a-ec20-c09143803543.gif)

さらにこちらの機能をEnabledにするとページのプレビューを表示できます。
`chrome://flags/#tab-hover-card-images`

![qiita_adcale_preview2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/922673/51f41a08-535c-d455-8757-5fd94f40680f.gif)


## おわりに
以上、タブの工夫でChromeライフを快適にするtipsを紹介しました。

全て公式の機能ですが周りであまり使われてない印象だったのでこの機会にご紹介しました。

少しでも参考になれば幸いです。