こんにちはクリンクスデザインです。
みなさん、Google Chromeの拡張機能はご存知ですか？
こちらですね。
これGoogleが提供しているサービスでGoogle Chromeで簡単に追加してできるアプリなんですよ。
これ知らないとかなり損で、仕事の作業効率がかなり左右するかと思います。
もちろん私も普段から利用しているので、これがないと仕事できませんっていうぐらい必要不可欠な機能です。
・使用されているデザインやサイトの情報を調べられる
・スクリーンショットをそのまま加工
・メモ帳を使いたい
・Webページのテキストを音声で読み上げる
・ブラウザのカスタマイズをしたい
など種類は豊富で、今回のブログではこちらの機能追加方法とオススメの拡張機能をお伝えしていきたいと思います。
Contents
拡張機能はGoogleウェブストアについて
では、早速Googleウェブストアを下記のリンクからみていきましょう。
全体のレイアウトはこんな感じですね。
ここから拡張機能をインストールしていくとChromeのタブバーに追加されていくという感じになります。
種類は本当に沢山あるので、目的に合った機能を選んでもらった方がよいかなと思いますが、私は結構動画で調べて使ってみました。
【参考動画】
こちらの動画のクリエイターさんも恐らくウェブ関連のお仕事をされている感じなので、参考になりましたね。
簡単にレイアアウトの説明しますね。
①こちらは検索機能です。機能追加したいタイトルを入れるだけでそれに関連するアプリを上位から表示してくれます。
②カテゴリー毎で調べれて表示してくれます。
③Google Chromeのサイトなど利用してるあなたにオススメな機能を紹介してくれます。
インストール方法
インストール方法はとても簡単です。
追加したいアプリをクリック→Chromeに追加するだけです。
こちら追加したらタブバーを確認して下さい。
これで拡張機能を使えるようになりましたね。
オススメな拡張機能5選
Awesome Screenshot スクリーンショットと画面録画
こちらはスクリーンショットや画面録画などをする機能で、ウェブ制作中は頻繁にスクショを必要とします。
そのたびに画像添付したりや動画で確認してもらうなどを容易にできるので、一番使用頻度は高いですね。
QRコード作成器 (Quick QR)
現在のウェブサイトはレスポンシブデザインがほとんどだと思います。
スマホ表示の確認ではリンクを毎回AirDropで送って見てたのが、こちらのQRコードを読み込めば、
そのリンク先のサイトをスマホで確認ができるようになります。
Black Menu for Google™
こちらはグーグルのサービスを利用している一覧を確認したり表示してくれたりします。Googleサービスをよく使われる方は重宝しますね。
ColorPick Eyedropper
ウェブ関連ではカラーコードを調べる機能はとても必須機能です。こちらはカーソルを合わせるだけで簡単にカラーコードを調べる事ができるんですね。
WPSNIFFER – WordPress Themes Sniffer
WordPressでこのサイトはどんなテーマを利用されてるんだろと感じたことはないでしょうか？私はめちゃくちゃありました。こちらはクリックするだけで使用されてるWordPressテーマを調べる事ができるんですね。
※テーマエディタのCSSにて記述をしてるのですがそちらを変更されてる方はみれません。
まとめ
いかがでしたでしょうか？
世界のGoogleと言われてるだけ合ってサービスはようは使いようだと思います。
他にも沢山の良いサービスがあると思いますが、微妙な機能でも使いこなす事ができれば作業効率は高くなりそれが一番大事だと思います。
まだまだ、いろんなサービスがあると思いますのでまたご紹介していきますのでお楽しみに。
