新卒クリエイター向け！仕事で使えるChrome拡張機能5選
はじめに
はじめまして、日々Google Chromeの拡張機能に触れている者です。
みなさんは、作業効率を上げるためにChromeの拡張機能を入れたいけど何を入れれば良いか迷ったことはないでしょうか？
そんな方にその中で私が実際に使っていて良かったなという拡張機能をいくつかピックアップして紹介していきたいと思います。
＿＿＿
1.ColorZilla
“進化したスポイト、カラーピッカー、グラデーションジェネレーターなどのカラフルな機能を搭載。ColorZillaを使えば、ブラウザのどの位置からでも色を読み取ることができ、その色をすばやく調整して他のプログラムに貼り付けることができます。”
※ Chromeウェブストア拡張機能説明欄より翻訳サイトDeepLで和訳して一部分のみ引用しています。
ポイント
・Webサイトで使われている色（画像含め）を調べることができる
・ピックした色を保存できる
・保存した色の数値をコピペしてPhotoshopに反映できるため、大雑把な色の指示が来てしまった時に対応しやすい（これっぽい色合いで作ってください！といった依頼等）
＿＿＿
2.HTMLエラーチェッカー
“閲覧しているページのHTMLのタグの記述ミスなどをエラー表示してくれます。単純に開始タグ・閉じタグが足らないなどのチェックを行うのみの拡張機能となっています。エラー数が数値で拡張ボタン部分に表示されるので簡単にチェックができます。”
※ Chromeウェブストア拡張機能説明欄の一部分のみ引用しています。
ポイント
・とじタグ等のミスを確認することができる
・目視確認の後に使うと確認ミス減に期待できる
＿＿＿
3.Pasty
“PastyはとてもシンプルなマルチプルURLオープナーです。
貼り付けは必要ありません。Pastyのアイコンをクリックしてください。
たったこれだけです。”
※ Chromeウェブストア拡張機能説明欄より翻訳サイトDeepLで和訳して一部分のみ引用しています。
ポイント
・一度に複数のURLをコピーしてこれを押すとコピーしたURLをまとめて開いてくれる
＿＿＿
4.The QR Code Extension
“現在のページのQRコードを生成し、ウェブカメラを使ってQRコードをスキャンすることができます。”
※ Chromeウェブストア拡張機能説明欄の一部分のみ引用しています。
ポイント
・スマホでの実機確認の時に便利！
・画像化して保存することも可能
＿＿＿
5.DeepL翻訳
“DeepL翻訳を手軽に利用できる様に拡張機能化しました！
選択している文字をDeepLで手軽に翻訳できるようにしました。”
※ Chromeウェブストア拡張機能説明欄を引用しています。
ポイント
・デザインのツール探しの時によく使える。
・海外のデザインテクニックなどを調べたい時にとても使える。
使い方
こちら使い方ちょっと不明点多いため、使い方をこちらにまとめさせていただきます。
① 調べたい単語をマウスで選択し右クリック。DeepL翻訳欄から翻訳したい言語を選択
② 別ウィンドウが開き翻訳される。
＿＿＿
さいごに
いかがでしょうか？
デザイナーやコーダーだと入れておいて損はない機能なのかなと思います。
まだまだ紹介しきれていない拡張機能もありますので、今後も同じような記事を紹介していきますので今後も読んでいただけたら幸いです。
次回もよろしくお願いいたします。
いいなと思ったら応援しよう！
