今回は、ホームページ作成時において、インストールしておくと便利なchrome拡張機能についてご紹介いたします。
ご紹介する拡張機能は、実際にホームページ制作現場で使っているものもありますので、ぜひ参考になさってください。
Chrome拡張機能とは
拡張機能は、ブラウザに追加できる便利な機能です。
追加するだけで色々なことができるようになります。
例えば、広告をブロックする機能があったり、ウェブページを翻訳してくれる機能があったり、たくさんのタブを整理してくれる機能があったりします。
Chrome拡張機能を使うには、まずGoogle Chromeを開いて、Chromeウェブストアから拡張機能を探して追加します。
画面右上の検索窓からキーワードを入力して検索し、「Chromeに追加」ボタンが表示されるのでそれをクリックします。
これで拡張機能の追加は完了です。
とっても簡単ですね。
追加すべき拡張機能とは？
HTMLエラーチェッカー
ブラウザから表示しているサイトのHTMLが正しいかチェックしてくれる拡張機能です。
公開前にこの拡張機能を使って、全ページのチェックを必ず行っています。
カラースポイトツール
その名の通り、スポイトでページから色を取得します。
参考に他のサイトを見ることがありますが、「このサイトのこの色のカラーコードを知りたい」というときに便利です。
FireShot
ウェブページ全体をスクリーンショット撮影が可能です。
PDF、JPEG、GIF、PNGでキャプチャ、編集、保存やアップロード、印刷、クリップボードなど色んな機能がついてます。
よく使う機能はクリップボード（コピー）です。サイト全体をコピーしてエクセルに貼り付けすることが可能です。
実際の活用方法としては、ホームページ公開前のサイトのキャプチャー画像を撮って、
お客様にメールで送って確認してもらったります。
Wappalyzer
気になるサイトでこの拡張機能を使うと、Webページで利用されているソフトウェアやサービス、フレームワークなどを一覧表示してくれます。
ボタンをクリックするだけで以下のように情報が表示されます。
