入れておくと便利！おすすめChrome拡張機能17選

Chrome拡張機能って何？

とっても端的に言うとGoogleChromeブラウザで使える便利機能のことです！

設定すると右上にでてくるやつです。
WEB業界で働いている方なら、当たり前に知っているし、むしろ使っていると思われるChrome拡張機能。自分に合った機能を追加することで、とても便利にChromeブラウザを利用できます。

どうやって追加するの？

https://chrome.google.com/webstore/category/extensions?hl=ja&_feature=google
Chromeウェブストアから検索して追加することが可能です。
また、検索窓で「〇〇 chrome拡張」などでも探せます。

恥ずかしながら、今年に入ってから知ったのですが、シークレットモードでも使えます、、、、！！
設定画面から任意で追加が可能です。

設定画面から拡張機能を開いて、

シークレットモード時に使いたい拡張機能の詳細をクリック。

「シークレットモードでの実行を許可する」にチェックをすると、、、

シークレットモード上でも使えるようになります！

WEB制作に便利な機能に寄ってしまうのですが、実際に私が使用しているおすすめ拡張機能を紹介します。参考になれば幸いです。

視覚的にAltやmetaがわかる！【Alt & Meta viewer】

ページ内で設定されているaltタグや、metaタグについて視覚的に見やすく調べられます。画像に関しても、どの画像のAltなのかがわかりやすく表示されます。
インストールはこちら

ワンクリックでドメイン調査【Asuka.IO Whois】

そのサイトのドメイン契約情報を調べることができます。「who is」と検索してからURLを貼って、、、と手間をかけるよりも、ワンクリックで確認できるところが便利です。
インストールはこちら

画像も録画も！キャプチャが取れる【Awesome Screenshot】

ページ内の画像キャプチャも、動画キャプチャも簡単に取れます！※後程出てくる動画もこの機能を使用して録画しました。1つの拡張機能で画像も動画も対応できるところが便利です。また、画像の場合、ブラウザ上で撮った画像に簡易加工できるところも嬉しい機能です。
インストールはこちら

リンクチェックに便利な【Check My Links】

ページ内のリンクについて調べられます。主に公開直後のリンク切れやエラーリンクがないか調べる際に重宝しています。
インストールはこちら

ワンクリックでキャッシュクリア【Clear Cache】

command＋shift＋5めんどくさい！ってときに使えます。
インストールはこちら

その色何の色？【ColorZilla】

このページのこの色知りたい！！って時に便利な拡張機能です。赤枠の部分をクリックしてページ内の知りたい色の場所を指すと、何の色が使われているか分かります。
インストールはこちら

ページごと翻訳できる【Google 翻訳】

ページ全体を翻訳かけることができるので、日本語ではないサイトや、記事を読むときによく使用します。ページの内容次第で時間がかかる時はありますが、いちいち検索して文章貼り付けて翻訳しなくて済むところが良いです。
インストールはこちら

HTTP/2通信？？【HTTP/2 and SPDY indicator】

手っ取り早くHTTP/2通信してるか否かを判断できる拡張機能です。HTTP/2通信されていない場合は、稲妻のマークが灰色になります。
インストールはこちら

画像を一括で落とせる！【Image Downloader】

ページ内に表示されている画像をサイズ指定して一括でダウンロードできる拡張機能です。いちいち右クリック→名前を付けて画像を保存しなくていいところが便利です。
インストールはこちら

SEOやパフォーマンスを確認できる【Lighthouse】

ページのスピードや、アクセシビリティをワンクリックで確認できます。赤枠部分をクリックすると、別タブが開かれ、少し経ったあとに、結果が表示されます。
インストールはこちら

ページ内の幅感がわかる！【Page Ruler Redux】

このサイトの横幅、どれぐらいなんだろう、、、？このコンテンツの幅気になる、、というときによく使います。
インストールはこちら

いちいちタブ開いて貼り付けなくて済む【Pasty】

たくさんあるリンクをワンクリックでタブ展開できる超便利機能です。多数リンクをコピペして、この拡張機能をクリックすれば、一気にタブが開きます。数百以上あるリンクをまとめて確認したいときなどにとても便利です。
インストールはこちら

Pocketにラクに保存【Save to Pocket】

Pocketに簡単にページ保存できる拡張機能です。前提としてPocketを使用が必要ですが、Pocketを使用している方にはとてもおすすめしたい機能です。
インストールはこちら

すぐに画面幅が調整できちゃう【Resolution Test】

画面幅は実機ごとに異なります。任意のサイズにするためにドラッグしたままブラウザ幅を動かして…と、いちいちブラウザ幅を調整するのは大変！そんなときに、便利な拡張機能です。
インストールはこちら

ブラウザ同士をみやすく！【Tab Resize】

画面の中で、希望するレイアウトにブラウザ幅を簡単に変更できます。1画面で2つのブラウザを開きながら作業をしたいときなどにおすすめです。
インストールはこちら

1番便利！簡単にQRコード発行【The QR Code Extension】

もうめちゃめちゃ便利です！！！パソコン閲覧しているページをスマホでも確認したいとき、いちいちURLをスマホに送るの、面倒くさいですよね。ワンクリックでQRコードを発行できるので、そのQRコードをスマホのカメラで読み込めば一発で見たいページをスマホでみられます。1番使っているかもしれないです、、、
インストールはこちら

このサイト何でできてるの？【WhatRuns】

サイトで何が使われてるの？と確認したい時に使えます。
使用しているCMSやテーマ、フォント、使用言語など、何を使っているなどが一瞬でわかります。
インストールはこちら

Chrome拡張機能を使う上での注意点

拡張機能は便利なのですが、プログラムの一種である以上、マルウェアの混入も考えられます。インストールする際は、公式のchromeウェブストア以外からはインストールしない、出所の不明な拡張機能をインストールしないという注意が必要です。また、私はどちらかというとたくさん入れてしまいがちなのですが、あまり多く入れすぎてしまうと、Chromeが動作不安定になったりするので、都度使用用途に併せて必要・不必要を整理するようにしましょう。

いかがでしたでしょうか。気になる拡張機能があればぜひ使ってみてください。