便利でおすすめ!Google Chrome機能拡張

便利でおすすめ!Google Chrome機能拡張

皆様は普段ブラウザは何を使われていますか?
自分はプライベートから仕事まで、基本GoogleChromeを使用しております。

ここでは、業務に役立っている拡張機能や便利な拡張機能をいくつかご紹介します!

よく知られているものや、聞きなれない物もあると思いますが、作業効率が確実に上がるので是非試してみてください!

VisBug

VisBug
Webページの要素などを表示したり、アートボードあるみたいです。編集することや、ホバースタイルやアクセシビリティの確認、要素配置の変更などが可能です。
XDやSketchなどを使われている方は直感的に操作できると思います。
おすすめな機能としまして、コンテンツ間のガイド表示・画像の移動、差し替えがあげられます。
他にも機能が盛りだくさんなので、是非試してみてください。
拡張機能を確認

Wappalyzer

Wappalyzer
閲覧しているサイトがどんな構成で作られているか一目でわかるツールです。
導入されているフレームワークや分析ツールもわかるので、競合調査にも使えるので探し物の時短になりますね。
拡張機能を確認

Responsive Viewer

Responsive Viewer
レスポンシブ対応による複数サイズの画面確認を1画面で確認することができます。
基本的なモバイルサイズなどはもちろん、自分でサイズをカスタマイズできるので臨機応変に使うことができます。
同時に全画面をスクロールする機能がとても便利です。
拡張機能を確認

Page Ruler Redux

Page Ruler Redux
Webページに表示されている画像や任意の位置のサイズをピクセル単位で測ることができます。
上記で紹介したVisBugでも使えるので、最近は使ってないです、、
拡張機能を確認

SEO META in 1 CLICK

SEO META in 1 CLICK
META情報や各種タグ情報を一括で解析することができます。
SEO分析を行う前に、各ページの設定状況を大まかに把握しておきたいときなど、素早くチェックをおこなうのに最適な拡張機能です。
リリース前のサイトの確認などにも使えます。
拡張機能を確認

Awesome Screenshot

Awesome Screenshot
WWebページ全体のスクリーンショットや部分を切り取り書き込みを加えるなど、充実したキャプチャ機能を揃えています。
主に画面のキャプチャでしか使用しておりませんが、カメラでの録画機能もあるみたいです。
拡張機能を確認

ColorPick Eyedropper

ColorPick Eyedropper
Webページの気になった色をすぐに調べることができるので重宝しています。
拡張機能を確認

The QR Code Extension

The QR Code Extension
閲覧しているサイトのQRコードを自動で生成してくれます。
SPの実機確認をスムーズに行うことができます。
拡張機能を確認

まとめ

非常に便利なツールでどれも魅力的ですが、入れすぎるとブラウザの動作に負担がかかるので、適宜に断捨離しましょう!
また、拡張機能の中にはマルウェアの様な悪質なものもあったりするので、追加をする際には拡張機能を下調べするなどし、注意してインストールしてください。