絞れば、出てくる、アイディア。

ブログやウェブサイト制作に役立つGoogle Chrome拡張機能

ブログやウェブサイト制作に役立つGoogle Chrome拡張機能

皆さまはインターネットをされる時に、どのブラウザ(Google Chrome、Safari、Internet explorerなど)を使われていますか??

Google Chrome(グーグルクローム)は、様々な使いやすい拡張機能が用意されていて、ブログ制作やウェブサイト制作をする時に便利です。
今回は、ブログやウェブサイト制作を行う時に役立つGoogle Chromeの拡張機能を4つ紹介します!

1. フォントを調べる「WhatFont」

WhatFontは、あらゆるウェブサイトに使われているフォントを調べることができる拡張機能です。

WhatFontは、あらゆるウェブサイトに使われているフォントを調べることができる拡張機能です。

拡張機能をONにして、マウスを様々な文字の上に重ねると、使われているフォントを知る事ができます。

拡張機能をONにして、マウスを様々な文字の上に重ねると、使われているフォントを知る事ができます。

Google Chromeのウェブストアから「WhatFont」を探し、「Chromeに追加」ボタンをクリックするだけで、簡単に使えるようになります。

Google Chromeのウェブストアから「WhatFont」を探し「Chromeに追加」ボタンをクリックするだけで、簡単に使えるようになります。

拡張機能を追加すると、画面右上のパズルマークのような場所から拡張機能を見ることができます。

拡張機能を追加すると、画面右上パズルマークのような場所から拡張機能を見ることができます。

ピン留めして固定しておけば、常に画面上部のバーに表示させておくことができるので便利です。

ピン留めして固定しておけば、常に画面上部のバーに表示させておくことができるので便利です。

WhatFontをONにした状態で、文字にマウスを重ねると、使用されているフォントが分かります。 画面右上の「Exit WhatFont」を押すと、WhatFontがOFFになり、マウスを重ねてもフォントは表示されなくなります。

WhatFontONにした状態で、文字にマウスを重ねると、使用されているフォントが分かります。
画面右上の「Exit WhatFont」を押すと、WhatFontがOFFになり、マウスを重ねてもフォントは表示されなくなります。

2. ChatGPTにすぐにアクセスできる「Chrome用 ChatGPT」

Chrome用 ChatGPTは、近年ブログやWebサイト制作にも大きな影響をもたらしている「ChatGPT」の拡張機能です。

Chrome用 ChatGPTは、近年ブログやWebサイト制作にも大きな影響をもたらしている「ChatGPT」の拡張機能です。

Google Chromeのウェブストアから「Chrome 用 ChatGPT」を検索し、「Chromeに追加」をクリックして拡張機能を追加します。

Google Chromeのウェブストアから「Chrome 用 ChatGPT」を検索し、「Chromeに追加」をクリックして拡張機能を追加します。

上部のバーにピン留めして固定しておけば、いつでも簡単にChatGPTにアクセスすることができます!

上部のバーにピン留めして固定しておけば、いつでも簡単にChatGPTにアクセスすることができます!

3. 画像ダウンロードが一度にできる「Image downloader」

Image downloaderは、特定のページに存在する画像を一度に簡単にダウンロードできるとても便利な拡張機能です。

Image downloaderは、特定のページに存在する画像を一度に簡単にダウンロードできるとても便利な拡張機能です。

Google Chromeのウェブストアから「Image downloader」を検索し、「Chromeに追加」をクリックして拡張機能を追加します。

Image downloaderは、特定のページにある画像まとめて見る事ができます。

各画像の左上の四角にチェックを入れると、チェックを入れた画像をまとめて一度にダウンロードでできます。個別に画像をダウンロードしたり保存したりする必要がなく、とても便利です。

4. 色の特定が簡単にできる「カラーピッカー」

Chromeのカラーピッカーは、サイトに表示されているあらゆる文字や画像のカラーを特定することができる便利な拡張機能です。

Chromeのカラーピッカーは、サイトに表示されているあらゆる文字画像カラーを特定することができる便利な拡張機能です。

Google Chromeのウェブストアから「カラーピッカー」を検索し、「Chromeに追加」をクリックして拡張機能を追加します。

Google Chromeのウェブストアから「カラーピッカー」を検索し、「Chromeに追加」をクリックして拡張機能を追加します。

拡張機能を追加し、バーにピンで固定します。スポイトのようなアイコンをクリックすると、「Color Picker」という画面が表示されます。

拡張機能を追加し、バーにピンで固定します。スポイトのようなアイコンをクリックすると、「Color Picker」という画面が表示されます。

左上の「Pick」をクリックすると、画面上にポインタが登場します。 ポインタを被せた箇所でクリックすると、カラーコードとRGBが表示されます。

左上の「Pick」をクリックすると、画面上にポインタが登場します。
ポインタを被せた箇所でクリックすると、カラーコードRGBが表示されます。

ブログやウェブサイトのテーマカラーを確認する時や、参考にしたいウェブサイトのカラーを確認したいときにとても便利です。

まとめ😆

今回は、ブログやウェブサイト制作時に便利なGoogle Chrome拡張機能のおすすめ4つを紹介しました。
どれも無料で簡単に追加でき、使い方も非常にシンプルなのでとても便利です。
ぜひ、活用してみてください👍

2024-12-08
Sunday

weblemonの筆者

YUKINKO

20代後半のWEBマーケター&WEBデザイナー
新卒で商社に入社しWEBマーケターとして勤務後、
カナダに渡航し現地企業のWEB制作と
マーケティング支援を行う。
現在は帰国し某企業でWEBマーケターをしています。

 自分がWEBマーケター・WEBデザイナーとして
仕事をしているときに気になった事を
調べた経緯を残しておきたいなという思いと、
それを誰かのお悩み解決に
役立てることができたらいいなと思っています。

“ネコとレモンのWEBマーケ&デザインブログ”
みたいな感じで覚えてもらえたら嬉しいです😺🍋

POPULAR POST

LATEST POST