Web制作 
Webマーケティング 
その他
2019.02.01 その他
Webディレクターがよく使うGoogle Chrome拡張機能5選
こんにちは。
朝パン派で有名なディレクター部のアンパンマンです。
今回は、WebディレクターとしてGoogle Chromeにおいてよく使う拡張機能をご紹介します。
どれも有名なものばかりだと思うので、
「そんなの知ってて当り前でしょう」と思わず仏の心でスルーをしていただければと思います。
Awesome Screen Shot
画面キャプチャーツールです。
ページ全体だけでなく指定した場所をキャプチャーすることが可能です。
このツールのみで文字や矢印を画像上に記載することができ、修正箇所の共有に重宝しています。
自分のローカルで保存している画像に対しても編集が可能で、あらゆる画像にに柔軟に対応ができます。
Alt & Meta viewer
AltとMetaのチェックツールです。
MetaやAltのチェックはページ数が多いとなかなか労力も使いますし、細かい作業になってくるので結構時間も使ってしまいます。
ソースを開くことなくAltとMetaを確認できるので、チェック系ツールでは現状で一番使いやすいと思っています。
これのツールも結局は1ページずつのチェックになってくるので、一括でチェックできる素晴らしいツールがあればよいのですが。。
Check my links
リンクのチェックツールです。
ページのリンク全てに対してチェックをかけてくれます。
Check my linksでは色でリンクの有/無を判断してくれるため、一つ一つチェックする手間が省けます。
注意点としては、リンクの有/無をチェックしてくれるのみなので、正しいリンクの遷移先になっているかは実際に開いて確かめる必要があります。
Wappalyzer
Webサイトがどのような技術で構築されているかを知るツールです。
サーバー,CMS,言語などを何を使っているかが把握できるため、お問い合わせをいただいたお客様のWebサイトを把握するために使用することが多いです。
Pasty
クリップボード内のURLを一括でタブを開く事ができるツールです。
URLを一気に開いけるので、チマチマクリックする手間を省いてくれます。
※50ページ開きすぎるとすごい重くなりますが。笑
大量のページをまとめて開いて検証するのがオススメです。
個人的にはPastyでページを開いてAlt & Meta Viewerと合わせてチェック作業をよくやります。
まとめ
いかがでしたでしょうか？
今回紹介させていただいたのはごく一部で、業務が効率化する拡張機能というのはまだまだたくさんあります。
状況や場面に応じて色々なものを使えるのが拡張機能の強みなので、
皆さんも色々試して自分に合ったもの見つけてみるの楽しいかもしれませんね！
ホームページ制作はもちろんの事、サイト運用時のアドバイスなど
どんな事でもご相談をお受け付けしております！
この記事を読んで、私たちに興味を持ったお客様は、
ご気軽に以下のお問い合わせボタンよりお問い合わせください！
WEBサイト制作のお問い合わせ、お見積り依頼、ご質問は
こちらのお問い合わせフォームよりお願いいたします
フライング・ハイ・ワークスの紹介
フライング・ハイ・ワークスは、東京都渋谷区にある2000年3月創業のシステム開発にも対応できるデザインも強いWeb制作・ホームページ制作会社です。東京都及びその近郊（首都圏）を中心として、SEO対策を意識したPC及びスマホのサイトをワンソース（レスポンシブ対応）で制作します。
実績
デザイナーチームは、グラフィックデザインやイラストの制作も得意としており、著作権を意識しない素材の提供が可能です。システム・コーディングチームでは、Laravelなどを使用したスクラッチからのオリジナルシステムの構築を始め、WordPressのカスタマイズを得意としております。
また、SEOやランディングページ（LP）、広告向けバナーなどを他社様でやっていた作業の引継ぎでも問題ありません。制作実績は多数ございますので、お客様に合わせたご提案が可能です。
500点以上のフライング・ハイ・ワークスの制作実績ページをご覧ください！
採用
FHWでWebディレクター、Webデザイナー、Webプログラマーやシステム開発者として働いてみたいと思っていただける方は、下記にて定期的に募集をしておりますので、ぜひ、ご応募ください。
WEBサイト制作のお問い合わせ、お見積り依頼、ご質問は
こちらのお問い合わせフォームよりお願いいたします
お問い合わせはこちら