はい、今回のこの動画では、Google Chromeの拡張機能の紹介ということで、今回はこのColorJillaというChromeの拡張機能のインストール方法から使い方までご紹介したいと思います。
ではまず、こちらのGoogleにColorJillaと検索をかけていただいて、そうしますと一番上にこのように出てきますので、こちらをクリックしてください。
ColorJilla Chromeウェブストア、こちらをクリックしてください。
はい、これすでにこのようにインストール済みですので追加済みとなっているのですが、こちらのボタン、追加するというボタンになっているかと思うので、こちらをクリックしてください。
で、もうこれだけで拡張機能の方を追加することができます。
で、こちらのColorJillaの使い方なんですが、こちらを一度クリックしていただいて、この一番上のものですね、ピックからフロムページ、こちらをクリックしてください。
そうしますとこのように色を抜き取ることができます。
例えばこちらのこの辺の背景色を抜き取る場合は、一度背景の箇所にカーソルを持ってきていただいてクリック。
そうしますとこのようにカラーコードを抜き取ることができます。
あとはこのカラーコードを指定のCSSとかに使っていただくか、他のウェブサービスで使っていただくといった形になります。
あとはPhotoshopとかイラストレーターでもこちらのカラーコード、抜き取ったカラーコードを使うことができます。
この削除の方法なのですが、こちらのColorJillaのアイコンにカーソルを持っていて右クリックですね。
右クリックしてChromeから削除、こちらをクリックすると削除することができます。
今回のこの動画は以上となります。
今回のこの動画ではお勧めのGoogle Chrome拡張機能の紹介ということで、こちらのCSS Viewerについて解説いたします。
まずインストールの方から解説したいと思うんですが、このようにCSS ViewerとGoogleで検索をかけていただいて一番上にくるこちらをクリックしてください。
するとChromeのWebストアの方に移動するので、自動で移動しますので、こちらのすでにインストール済みですので今回の場合は、
ですが初めての場合は追加するといったボタンになっているのでそちらをクリックしてください。
これワンクリックでインストールすることができます。
正常にインストールができますとこのようにアイコンが表示されます。
使い方なんですがこちらを一度クリックしていただくとこのようにCSSの要素を見ることができます。
バックグラウンのカラーですとか文字色のカラーの色、幅ですとか高さ、パッディング、マージングなどをこちらで確認することができます。
なのでこのWeb制作の際に非常に便利な拡張機能となっています。
こちら一度クリックしますと元通りに戻ります。
削除の方法はこちらにカーソルを持ってきていただいて右クリック。
Chromeから削除をクリックしてください。
これでChromeの方から完全に削除することができます。
今回のこの動画は以上となります。
今回のこの動画ではGoogle Chromeの拡張機能ということでこちらのAwesome Screenshotについて解説いたします。
まずはこのようにAwesome Screenshotと検索をかけていただいて検索結果から一番上にくるこちらをクリックしてください。
そうしますとこのようにインストールの画面がクリックされます。
こちらにChromeに追加とあるのでそちらをクリックしてください。
拡張機能追加こちらをクリックしてください。
これでChrome拡張機能のインストールが完了しました。
この手順は他のものも同様ですので覚えておいてください。
こちらのAwesome Screenshotの使い方なのですがこのアイコンを一度クリックしていただいて
あとはこちらのキャプチャーボタンですね。
こちらをクリックしてください。
一番上ですね。こちらをクリックしてください。
しばらくしますとこのようにキャプチャーができます。
ちょっとズームになっているのでこのマイナスをクリックして
ズームアウトをしてみたいと思います。
このようにスクリーンショットができました。
あとは四角形を挿入したりですとか矢印とかを挿入することができます。
あとテキストなども打ち込むことができます。
あとはこちらのボタンをクリックしてください。
こちらのダウンロードボタンをクリックすると
実際に自分のパソコンにキャプチャーした画像をダウンロードすることができます。
こういったブログなどのキャプチャー画像に使うことができるので大変便利です。
こちらのChrome拡張機能の削除の方法なのですが
このアイコンのところにカーソルを持ってきていただいて
右クリックでChromeから削除ですね。これで削除することができます。
こちらの削除方法も全部の拡張機能共通ですので覚えておいてください。
では今回のこの動画は以上となります。
今回のこの動画ではお勧めのGoogle Chromeの拡張機能ということで
今回はこのイメージダウンローダーについて解説いたします。
まずはこのようにイメージダウンローダーと検索をしていただいて
検索結果が一番上に来るこちらをクリックしてください。
次の画面でChromeのWebストアに移動するのですが
こちらのChromeに追加です。こちらをクリックしてください。
続いて拡張機能追加こちらをクリックしてください。
しばらくするとこのようにアイコンが表示されますので
この状態を確認できましたらインストールが完了したという状態になります。
このイメージダウンローダーの使い方なのですが
こちらのアイコンをクリックしていただくと
こちらのWebサイトに配置してある画像をダウンロードすることができます。
こういったアイキャッチ画像ですとかプロフィール画像ですね。
こういったものがダウンロードできます。
なので参考にしたい画像などがありましたら
こちらからダウンロードしてそちらの画像のデザインを参考にするといった使い方ができます。
あとはこちらの削除の方法なのですが
右クリックしていただくと
Chromeから削除というのがありますのでそちらをクリックしてください。
これでChromeの方から完全に削除することができます。
ダウンロードの仕方はこちらの矢印をクリックすることで簡単にダウンロードができます。
今回のこの動画は以上となります。
今回のこの動画ではおすすめのGoogle Chromeの拡張機能の紹介ということで
Google Chromeのワンタブというものを紹介したいと思います。
ではまずインストール方法なのですが
ワンタブと検索をかけていただいて
検索結果から一番上にくるこちらをクリックしてください。
すでに追加してあるので追加済みとなっているのですが
こちらの追加というボタンをクリックしてください。
次の画面で拡張機能を追加するといったボタンがおそらく出てくるかと思うので
そちらのボタンをクリックしてください。
それでインストールが完了しますとこのようにアイコンが出てきます。
こちらの拡張機能の使い方なのですが
こちらをGoogle Chromeこのようにタブをたくさん開きすぎてしまうことがあるかと思うのですが
これを一箇所にまとめるといった使い方になります。
こちらのアイコンを一度クリックしていただくと
このように一箇所にまとめられるといったものになります。
このように一括で削除することもできますし
すべてを復元することもできます。
こちらの拡張機能の削除の方法なのですが
ワンタブのこのアイコンにカーソルを持っていって
右クリック、Chromeから削除をクリックしますと完全に削除することができます。
今回のこの動画は以上となります。