【2024年】業務効率を上げるChromeの拡張機能

## はじめに

今回は、クリエイターの業務効率を上げるGoogleChromeのおすすめ拡張機能をまとめていきます。

## [OctoTree - GitHub code tree](https://chromewebstore.google.com/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc?pli=1)

![スクリーンショット 2023-12-23 8.53.35.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/50e386bf-f3b2-3057-13ad-917822718ede.jpeg)


https://chromewebstore.google.com/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc?pli=1

GitHubでのレビューや検索を効率化させる拡張機能になっています。

コードナビゲーションによって、GitHub上の大量のコードの検索が簡単にできるようになります。

## [ColorZilla](https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)

![スクリーンショット 2023-12-23 8.53.49.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/24679168-f9a1-84a6-0b2f-963e18b43085.jpeg)

[ColorZilla](https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)は、スポイトやカラーピッカーグラデーションの生成など簡単にできるツールになっています。

## [WhatFont](https://medium.com/stackademic/17-chrome-extensions-for-productivity-in-2024-e9862fa4c8ed)

![スクリーンショット 2023-12-23 8.57.33.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/4d5d0c87-e2a9-dbc7-0756-d7b68fcec9c4.jpeg)

Web ページで使用されているフォントを識別する際に使えるツールになっています。

## [OneTab](https://chromewebstore.google.com/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=ja)

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

![スクリーンショット 2023-12-23 9.19.18.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/3099af42-a14d-ec18-da42-4b2afaa4ba08.jpeg)

開いているページをリスト化しまとめることができる。メモリの消費量を削減できる。

## [JSON Formatter](https://chromewebstore.google.com/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa)

JSONデータを整形し、可読性を上げてくれるツールになっている。

エンジニア向けにJSONの解析やデバックをする際の活用できます。

![スクリーンショット 2023-12-23 9.00.33.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/78dad35a-0896-bea2-9eda-13c2b9eee04b.jpeg)

## [Window Resizer](https://medium.com/stackademic/17-chrome-extensions-for-productivity-in-2024-e9862fa4c8ed)

![スクリーンショット 2023-12-23 9.02.02.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/583009e5-4d20-bbde-4121-0f3545153fb4.jpeg)

[Window Resizer](https://medium.com/stackademic/17-chrome-extensions-for-productivity-in-2024-e9862fa4c8ed)は、ブラウザのウィンドウサイズを事前定義された寸法へ変更する際に役立つツールになっています。

エンジニアやデザイナーがさまざまな画面サイズでレスポンシブ デザインをテストするのに役立ちます。

## [TextBlaze](https://chromewebstore.google.com/detail/text-blaze-templates-and/idgadaccgipmpannjkmfddolnnhmeklj)

テキストテンプレート、スニペット、ショートカットを作成して、入力やコミュニケーションを高速化できる拡張機能です。

![スクリーンショット 2023-12-23 9.07.17.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/c8729317-56b2-1159-c956-cee89c03a7d2.jpeg)

## [CSSViewer](https://chromewebstore.google.com/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=ja)

閲覧しているサイトで、マウスオーバーによってCSSプロパティを表示できる。

![スクリーンショット 2023-12-23 9.16.08.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/4750ee34-825c-ba39-aaf4-330f5055ad19.jpeg)

## [DevTools Author](https://chromewebstore.google.com/detail/devtools-author/egfhcfdfnajldliefpdoaojgahefjhhi?hl=ja)

![スクリーンショット 2023-12-23 9.16.44.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/58fac1a7-30c5-a369-018d-4d1437b7dd81.jpeg)

デベロッパーツールのエディタのカラーやフォントを変更ができる。

## [Dark Reade](https://chromewebstore.google.com/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh)

![スクリーンショット 2023-12-23 9.08.21.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/d131769f-39c8-b3bb-8f10-5a88b4bc685e.jpeg)

DarkReaderは、サイトのダークモードを有効にし、暗い環境での目の疲れを軽減するブラウザ拡張機能です。

## [Copy All URLs](https://chromewebstore.google.com/detail/copy-all-urls/djdmadneanknadilpjiknlnanaolmbfk?hl=ja)

![スクリーンショット 2023-12-23 9.17.47.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/2bd66cf1-17f3-0377-5513-7b30679800cc.jpeg)

開いている大量のタブのURLを一括コピーできる。

## [Session Buddy](https://medium.com/stackademic/17-chrome-extensions-for-productivity-in-2024-e9862fa4c8ed)

![スクリーンショット 2023-12-23 9.12.36.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/9eef5b33-67f0-558f-77e2-1c220e7c6739.jpeg)

ブラウザのセッションを保存、復元、整理できるようにすることができる。

## [Grammarly for Chrome](https://chromewebstore.google.com/detail/grammarly-grammar-checker/kbfnbcaeplbcioakkpcpgfkobkghlhen)

![スクリーンショット 2023-12-23 9.14.00.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2695521/b0f27e94-1768-bdaa-4a19-b4640f02c030.jpeg)

ユーザーが入力するときにスペル、文法、句読点をチェックする執筆支援ツールです。

書かれたコンテンツの品質を向上させるのに役立ちます。

## 最後に

他にも色々な記事を書いているので読んでいただけると嬉しいです。

https://qiita.com/KNR109/items/8d21acfac87146c1fc66

https://qiita.com/KNR109/items/8b37f7f8c051868d9a98

https://qiita.com/KNR109/items/02e08d17dba01d9c2fd6