あると便利なブラウザの拡張機能

今回は、ホームページ作成時において、インストールしておくと便利なchrome拡張機能についてご紹介いたします。

ご紹介する拡張機能は、実際にホームページ制作現場で使っているものもありますので、ぜひ参考になさってください。

Chrome拡張機能とは

拡張機能は、ブラウザに追加できる便利な機能です。
追加するだけで色々なことができるようになります。

例えば、広告をブロックする機能があったり、ウェブページを翻訳してくれる機能があったり、たくさんのタブを整理してくれる機能があったりします。

Chrome拡張機能を使うには、まずGoogle Chromeを開いて、Chromeウェブストアから拡張機能を探して追加します。

画面右上の検索窓からキーワードを入力して検索し、「Chromeに追加」ボタンが表示されるのでそれをクリックします。

これで拡張機能の追加は完了です。

とっても簡単ですね。

追加すべき拡張機能とは？

ブラウザから表示しているサイトのHTMLが正しいかチェックしてくれる拡張機能です。
公開前にこの拡張機能を使って、全ページのチェックを必ず行っています。

その名の通り、スポイトでページから色を取得します。
参考に他のサイトを見ることがありますが、「このサイトのこの色のカラーコードを知りたい」というときに便利です。

ウェブページ全体をスクリーンショット撮影が可能です。
PDF、JPEG、GIF、PNGでキャプチャ、編集、保存やアップロード、印刷、クリップボードなど色んな機能がついてます。
よく使う機能はクリップボード（コピー）です。サイト全体をコピーしてエクセルに貼り付けすることが可能です。

実際の活用方法としては、ホームページ公開前のサイトのキャプチャー画像を撮って、
お客様にメールで送って確認してもらったります。

気になるサイトでこの拡張機能を使うと、Webページで利用されているソフトウェアやサービス、フレームワークなどを一覧表示してくれます。
ボタンをクリックするだけで以下のように情報が表示されます。