WEBVTT

00:00:00.370 --> 00:00:14.870
はい、今回のこの動画では、Google Chromeの拡張機能の紹介ということで、今回はこのColorJillaというChromeの拡張機能のインストール方法から使い方までご紹介したいと思います。

00:00:14.870 --> 00:00:24.870
ではまず、こちらのGoogleにColorJillaと検索をかけていただいて、そうしますと一番上にこのように出てきますので、こちらをクリックしてください。

00:00:24.870 --> 00:00:32.480
ColorJilla Chromeウェブストア、こちらをクリックしてください。

00:00:32.480 --> 00:00:43.980
はい、これすでにこのようにインストール済みですので追加済みとなっているのですが、こちらのボタン、追加するというボタンになっているかと思うので、こちらをクリックしてください。

00:00:43.980 --> 00:00:48.980
で、もうこれだけで拡張機能の方を追加することができます。

00:00:48.980 --> 00:01:00.480
で、こちらのColorJillaの使い方なんですが、こちらを一度クリックしていただいて、この一番上のものですね、ピックからフロムページ、こちらをクリックしてください。

00:01:00.980 --> 00:01:05.980
そうしますとこのように色を抜き取ることができます。

00:01:05.980 --> 00:01:15.980
例えばこちらのこの辺の背景色を抜き取る場合は、一度背景の箇所にカーソルを持ってきていただいてクリック。

00:01:15.980 --> 00:01:23.280
そうしますとこのようにカラーコードを抜き取ることができます。

00:01:23.280 --> 00:01:34.280
あとはこのカラーコードを指定のCSSとかに使っていただくか、他のウェブサービスで使っていただくといった形になります。

00:01:34.280 --> 00:01:41.780
あとはPhotoshopとかイラストレーターでもこちらのカラーコード、抜き取ったカラーコードを使うことができます。

00:01:41.780 --> 00:01:49.280
この削除の方法なのですが、こちらのColorJillaのアイコンにカーソルを持っていて右クリックですね。

00:01:49.280 --> 00:01:55.280
右クリックしてChromeから削除、こちらをクリックすると削除することができます。

00:01:55.280 --> 00:02:03.440
今回のこの動画は以上となります。

00:02:03.440 --> 00:02:11.440
今回のこの動画ではお勧めのGoogle Chrome拡張機能の紹介ということで、こちらのCSS Viewerについて解説いたします。

00:02:11.440 --> 00:02:23.280
まずインストールの方から解説したいと思うんですが、このようにCSS ViewerとGoogleで検索をかけていただいて一番上にくるこちらをクリックしてください。

00:02:23.280 --> 00:02:33.280
するとChromeのWebストアの方に移動するので、自動で移動しますので、こちらのすでにインストール済みですので今回の場合は、

00:02:33.280 --> 00:02:39.280
ですが初めての場合は追加するといったボタンになっているのでそちらをクリックしてください。

00:02:39.280 --> 00:02:42.780
これワンクリックでインストールすることができます。

00:02:42.780 --> 00:02:47.780
正常にインストールができますとこのようにアイコンが表示されます。

00:02:47.780 --> 00:02:55.780
使い方なんですがこちらを一度クリックしていただくとこのようにCSSの要素を見ることができます。

00:02:55.780 --> 00:03:09.280
バックグラウンのカラーですとか文字色のカラーの色、幅ですとか高さ、パッディング、マージングなどをこちらで確認することができます。

00:03:09.280 --> 00:03:15.280
なのでこのWeb制作の際に非常に便利な拡張機能となっています。

00:03:15.280 --> 00:03:19.280
こちら一度クリックしますと元通りに戻ります。

00:03:19.280 --> 00:03:24.280
削除の方法はこちらにカーソルを持ってきていただいて右クリック。

00:03:24.280 --> 00:03:26.780
Chromeから削除をクリックしてください。

00:03:26.780 --> 00:03:32.280
これでChromeの方から完全に削除することができます。

00:03:32.280 --> 00:03:37.470
今回のこの動画は以上となります。

00:03:37.470 --> 00:03:46.470
今回のこの動画ではGoogle Chromeの拡張機能ということでこちらのAwesome Screenshotについて解説いたします。

00:03:46.470 --> 00:04:00.160
まずはこのようにAwesome Screenshotと検索をかけていただいて検索結果から一番上にくるこちらをクリックしてください。

00:04:00.160 --> 00:04:05.160
そうしますとこのようにインストールの画面がクリックされます。

00:04:05.160 --> 00:04:09.660
こちらにChromeに追加とあるのでそちらをクリックしてください。

00:04:09.660 --> 00:04:16.060
拡張機能追加こちらをクリックしてください。

00:04:16.060 --> 00:04:21.060
これでChrome拡張機能のインストールが完了しました。

00:04:21.060 --> 00:04:25.560
この手順は他のものも同様ですので覚えておいてください。

00:04:25.560 --> 00:04:34.060
こちらのAwesome Screenshotの使い方なのですがこのアイコンを一度クリックしていただいて

00:04:34.060 --> 00:04:39.700
あとはこちらのキャプチャーボタンですね。

00:04:39.700 --> 00:04:41.700
こちらをクリックしてください。

00:04:41.700 --> 00:04:49.270
一番上ですね。こちらをクリックしてください。

00:04:49.270 --> 00:04:56.470
しばらくしますとこのようにキャプチャーができます。

00:04:56.470 --> 00:05:00.470
ちょっとズームになっているのでこのマイナスをクリックして

00:05:00.470 --> 00:05:02.470
ズームアウトをしてみたいと思います。

00:05:02.470 --> 00:05:04.470
このようにスクリーンショットができました。

00:05:04.470 --> 00:05:12.470
あとは四角形を挿入したりですとか矢印とかを挿入することができます。

00:05:12.470 --> 00:05:16.470
あとテキストなども打ち込むことができます。

00:05:16.470 --> 00:05:24.050
あとはこちらのボタンをクリックしてください。

00:05:24.050 --> 00:05:29.260
こちらのダウンロードボタンをクリックすると

00:05:29.260 --> 00:05:36.570
実際に自分のパソコンにキャプチャーした画像をダウンロードすることができます。

00:05:36.570 --> 00:05:42.570
こういったブログなどのキャプチャー画像に使うことができるので大変便利です。

00:05:42.570 --> 00:05:47.570
こちらのChrome拡張機能の削除の方法なのですが

00:05:47.570 --> 00:05:50.570
このアイコンのところにカーソルを持ってきていただいて

00:05:50.570 --> 00:05:55.570
右クリックでChromeから削除ですね。これで削除することができます。

00:05:55.570 --> 00:06:01.570
こちらの削除方法も全部の拡張機能共通ですので覚えておいてください。

00:06:01.570 --> 00:06:07.840
では今回のこの動画は以上となります。

00:06:07.840 --> 00:06:12.840
今回のこの動画ではお勧めのGoogle Chromeの拡張機能ということで

00:06:12.840 --> 00:06:16.840
今回はこのイメージダウンローダーについて解説いたします。

00:06:16.840 --> 00:06:20.840
まずはこのようにイメージダウンローダーと検索をしていただいて

00:06:20.840 --> 00:06:27.370
検索結果が一番上に来るこちらをクリックしてください。

00:06:27.370 --> 00:06:31.370
次の画面でChromeのWebストアに移動するのですが

00:06:31.370 --> 00:06:36.370
こちらのChromeに追加です。こちらをクリックしてください。

00:06:36.370 --> 00:06:43.200
続いて拡張機能追加こちらをクリックしてください。

00:06:43.200 --> 00:06:48.200
しばらくするとこのようにアイコンが表示されますので

00:06:48.200 --> 00:06:53.200
この状態を確認できましたらインストールが完了したという状態になります。

00:06:53.200 --> 00:06:56.200
このイメージダウンローダーの使い方なのですが

00:06:56.200 --> 00:07:00.200
こちらのアイコンをクリックしていただくと

00:07:00.200 --> 00:07:05.200
こちらのWebサイトに配置してある画像をダウンロードすることができます。

00:07:05.200 --> 00:07:10.760
こういったアイキャッチ画像ですとかプロフィール画像ですね。

00:07:10.760 --> 00:07:12.760
こういったものがダウンロードできます。

00:07:12.760 --> 00:07:15.760
なので参考にしたい画像などがありましたら

00:07:15.760 --> 00:07:22.760
こちらからダウンロードしてそちらの画像のデザインを参考にするといった使い方ができます。

00:07:22.760 --> 00:07:29.230
あとはこちらの削除の方法なのですが

00:07:29.230 --> 00:07:32.230
右クリックしていただくと

00:07:32.230 --> 00:07:36.230
Chromeから削除というのがありますのでそちらをクリックしてください。

00:07:36.230 --> 00:07:39.230
これでChromeの方から完全に削除することができます。

00:07:39.230 --> 00:07:48.080
ダウンロードの仕方はこちらの矢印をクリックすることで簡単にダウンロードができます。

00:07:48.080 --> 00:07:52.080
今回のこの動画は以上となります。

00:07:52.080 --> 00:07:58.770
今回のこの動画ではおすすめのGoogle Chromeの拡張機能の紹介ということで

00:07:58.770 --> 00:08:02.770
Google Chromeのワンタブというものを紹介したいと思います。

00:08:02.770 --> 00:08:05.770
ではまずインストール方法なのですが

00:08:05.770 --> 00:08:08.770
ワンタブと検索をかけていただいて

00:08:08.770 --> 00:08:16.770
検索結果から一番上にくるこちらをクリックしてください。

00:08:16.770 --> 00:08:19.770
すでに追加してあるので追加済みとなっているのですが

00:08:19.770 --> 00:08:24.770
こちらの追加というボタンをクリックしてください。

00:08:24.770 --> 00:08:32.770
次の画面で拡張機能を追加するといったボタンがおそらく出てくるかと思うので

00:08:32.770 --> 00:08:35.770
そちらのボタンをクリックしてください。

00:08:35.770 --> 00:08:39.770
それでインストールが完了しますとこのようにアイコンが出てきます。

00:08:39.770 --> 00:08:42.770
こちらの拡張機能の使い方なのですが

00:08:42.770 --> 00:08:51.770
こちらをGoogle Chromeこのようにタブをたくさん開きすぎてしまうことがあるかと思うのですが

00:08:51.770 --> 00:08:54.770
これを一箇所にまとめるといった使い方になります。

00:08:54.770 --> 00:09:01.400
こちらのアイコンを一度クリックしていただくと

00:09:01.400 --> 00:09:05.400
このように一箇所にまとめられるといったものになります。

00:09:05.400 --> 00:09:10.100
このように一括で削除することもできますし

00:09:10.100 --> 00:09:12.100
すべてを復元することもできます。

00:09:12.100 --> 00:09:17.100
こちらの拡張機能の削除の方法なのですが

00:09:17.100 --> 00:09:20.100
ワンタブのこのアイコンにカーソルを持っていって

00:09:20.100 --> 00:09:29.180
右クリック、Chromeから削除をクリックしますと完全に削除することができます。

00:09:29.180 --> 00:09:32.180
今回のこの動画は以上となります。