「Web制作がもっと楽になるツールが欲しい！だけど、Google Chromeの拡張機能は種類が多くて、どれを選んだらいいかわかない」と悩んではいませんか？シンプルで使いやすく、かつ機能も充実している拡張機能を追加すれば、効率的に、仕事を早く片付けられます。本記事でご紹介するWeb制作用の拡張機能は、手間も少なく、作業を効率的にすることはもちろん、Google検索の上位を上げるために上質な記事を作成することができたり、Webデザインの変更を簡単にチームと共有することで、デザイン性の高いサイトを構築することが可能です。本記事では厳選した拡張機能をご紹介しますので、ぜひ参考にして、取り入れてみてください。
目次
Click My Links
Click My Linksは、素早くページを読み込み、壊れたリンクを素早く検出してくれるリンクチェッカーです。どれが有効で、どれが壊れているかが色事で強調されるので、ページ上のすべてのリンク状態が一目でわかります。操作も至ってシンプルで、「ClickMyLinks」をクリックするだけです。不良リンクはクリップボードにコピーが可能で、HTTP応答コードと壊れたリンクのURLがコンソールログに公開されます。
Webデザイナーや開発者、コンテンツエディター向けに開発された便利な拡張機能です。
＜Click My Links＞ダウンロード
ColorZilla
ColorZillaは、カーソルを当てた部分の色を読み取り、クリックすると色のコードをコピーして、別のプログラムに張り付けることが可能な拡張機能です。そのほかにも、Webページカラーアナライザーでカラーパレットの取得、ズームレベルで色を選択、グラデーションジェネレーター、最近選んだ色の履歴、動的ホバー要素の色を取得するなど、数種類の機能が搭載されています。カーソルを大きくすると、移動するときにグラデーション化され、色と色の間を抽出することが可能です。
＜ColorZilla＞ダウンロード
Visual Inspector
Visual Inspectorはデザイナーがコーディングなしでライブウェブページを検査/編集できる拡張機能です。位置、不透明度、色、グラデーション、タイポグラフィなどの機能が備わっており、全ての機能が１か所で完結します。画像の角を丸くしたり、リンクボタンをグラデーションに変更したり、操作も簡単でとても楽しいツールです。変更をCSS/PNGとしてダウンロードし、メンバーと共有もできます。
＜Visual Inspector＞ダウンロード
wappalyzer
ウェブサイトがどのように構築されているのかを調べてくれる拡張機能です。プログラミング言語、フレームワーク、サーバー、データベース、CMS、CDN、広告ネットワーク、アナリティクスがワンクリックですべて調べることができます。クライアントがどのようなサイト運営をしているのかを調べるときや、市場調査などをしたいときにとても便利です。また、Wappalvzerで自身のサイトのバージョンが露出していないか確認することで、ハッカーの攻撃から備えることができます。
＜Wappalyzer＞ダウンロード
SEO META in 1 CLICK
SEO META in 1 Clickは全てのメタデータと主要なSEOを表示してくれる拡張機能です。表示の焦点としては、タイトルとその長さ、説明とその長さ、URL（メタニカルURLを含む）、SNSへ配信する際の必要な設定、使用している画像のalt属性抜けの確認、Robots.exeとsitemap.xmlなど、ETERNAL TOOLSを介してサイトを分析することで、改善方法を導くことができます。インターネット上での可視性を向上させたい人は是非使用してみてください。
＜SEO META in 1 Click＞ダウンロード
かんたん文字数カウント
かんたん文字カウントは、名前の通り、選択した文章の文字数をカウントしてくれる拡張機能です。記事の文字数は、ユーザーが離脱しないためにも気にしたいところの１つでもあります。人気のブロガーやライバルサイトなど、気になった記事の文字数を参考にしたいときに、すぐに使えるのでとても便利です。記事の修正や校正の時に、わざわざコピペして調べる必要がないので、作業効率を高めることができます。
＜かんたん文字数カウント＞ダウンロード
User Agent Swicher
User Agent Swicherは、WindowsでGoogleを開いていても、Android、iOS、Mac、他ブラウザでの見え方を確認することができる拡張機能です。モバイルとパソコンの両方で動作する必要があるサイトを作成する際に、拡張機能から見たいブラウザを選択するだけで画面が切り替わります。
＜User Agent Swicher＞ダウンロード
