今回はD-Webでディレクターをしている私が個人的におすすめする、Google Chromeで使う便利な拡張機能を5つ選んでみました！
拡張機能は日常的に使えるものもたくさんありますが、特に企業のWeb担当の方に役立つものをピックアップしています。
使いこなせばより効率的に作業ができるので、ぜひこの記事で便利な拡張機能を見つけてみてください♪
The QR Code Extension
ホームページ制作に携わっていると、「今PCで開いているページをスマホですぐに確認したい」という場面や、お客様から「サイトのQRコードがほしい」という依頼が来ることが多々あります。
そこで大活躍しているのがThe QR Code Extensionです。
この拡張機能は、共有したいページを開いた状態でアイコンをクリックするだけでQRコードを生成してくれます。
そして生成されたQRコードをスマホやタブレットで読み込むことで、共有したいページとして開いていたページが開かれるのです。
このQRコードは画像として保存することも可能で、最近では名刺やパンフレットなどにQRコードを載せたいというお客様が多いので、この拡張機能にとても助けられています。
Pasty
Pastyは、複数のURLを同時に開くことができる拡張機能です。
使い方は簡単で、WordやExcel、メモなどで開きたいURLをすべて選択してコピーし、Chromeの右上にあるPastyのアイコンをクリックするだけ。そうするとコピーしたURLがすべて開かれます。
私は、参考サイトなどを一度にまとめて開くときなどによく使用しています。
素晴らしいスクリーンショットとスクリーンレコーダー
素晴らしいスクリーンショットとスクリーンレコーダーは、その名の通りホームページのスクリーンショットとスクリーンレコーダーができる拡張機能です。
PCのスクリーンショット機能だと、画面に写っている範囲しか撮影することができませんが、この拡張機能を使うと1ページ分丸々スクリーンショットを撮る事が可能です。
お客様のご要望を伺って、デザイナーに修正依頼をするときなどによく使っています。
また、スクリーンレコーダーの機能では画面全体・タブ限定・カメラのみのどれかを選んで画面録画をすることができます。
特に「このタブ」を選んで録画をすると他のタブが映らず、録画したいタブだけを映してくれるので便利です。
TDK Meta Checker
少し前までは可愛いパンダのアイコンが特徴的だったTDK Meta Checkerは、拡張機能を入れてアイコンをクリックするだけでmetaタグに記述されているtitleやdiscription、keywordなどを表示してくれます。
また、SNSにシェアする際に表示されるタイトルや説明文、イメージ画像などのOGP情報も表示してくれる優れものです。
D-Webのデザイナーさん達もよく使っています。
VisBug
VisBugのすごいところは、サイト上で直感的に要素を動かしたり、テキストを変更できたりするところです。
ホームページを開いた状態でこのアイコンをクリックすると左側にバーが出てきます。
バーの中には検証ツールを使わなくても様々な情報を表示したり、テキストを修正したり、要素を移動させたりすることができるものなど、様々なアイコンがあります。
ページを更新してしまうと修正した内容は全て消えてしまうのですが、HTMLなどの知識がなくても「こんなふうに修正してほしい！」と伝えるのにはぴったりな拡張機能です。
まとめ
いかがでしたか？
今回は個人的なおすすめを5つご紹介しましたが、GoogleChromeの拡張機能は他にもたくさんあり、日々更新されています。
それぞれの目的にあった拡張機能を使いこなせば仕事や作業の効率が上がりそうですよね！
また良いものを見つけたらブログで紹介しようと思います♪
皆さんもぜひ様々な拡張機能を使ってみてください！
