Chromeを便利に使いたいんだけど何を入れたらいいんだろう。
そんな方のためにおすすめのChromeアドオンを紹介します。
この記事で得られることは次の通りです。
・アドオンの使い方がわかる
・まず入れるべきアドオンがわかる
・アドオンを使った効率化の方法
こんにちは！ががりんです！
Webデザイナーになったらまず入れるべきChromeアドオンを紹介していきます！
１：アドオンってなに？
アドオンはブラウザをより便利に使用するための拡張機能のことで、さまざまな機能を追加することができます。
アドオンは企業・個人などさまざまな提供元から提供されており、各ブラウザの公式サイト上のストアからインストールすることができます。
アドオンを入れることで効率的に作業を進めることができるよ。ここからは実際におすすめのアドオンを紹介していくね。
２：おすすめアドオン10選
ColorZilla
サイトから色を抽出できる、カラーピッカーです。 参考にしたいサイトのカラーをさっと確認したり、デザインのカラーコードをチェックしてそのままコーディングに使えるので、おすすめです。
FireShot
Webページをスクショし、保存することができます。
ページ全て、表示されている箇所、選択した箇所などスクショしたい範囲を自由に選択できる点が使いやすく特徴的です。
HTMLエラーチェッカー
HTMLの構文ミスがあった場合に教えてくれるエラーチェッカーです。
何行目にどのようなエラーが出ているか教えてくれ、構築後ページのエラーチェックに非常に便利です。
Google 翻訳
そのページ全てを翻訳したり、選択した箇所のみ翻訳ができる機械翻訳ツールです。
日本語の記事がなく英文ページで解決方法を探すことも多々あるため、必須のツールです。
Check My Links
リンクがエラーになっていないか、確認できるリンクチェッカーです。
リンクが正しいか一つずつチェックする必要がなくなるため、便利なツールになります。
Awesome Screenshot
画面録画とスクショ編集ができるツールです。
ブラウザを操作する様を録画できるため、動きを保存しておきたいときに便利です。さらにスクショもでき、それを編集することも可能です。
The QR Code Extension
ページのQRコードを生成できるツールです。
スマホでの見た目をチェックしたい時に、QRコードを簡単に発行できるので便利です。またQRコードを画像で保存することも可能です。
Page Ruler Redux
洗濯した範囲のサイズを測れるルーラーツールです。
この画像サイズ何pxだろう、、と思った際に使うことができます。マージンなども簡単にチェックするとこができます。
Alt & Meta viewer
AltとMetaの一括確認ツールです。
どちらもSEOに関わる大切な設定箇所になるので、こちらのツールを使って効率よくチェックしましょう。
Clear Cache
キャッシュを消してくれるツールです。
キャッシュがあるとページの更新が反映されないことがあるので、おかしいなと思ったらキャッシュクリアをしましょう。
【まとめ】
以上WebデザイナーにおすすめのChromeアドオンでした。
ブラウザを最適化して効率的にサイト制作を行いましょう！
少しでも参考になったと思ったらシェアしてもらえると嬉しいです！
記事のリンクも大歓迎だよ。
