06-6777-3688

BLOG

【仕事効率化】WEBデザイナーおすすめGoogleChromeプラグイン8選

2020年3月2日

みなさん、WEBブラウザは何を使っていますか?
WEBデザイナーの私は、Google Chromeを使うことが多いです。


今回はGoogle Chromeの便利な無料プラグインを、8つご紹介します。

便利なGoogle Chrome無料プラグイン8選

Page Ruler Redux

WEBサイトを閲覧していて、このボタンの幅と高さは何pxだろう?と、思ったことはありませんでしょうか?
その際に便利なのが、『Page Ruler Redux』です。
ドラッグ&ドロップで測りたい部分を囲むと、ブラウザ上部に幅、高さ、上下左右からどのくらい余白があるのか、pxで表示されます。

Page Ruler Redux – Chrome ウェブストア

Page Ruler Redux

Dimensions

『Dimensions』はPage Ruler Reduxと似ていますが、よりお手軽です。
カーソルを合わせるだけで余白の数値がすぐ近くに表示されます。
余白を計測するときはDimensions、その他はPage Ruler Reduxと使い分けるとよいでしょう。

Dimensions – Chrome ウェブストア

Dimensions

Page load time

『Page load time』は、WEBサイトがサーバーから読み込まれ、画面上に表示されるまでにかかった時間を計測します。
右上のプラグイン一覧のアイコンに秒数が表示されます。このページが表示されるまでにかかった時間は0.89秒です。
操作がいらず、一目で計測結果がわかるので便利です。

Page load time – Chrome ウェブストア

Page load time

WhatFont

Google fontやAdobe FontといったWEBフォントの進化により、多彩なフォントがWEBサイト上でも用いられるようになりました。
フォントはページの印象を左右するとても重要な要素なので、チェックは欠かせません。
『WhatFont』を使えば、書体、文字の太さ、大きさ、行間、色を一目で確認することができます。

WhatFont – Chrome ウェブストア

WhatFont

簡単!タイトル表示+

ページタイトルとディスクリプション (Description)は、SEO対策を行う上で重要な要素です。
『簡単!タイトル表示+』は画面の右下にTitleとDescriptionが表示され、操作なしに一目で確認することができます。
もちろん、コピー&ペーストでテキストを抽出することもできるので、とても便利です。

簡単!タイトル表示+ – Chrome ウェブストア

簡単!タイトル表示+

OneTab

仕事をしているとブラウザのタブがいつの間にか数十個になっていることはありませんか?パソコンが重くなリ、最悪フリーズしてしまうことも。
そんなときは、『OneTab』のボタンをクリック!
今まで開いていた全てのタブが閉じられ、閉じられたタブのURLがリストアップされたページが自動生成されます。

OneTab – Chrome ウェブストア

OneTab

かんたん文字数カウント

SEOに強いサイトを制作する上で、コンテンツ内容の充実は欠かせません。
そこで、『かんたん文字数カウント』の出番です。
文字を選択後、右クリックすると表示される「選択したテキストの文字数をカウント」をクリックしてください。下記のポップアップが表示され、手軽に文字量を計測することができます。

簡単!タイトル表示+ – Chrome ウェブストア

簡単!タイトル表示+

Alt & Meta viewer

画面上に直接表示されない「Alt」の設定は、ついつい忘れがちになってしまうもの。
『Alt & Meta viewer』を使うとAltを簡単にチェックできるようになります。
見落としが減り、時短にも繋がること間違いなし!

Alt & Meta viewer – Chrome ウェブストア

Alt & Meta viewer

以上です。
まだインストールしていないプラグインはありましたでしょうか?

WEB技術の進化の早さには、驚かされる毎日です。
今回ご紹介したプラグイン等を活用して、日々の生活をより過ごしやすく、便利にしていきたいですね。

この記事がみなさんのお役に立てれば幸いです。

 

WEB制作で何かお困り事はありませんか?
ご相談・ご依頼は株式会社ファーストネットジャパンまで、お気軽にお問い合わせください。

 

制作実績はこちら→https://www.1st-net.jp/works/