知らないと損！便利なChrome拡張

# 便利なChrome拡張のおすすめ

いろんなChrome拡張を試した中から、良さげなものを以下の分類ごとにおすすめ順で紹介します✨

- [フロント系](#フロント系)
- [バックエンド系](#バックエンド系)
- [動画系](#動画系)
- [その他](#その他)
- [メニューバーからは非表示にする系](#メニューバーからは非表示にする系)
- [英語系](#英語系)
- [スクリプト系](#スクリプト系)

無いとダメなものから、ニッチなものまであります。
他にもありましたらコメントで共有して下さると嬉しいです🙏🏻
ちなみに自分は全部にキーボードショートカットを割り当てています。
<img width="855" alt="Chromeのツールバー.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/264498/e72352f0-e9d7-fb15-e9e4-92d5b19f31d6.png">


## フロント系

### [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo)
- 拡張機能が作れる拡張機能
- いろんなユーザースクリプトを試してみて！
    - [openuserjs](https://openuserjs.org/)とか[gist](https://gist.github.com/search?l=JavaScript&o=desc&q=%22%3D%3DUserScript%3D%3D%22&s=updated)に転がっている
- これが最強！

### [Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
- Vueの開発で使う

### [Fake Filler](https://chromewebstore.google.com/detail/fake-filler/bnjjngeaknajbdcgpfkgnonkmififhfo)
- 全ての入力をダミーデータで埋める
- 登録ページのテストを効率化できる


## バックエンド系
### [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg)
- そのサイトで使われているWEB技術が分かる

### [JSON Formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa)
- JSONを見やすくする

### [EditThisCookie](https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg)
- クッキー管理ソフト

### [ModHeader - Modify HTTP headers](https://chrome.google.com/webstore/detail/modheader-modify-http-hea/idgpnmonknjnojddfkpgkljpfnnfcklj)
- request headers, response headers, redirect URLsを変更できる

### [User Agent Switcher and Manager](https://chrome.google.com/webstore/detail/user-agent-switcher-and-m/bhchdcejhohfmigjafbampogmaanbfkg)
- UAを変更できる

### [swagger-viewer](https://chrome.google.com/webstore/detail/swagger-viewer/nfmkaonpdmaglhjjlggfhlndofdldfag)
- [GitHub上でSwaggerをプレビューできる](https://qiita.com/arx8/items/bc05c06a668bf1de0e72)

## 動画系
### [Video Speed Controller](https://chrome.google.com/webstore/detail/video-speed-controller/nffaoalbilbmmfgbnbgppjihopabppdk)
- 動画の再生速度やスキップ等の調整がショートカットで可能になる
- 2倍速で見るのは当たりまえ！

### [Douga Getter](https://chrome.google.com/webstore/detail/douga-getter/hhbcihapcmaemjinlbgafnjjihbdmjnf)
- さまざまな動画サイトから簡単に動画をダウンロード可能
- [ストリームレコーダー](#ストリームレコーダー)でダウンロードできない動画はこちらで！

### [ストリームレコーダー](https://chrome.google.com/webstore/detail/stream-recorder-download/iogidnfllpdhagebkblkgbfijkbkjdmm)
- HLS(TS,m3u8)ストリーミング動画をMP4として保存するダウンローダー
- [Douga Getter](#douga getter)でダウンロードできない動画はこちらで！

### [vidIQ Vision for YouTube](https://chrome.google.com/webstore/detail/vidiq-vision-for-youtube/pachckjkecffpdphbpmfolblodfkgbhl)
- Youtubeの分析サービス
- タグのキーワードやSEOスコアなど、意外な発見がある
- 有料版もあり

### [Return YouTube Dislike](https://chrome.google.com/webstore/detail/return-youtube-dislike/gebbhagfogifgggkldgodflihgfeippi)
- YouTubeのdislike数を表示する


## その他

### [Adblock Plus - free ad blocker](https://chrome.google.com/webstore/detail/adblock-plus-free-ad-bloc/cfhdojbkjhnklbpkdaibdccddilifddb)
- 広告を消す
- YouTube、Twitterなんかからも広告が消える

### [AutoPagerize](https://chrome.google.com/webstore/detail/autopagerize/igiofjhpmpihnifddepnpngfjhkfenbp)
- ページネーションを自動で読み込む

### [Checker Plus for Google Calendar](https://chrome.google.com/webstore/detail/checker-plus-for-google-c/hkhggnncdpfibdhinjiegagmopldibha)
 - Googleカレンダーを開くことなく、予定の追加/編集/表示/通知を行える
 - Gmail版とGoogleドライブ版もある

### [物体認識切り抜きで透過画像作成](https://chrome.google.com/webstore/detail/auto-background-remover-b/kpkaocloobmfnkbfjenchjopkcochdgj)
- 人、猫、車などをピクセル単位で物体認識、その背景を取り除いて透過PNG画像を自動作成
- 有料版もあり

### [Dark Reader](https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh)
- すべてのウェブサイトにダークテーマを適用する

### [Full Page Screen Capture](https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl)
- 現在のページのスクリーンショットを撮る

### [META SEO inspector](https://chrome.google.com/webstore/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef)
- 通常は閲覧中に表示されない、Webページ内にあるメタデータを調べられる
- 基本的なSEOチェックに

### [Web Vitals](https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma/)
- サイトの健全性を示す重要指標

### [Pushbullet](https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd)
- 複数のデバイス、人の間でメッセージ、ファイル、通知などを共有できる

### [Url Shortener](https://chrome.google.com/webstore/detail/url-shortener/oodfdmglhbbkkcngodjjagblikmoegpa)
- URLを短くする

### [grt memo](https://chrome.google.com/webstore/detail/grt-memo/hjepgjomhnddghfkpoibmjpofhkbagkm)
- ブラウザでメモが取れる

### [カーソル ブラウジング](https://chrome.google.com/webstore/detail/caret-browsing/fklpgenihifpccgiifchnihilipmbffg?hl=ja)
- カーソルでテキストエリアの移動・選択が可能

### [Chrome用TooManyTabs](https://chrome.google.com/webstore/detail/toomanytabs-for-chrome/amigcgbheognjmfkaieeeadojiibgbdp)
- タブの管理、ブラウジングの改善と整理をする

### [Zotero Connector](https://chrome.google.com/webstore/detail/zotero-connector/ekhagklcjbdpajgpjgmbionohlpdbjgc)
- 論文管理ソフト

### [ChatGPT Chrome Extension](https://chrome.google.com/webstore/detail/chatgpt-chrome-extension/cdjifpfganmhoojfclednjdnnpooaojb)
- [ChatGPT](https://chat.openai.com/chat)にクイックアクセスできる


## メニューバーからは非表示にする系

### [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc)
- GitHubをIDEsライクにする

### [Calendar + for Google Chrome](https://chrome.google.com/webstore/detail/calendar-%20-for-google-chr/lpnepegcocaajhgbpcfajmdnninbjppf)
- [Googleカレンダー](https://calendar.google.com/calendar/)の詳細欄にクリックできるURLを貼れる[
### [Event Merge for Google Calendar](https://chrome.google.com/webstore/detail/event-merge-for-google-ca/idehaflielbgpaokehlhidbjlehlfcep)
- [Googleカレンダー](https://calendar.google.com/calendar/)のイベントを視覚的にする

### [G-calize](https://chrome.google.com/webstore/detail/g-calize/piiljfhidimfponnkjlkecnpjhdijfde)
- [Googleカレンダー](https://calendar.google.com/calendar/)で文字色や背景色を好きな色に変更できる

### [Incredible StartPage - Productive Start Page](https://chrome.google.com/webstore/detail/incredible-startpage-prod/ncdfeghkpohnalmpblddmnppfooljekh)
- スタートページをとても使いやすいものに差し替える

### [I don't care about cookies](https://chrome.google.com/webstore/detail/i-dont-care-about-cookies/fihnjjcciajhdojfnbdddfaoknhalnja)
- 煩わしいクッキーの警告を消す

### [Keepa](https://chrome.google.com/webstore/detail/keepa-amazon-price-tracke/neebplgakaahbhdphmkckjjcegoiijjo)
- Amazonの商品価格をトラッキングできる

### [EASY LGTM](https://chrome.google.com/webstore/detail/easy-lgtm/pbbaemjnonobaiglegdfamlbmngkjdeg)
- Github上にLGTMボタンを設置し、ボタンを押すと、画像が一覧で表示され、好きな画像を選択するとコメント欄にLGTMリンクが挿入される
- [lgtmoon](https://lgtmoon.herokuapp.com/en)から手動で入れるのもあり

### [Sakura Check Linker](https://chrome.google.com/webstore/detail/sakura-check-linker/dmelpckhjikcpmppkcnjmjmedhjpjmce)
- Amazonの商品ページに[サクラチェッカ](https://sakura-checker.jp/)ーへのリンクを埋め込む

### [Search Result Previews](https://chrome.google.com/webstore/detail/search-result-previews/cedcejfiniojnlhlfhcppenochinijfo)
- Google検索結果にサムネイルとファビコンを表示する


## 英語系

### [Google 翻訳](https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb)
- 閲覧しているウェブサイトを簡単に翻訳できる

### [DeepL翻訳](https://chrome.google.com/webstore/detail/deepl-translate-reading-w/cofdbpoegempjloogbagkncekinflcnj)
- Google翻訳より自然な翻訳をしてくれるが、少し反応が遅い
- デスクトップバージョンもあり

### [Grammarly](https://chrome.google.com/webstore/detail/grammarly-grammar-checker/kbfnbcaeplbcioakkpcpgfkobkghlhen)
- 英語の文法チェック＆サジェスト
- デスクトップバージョンもあり


## スクリプト系
### ウェブサイトの画像だけを抽出
```javascript:javascript
javascript: (function () {
  var _d = document;
  var array = _d.body.innerHTML.match(/("|')([^"']+?\.)(jpg|gif|png|bmp|jpeg)("|')/ig);
  if (!array) return alert('見つからなかった。');
  var exist = {};
  for (var i = 0; i < array.length; i++) {
    if (!exist[array[i]]) {
      _d.write('<img src=' + array[i] + '>');
      exist[array[i]] = 1
    }
  }
  _d.close()
})()
```