執筆書籍アクセス解析マーケティングリスティング広告SEOSNS・ソーシャルメディアWeb制作ホームページ制作関連ランディングページ制作EC・モールツール2018.02.15Webデザイナー向けに厳選!作業効率を上げるChromeのおすすめ拡張機能8選Web制作ホームページ制作関連こんにちは、制作部の青木です。皆さんはパソコンでインターネットを見る時に、どのブラウザを使用しているでしょうか。Chrome(以下:Chrome)、Firefox、Edge、Safariなどとたくさんのブラウザがあります。その中でも私が使用しているブラウザはChromeです。Chromeにはホームページ制作をする際に、かなり重宝される拡張機能(アドオン)があります。そこで今回は、実際にChromeの拡張機能を使ってみて、作業効率が上がるプラグインをWebデザイナーやディレクター、コーダーの方に向けてご紹介させていただきます。1.WhatFontWhatFontは、ホームページ上で使用されているフォントを知ることができるだけでなく、フォントの種類やサイズ、ウェイト、カラーなど知りたいテキストにクリックをするだけで、フォント情報を知ることができます。Webフォントも読み取ってくれる点もポイントです!2.FireShotFireShotは、ホームページをスクリーンショットできるプラグインです。ただのスクリーンショットだけではなく、ヘッダーからフッターまでページ全体をスクリーンショットができ、PNGやPDFなど様々な拡張子で保存をすることができます。表示部分だけや自分で選択した範囲だけをスクリーンショットができる点は痒い所に手が届くので良いです。Rulerは、サイト上にある要素の幅や高さなどの幅を測ることができます。画像の幅や余白の幅を視覚的に分かります。任意の数字を入力することができるので、大まかにこのサイズの要素のサイズだと、どれくらいの余白ができるのかと、視覚的に分かるので、コーディングの際に時間短縮をすることができます。Extensionは、パソコンで見ているサイトのURLを1クリックでQRコードに生成することができます。スマホで実機確認をしたい時に、URLをコピーして共有ツールにURLを貼るなど...。このような作業をすることなく、素早くスマホでサイトを確認することができます。これはかなり便利です。5.ColorZillaColorZillaは、ホームページのある文字や画像等様々な色情報を拾うことができます。ピンポイントで色を取得するだけではなく、ホームページ全体がどのような色を使っているのか、全体の配色も知ることができます。6.文字数カウンタ文字数カウンタは、プラグイン名から分かるように、文字数をカウントしてくれるプラグインです。文字数を数える際に、Wordを立ち上げて文字数を計っている方はいるのではないでしょうか。ホームページ上にあるテキストをコピーして、Wordを起動してコピペすることなく文字数をカウントできるのは時間短縮にもなり、手間も省くことができます。7.LinkclumpLinkclumpは、選択したリンクを別タブで一気に開けることができます。右クリックを押しながら、開きたいリンクの個所を選択して、右クリックを離すと選択してあるリンク先が別タブ一気に開くので、いろいろなページを見たい時に便利です。検索して、調べものをする際によく使用しています。8.WhatRunsWhatRunsは、見ているサイトがどのような構成で作られているのか見ることができます。Analyticsが入っているのか、PHPのバージョンなどワンクリックで見ることができます。WordPressの組み込んであるサイトではWordPressとは表示されないと、すべてが見られるわけではありませんが、良いなと思うサイトがどのように作られているのを知ることができるのは、参考になるのではないかと思います。まとめ私がホームページ制作をする際に使用しているプラグインを厳選して8つご紹介させていただきました。今回ご紹介させていただいたプラグインはデザイナーやディレクター、コーダーにかなり便利な機能となっています。プラグインは実際に使ってみないと分からないこともありますので、一度入れてみてはいかがでしょうか。まで一気通貫した完全オーダーメイドのWebコンサルティング。お客様のビジネスゴールに向けた戦略的コンサルティングを行います。ホームページ制作キレイなだけじゃない競合分析・サイト設計から更新・運用までトータルサポート。Web集客のプロが在籍しているアクシスだからこそ実現するデータに基づき最適化されたHPを制作します。あなたのサイトを丸裸にWebサイトの現状を正しく把握し、目指すべき姿とのギャップを知る。“2軸思考”であなたのWebサイトを丸裸にし、Webサイトで今何が起きているかを正しく把握します。最新情報をお届けメールアドレスを登録していただくと、おすすめ情報やアクシスブログの更新情報をお届けいたします。058-267-1430URL:https://www.axis-corp.com/お問い合わせはこちら私達は、お客様のインターネットからの売上・利益を最大化させるネット技術のプロフェッショナル集団です。WEBコンサルティング、集客、解析、ホームページ制作などさまざまなサービスを用いて、お客様にとって最適な状態を導き出します。すべてのお客様に、一流の結果をご提供いたします。CORPORATION。