時短・工数削減するならアプリやChrome拡張にショートカットを設定するのがオススメ！

私は効率のよく開発するために時々振り返っています。

:::note alert
理由は、ルーチンになった作業や業務こそ無駄なことが多いと考えているからです。
:::

これまで煩わしいと考えながら放置していたことが楽になったので読んでくださる方の**時短や効率化**につながれば大変嬉しいです。

## 業務で使っているツール
リモートワークではZoomを利用しています。

- 声をかけられた時にマイクのミュート切り替えまでにラグが出てしまい反応が遅れる
- 画面共有やカメラのオン/オフのためのマウス操作が煩わしい
- ブレイクアウトルームの移動が煩わしい

などが悩ましい点でした。

### ブレイクアウトルームの移動が煩わしい

ブレイクアウトルームの項目は画面幅が十分でないと表示から消えてしまいます。
移動する場合どうしてもアクションが多くなるので使いづらさを感じています。
![zoom.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/c7b8b066-c64d-5fc4-43c2-9a687a8a1e6c.gif)

:::noto warn
ブレイクアウトルームの移動の煩わしさはいまだ模索中です…良い案があればコメントをいただけるとすごく嬉しいです！
:::

ミュートの切り替えや各ボタンの操作はショットカットの設定をグローバルにすることで解決しました！

:::note alert
グローバル設定すると他のショートカットと競合する可能性があるのでご自身で調整してください…
:::

### ショートカットの設定方法

1. `command + ,`で設定画面を開きます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/f1a0caa7-bc4c-63fa-e140-34ac773c3dc0.png)

2. 左のメニューから「キーボードショートカット」を選択するとショートカットの設定画面が表示されます。
ショートカットの設定の**一番右側のチェックボックスにチェックするとグローバルショートカットを有効化**できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/618729b7-893f-712e-373b-1464c131a6ca.png)

初期設定だと`Shift + command + A`でミュートの切り替えられます！

:::note info
私はミュートの切り替えを「F1」、画面共有を「F3」に設定します。
カメラのオン/オフは基本操作しないのと誤操作防止のために`command + F2`に設定しています。
:::


## Chorome拡張機能にショートカットを設定する
よく使うChrome拡張機能はショートカットキーを設定しています。
簡単に設定できるのでぜひやってください！

### ショートカットの設定方法

拡張機能にショートカットを設定するに簡単です。
拡張機能のアイコンが並んでいる一番右にパズルのピースのようなマークがあります。

![スクリーンショット 2022-12-03 13.27.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/44919b37-f839-1d19-eae8-ff4d921b60b3.png)

クリックすると拡張機能の一覧の一番下に「拡張機能を管理」という項目が表示されているのでそちらをクリックします。
![スクリーンショット 2022-12-03 13.31.53 2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/1fb85036-405e-abe6-b87f-20d211ef86c0.png)

次に表示された画面左上にメニューがあります。
![スクリーンショット 2022-12-03 13.39.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/db6e04ca-b030-3097-90c5-859b36f42405.png)

メニューを開くとキーボードショートカットの項目が表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/d0553fb5-3cff-44d8-ef98-058dbc9b0862.png)

ショートカットの一覧から登録していくだけです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/b07b4d97-6fcd-138c-5714-f658a93a9bd1.png)

:::note info
ショートカットキーはできるだけ2つのキーを組み合わせたものにしています。
3つのキーを組み合わせるショートカットだと忘れやすいのと押しにくいと考えているからです。
:::

### 業務効率が上がったChrome拡張ツールの紹介
業務の効率を上げるためや実装後のチェックに使っている拡張機能を一部紹介したいと思います！

#### HTMLチェッカー
HTMLの閉じ忘れなどを確認してくれます。
ショートカットは`Option + H`に設定しています。

https://chrome.google.com/webstore/detail/html%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%81%E3%82%A7%E3%83%83%E3%82%AB%E3%83%BC/ohdllebchmmponnofchalfkegpjojcaf?hl=ja

#### OneTab
ついついタブが増えすぎる人にオススメです。
増えすぎたタブを保存してくれる拡張機能で、ショートカットは`Option + T`に設定しています。

実行すると下記のようなOneTabのページにまとまっていきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/20c96da2-0138-e407-773d-5e2a419e938c.png)

全てを復元することも可能ですし、まとめたタブをページとしてシェアすることも可能です。
まとめたくないページはタブを固定しておくとOneTabの対象外となります。

https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=ja

:::note info
記事を書いていたら新しいものを発見しました。
長くなりそうなので機能紹介は記事の一番最後にします！
:::

https://chrome.google.com/webstore/detail/better-onetab/eookhngofldnbnidjlbkeecljkfpmfpg/related

#### Copy All Urls
「現在開いているタブのURLを全てコピーする」、「コピーしたURLを全てコピーして開く」の2つの機能があります。
ショートカットはCopyを`Option + C`、Pasteを`Option + V`に設定しています。

https://chrome.google.com/webstore/detail/copy-all-urls/djdmadneanknadilpjiknlnanaolmbfk?hl=ja

#### Tab pinner
タブ固定してくれるショートカットが実現でき、ショートカットは`Option + P`に設定しています。
「Tab pinner」で調べると複数ヒットしますが、機能がシンプルなのでこれを使ってます。

https://chrome.google.com/webstore/detail/tab-pinner/mcclikmfcmcpejkaobpfkmmbekbhedoi/related

開いてるタブを全て固定したいなどの要望がある場合は下記の「Tab Pinner」をお使いください。

https://chrome.google.com/webstore/detail/tab-pinner-keyboard-short/mbcjcnomlakhkechnbhmfjhnnllpbmlh

#### Edit This Cookie
cookieの操作を頻繁に実施する必要のある人は便利です。
cookieをすぐに消したい場合にも便利です。
ショートカットは`Option + E`に設定しています。

https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg?hl=ja

#### Disable keyboard shortcuts
登録されているショートカットを無効にしてくれます。
ときどき`command + M`で誤ってウィンドウを最小化してしまうのでこの拡張機能を使って無効にすることで文章を打ち込んでいる途中に誤って最小化されなくなって個人的にはストレスフリーです。

:::note warn
キーボード操作が正確な方は全く必要ないと思います。
:::

https://chrome.google.com/webstore/detail/disable-keyboard-shortcut/aidbmcboeighgdnilpdljbedbbiocphj

## まとめ
便利なアプリやツールはたくさんありますが、多くなればなるほど便利にしているはずなのに不要な時間をかけている可能性もあります。

業務効率を上げたいと思った時にChromeの拡張機能を探すのはお手軽に効率アップを目指せる方法だと思います。

:::note info
固定するタブの位置を決めておくのも迷う時間が少なくなり時間短縮になると思います！
私は1つ目はOneTab、2つ目はチャットツールと決めておくことでChromeのショートカット`command + 1`や`command + 2`を使うことで瞬時に切り替えられるようにしています！
:::

ルーチンになった作業を定期的に見直してもっと作業効率を上げて本当に必要なところに時間を使えるようにしましょう！

## 【おまけ】記事を執筆中に見つけてしまったOneTabの上位互換「better-onetab」の紹介

**OneTabのちょっと煩わしい部分が改善された**上位互換であると思いました。

### OneTabから改善されていて嬉しかった点
- まとめたタブを後から移動できる
- まとめたタブにタグ付けや検索ができる

:::note alert
上位互換と表現しましたが、タブのリストを共有するリンクの生成ができない模様です…。
これまで利用していたなら実装を待つか、乗り換えは控えた方がいいと思います。
:::

#### まとめたタブを後から移動できる
OneTabは一度タブをまとめてしまうと別のタブのまとまりに1つだけ移動できませんでした。
better-onetabはドラッグ＆ドロップで移動できます！
![onetab-move_1.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/8782864f-70f6-f57f-0c72-badb56dc981d.gif)

#### まとめたタブにタグ付けや検索ができる
【タイトル】が付けられるのはOneTabと同じですが、タグ付けや検索もできます。
![onetab-tag.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/b3d54433-73ea-64cb-7650-23373361860e.gif)

検索機能は、タグが直接表示されるのでよく使うものにはタグ付けしておくのが良いと思います！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/146612/52d5fe4a-d9d9-6288-59b9-84b39be57413.png)

拡張機能のショートカットも「拡張機能を有効にする」以外だとOneTabが2つに対してbetter-onetabは5つ設定できます。

私は5つのうち「Store all tabs」「Store selected tabs」2つにショートカットを設定しました！

「Store all tabs in all windows」のショートカットはバラバラのwindowでも一つのリストにまとめてくれますが、間違ってショートカットを実行するのが嫌だったので便利ではありそうでしたが設定はしませんでした。

https://chrome.google.com/webstore/detail/better-onetab/eookhngofldnbnidjlbkeecljkfpmfpg/related