Chrome拡張機能とは？〜WEBサイト制作の際におすすめのChrome拡張機能4選〜

こんにちは。WEBディレクターのこだまです。

今回は、GoogleChromeに入れておくと便利なChrome拡張機能についてご紹介します。
WEB制作を行うディレクターやデザイナー、コーダーの方にはもちろんですが、企業でWEBサイトの担当をしていたり、個人でWEBサイト制作を行なっている方にとっても便利な機能となっておりますので、参考にしていただけると幸いです。

Chrome拡張機能について

Chrome拡張機能（以下、拡張機能）とは、ブラウザであるGoogleChromeの機能を増やしたり強化したりすためのプログラムのことをいいます。

例えば、GoogleChromeで何かのサイトを閲覧しているときに「サイトのページ全体をスクリーンショットしたい」、「サイトのQRコードを表示させて、スマートフォンでもPCと同じサイトを閲覧したい」と思うことはありませんか？
そんなときに該当する拡張機能をGoogleChromeのブラウザに追加することで、サイトのページ全体をスクリーンショットできたり、スマートフォン用にQRコードを表示させたりできるようになります。

拡張機能には様々な種類があるので、自分に必要な拡張機能を追加して、GoogleChromeをより便利に・快適に利用していきましょう！

GoogleChromeへの追加方法

それでは、GoogleChromeに拡張機能を追加する方法を説明します。

方法としては2つあり、①Chromeウェブストアを開き、そこから拡張機能を追加する方法と②追加したい拡張機能のページに直接アクセスし追加する方法があります。
今回は②の方法で拡張機能を追加していきます。

1）追加したい拡張機能を検索
GoogleChromeの検索画面で、追加したい拡張機能を検索します。
今回は、Google 翻訳の拡張機能を追加してみようと思います。

2）拡張機能をGoogleChromeに追加
ページをクリックすると下図ページが表示されます。
赤枠部分の「Chromeに追加」をクリックすると確認のポップ画面が表示されるので「拡張機能を追加」をクリックします。これで拡張機能の追加は完了です。
※権限が要求され権限が不審なものであったり、信用できないようなものであれば拡張機能の追加をキャンセルしてください。不正な拡張機能の場合もありますので、取扱には十分ご注意ください。

Chrome拡張機能をツールバーに表示させる方法と削除方法

1）拡張機能をツールバーに表示させる方法
ツールバーのパズルのようなアイコンをクリックし、ピン留めマークをクリックすると拡張機能がツールバーに固定されます。

1）拡張機能を削除する方法
ツールバーのパズルのようなアイコンをクリックし、「・・・」マークをクリックすると拡張機能が削除されます。

おすすめのChrome拡張機能4選

先ほども述べた通り、拡張機能にはたくさんの種類がありますが、ここではサイト制作の際に入れておくと便利な拡張機能についていくつかご紹介します。

GoFullPage – Full Page Screen Capture

https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl

Full Page Screen Captureでは、スクロールが必要な縦長のウェブページ全体をスクリーンショットすることができます。
例えば、サイトの構成やデザインを参考にしたいと思った時に、サイト全体のスクリーンショットをして保存することができます。

The QR Code Extension

https://chrome.google.com/webstore/detail/the-qr-code-extension/oijdcdmnjjgnnhgljmhkjlablaejfeeb

パソコンで閲覧しているサイトをスマートフォンでもみたい時に入れておくと便利な拡張機能です。サイトのQRコードを表示してくれるので、スマートフォンでQRコードを読み取るとパソコンで閲覧していたサイトを表示させることができます。

Page Ruler Redux

https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal

WEBページに表示されている画像やバナーのサイズをピクセル単位で測ることができます。要素やマージンの幅や高さなど、知りたい部分のサイズを測定するとこができて大変便利な拡張機能です。

ColorZilla

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

WEBページ上の色を簡単に拾うことができるカラーピッカーの機能拡張です。「このサイトのこの色が素敵！」と思ったときに、何色を仕様しているか一瞬で確認することができます。

まとめ

今回はChrome拡張機能についてとおすすめの拡張機能をご紹介いたしましたが、いかがでしたでしょうか？

冒頭にも記述しましたが、拡張機能にはさまざま種類があるので、用途にあった拡張機のを入れて自分仕様にカスタマイズしてみてくださいね。

なお、拡張機能を多く入れすぎてしまうと動作が遅くなったり、公式のchromeウェブストア以外からインストールする際はマルウェアが混入する可能性もありますので、公式のchromeウェブストア以外からインストールしない・出所の不明な拡張機能をインストールしないようご注意ください！

アドシンではホームページ制作（Web制作）やEC(ネットショップ)制作､CMSを使用したワードプレスカスタマイズを行っております｡
チラシやカタログ、パンフレットなどのグラフィックデザインも制作しております。
ご相談・お見積りは無料です。どんなことでもご相談ください。

お問い合わせはこちら