Web開発の効率UP!Chrome拡張機能おすすめ5選!無料で時短に!

BitBeansブログアイコン

うめでぃー

  • line
  • はてなブックマーク
  • x

WEB制作豆知識

  • #ツール

推定余命約 21200 日、うめでぃーです。

Web 開発の作業中、検証や確認など何回も同じ動きをしていることにふと気づくことはありませんか?
何気ない慣れた数クリックでも、まさにチリも積もればなんとやら… 現代人には時間が足りなさすぎる!
そんな時に役立つのが、Web 開発に欠かせないブラウザー「Chrome」に追加できる拡張機能!
今回は、その中でも時短ができて作業が捗る、おすすめ Chrome 拡張機能を 5 つ厳選しました!

Chrome に追加できる「拡張機能」とは?

いまや、世界シェア No.1 のブラウザー「Chrome」ですが、こんなに早くて使いやすい Chrome がさらに便利になる方法、ご存じでしたか?
それが、拡張機能や拡張ツールと呼ばれる「Chrome の機能を拡張するアドオンやプラグイン」を追加すること、なんです!
これら全てのアプリは世界中のユーザーによって日々開発されていて、その数はなんと 150,000 個以上もあるそうなんです!(すごすぎる…!)

追加するには、Google アカウントにログインした状態でChrome ウェブストアにアクセスし、追加したい拡張機能を検索、「Chrome に追加」をクリックするだけ!
追加した拡張機能は URL バー右側にあるジグソーパズルのようなアイコンから、設定やアンインストールなどの操作ができます!

超おすすめ!Web 開発で使える Chrome 拡張機能 5 選!

1. GoFullPage

「GoFullPage」は、開いているページの上から下まで一枚のスクショが撮れる拡張機能です!
スクショを撮りたいページでワンクリックするだけで、画像の生成からダウンロードまでしてくれるという明解さ!
拡張機能の設定から画像形式を変更したり、ダウンロード先のフォルダー指定ができたりと、かゆい所に手が届く感じもイイですね!
追加機能の詳細はこちら

2. Emmet Re:view

「Emmet Re:view」は、いろいろなウィンドウサイズでの表示確認が、まとめて一気にできちゃう拡張機能です!
iPhone や Android・タブレットなど、メジャーな画面サイズに対応しているので、ちょっとした検証にはもってこいですね!
また、全ての画面で操作が同期しているため、たくさん画面が出ていても操作性は変わらないというところも高得点!
追加機能の詳細はこちら

3. Talend API Tester

「Talend API Tester」は、API や HTTP のリクエスト&レスポンスを視覚的に検証できる拡張機能です。
ちょっとした API の検証をしたい時など、専用のアプリを立ち上げずにブラウザー上でサクッとできちゃうので、かなり重宝しています!
フォームデータを送ったり、レスポンスの整形をしてくれたりと、基本的な機能は網羅しているので、 API 検証はもうこれだけでいいかも…?
追加機能の詳細はこちら

4. Lighthouse

「Lighthouse」は、Web 開発では欠かせないページ診断「Google PageSpeed Insights」を、ワンクリックでやってくれる拡張機能です!
診断したいページを開き、拡張機能を起動させるだけという簡単さ!
毎度 PageSpeed Insights を開いて URL を入力する手間が省けるので、パフォーマンス改善も捗りますね!
追加機能の詳細はこちら

5. WhatFont

「WhatFont」は、ページ上をカーソル移動させるだけで、使われている S フォントを教えてくれる拡張機能です!
これまでは、度々気になったフォントを見つけてはデベロッパーツールを開いていたあなたも、この拡張機能を使えば、そんな手間ともおさらば!
この機能を使ってサイトを見ていると、一部分だけ別のフォントが指定してあったりして、サイトを作った方のこだわりを発見できて楽しいですよ!
追加機能の詳細はこちら

まとめ

ということで、Web 開発でオススメの Chrome 拡張機能を 5 つ紹介してきました!

この記事で紹介した拡張機能は全て無料かつ開発が続いているものですが、Google ウェブストアに公開されている拡張機能の中には、有料のものや開発が止まっているものであったり、有害なプログラムを含んだものなどがあるらしい(たぶん?)です…

検索をかけると同じような機能の拡張機能がたくさんあったりするので、ユーザーレビューなどをみながらなるべく評価の高いものや開発が続いているものを選ぶようにしてみるとイイかもしれません!

Web 開発だけでなく、仕事やプライベートの使い方に合わせていろいろ試してみてください!

手間を減らしてステキな時短ライフを!


BitBeansブログアイコン

ディレクター

うめでぃー

宮崎の田舎からフルリモート。自作PCや自作キーボードの沼に足を踏み入れてしまい、散財が止まらない。

日々更新中! Bit Beans、
Xもやってます!
  1. TOP
  2. ブログ
  3. Web開発の効率UP!Chrome拡張機能おすすめ5選!無料で時短に!
Bit Beansキャラクター紹介
PAGE TOP