大洗
偕楽園
嵐山
天橋立
松島
厳島神社
鳥取砂丘
大阪 淀川
神戸 六甲山

知らないと損する、Web制作者必見のchrome拡張機能

知らないと損する、Web制作者必見のchrome拡張機能を9つ紹介します。
Web制作者でなくても便利なものがありますので、是非ご覧ください。

・FireShot
ウェブページ全体をスクリーンショット撮影できる拡張機能。
クリックボードへの保存やPDF/JPEG/GIF/PNGで保存可能。
Chromeのデフォルト機能やFireFoxのデフォルト機能でもページ全体のスクリーンショット撮影はできますが、上手く動作しない場合や撮影したものが不完全だったりすることがあるので、こちらが一番おすすめです。

https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja

・Pasty
コピーした複数のURLをまとめてタブで開いてくれる拡張機能。
複数のURLをひとつひとつ開いていくのは非効率なので、まず入れておいて間違いはないでしょう。URL以外に余計なテキストをコピーしていたとしても、よしなにURL記述だけを読み取って開いてくれるとても賢いツールです。

https://chrome.google.com/webstore/detail/pasty/hdjihnnclpjhfdbbinmgoiehhoehhlgf?hl=ja

・Linkclump
開いているページのリンク箇所を範囲選択すると、まとめてタブで開いてくれる、またはURLとしてコピーしてくれる拡張機能です。
メガメニューやフッタメニューのリンクをまとめて開いて確認したり、URL保存したい場合に便利です。

https://chrome.google.com/webstore/detail/linkclump/lfpjkncokllnfokkgpkobnkbkmelfefj?hl=ja

・Copy All Urls
開いているタブのURLをまとめてコピーしてくれる拡張機能。
調べ事をしている時や会議の参考材料として開いていたページを、備忘録としてまとめて開いているぺージの保存をしておきたいときに便利です。

https://chrome.google.com/webstore/detail/copy-all-urls/djdmadneanknadilpjiknlnanaolmbfk?hl=ja

・ColorPick Eyedropper
開いているページのカラーコードを直ぐに調べることができる拡張機能。
調べたい色のところをカーソルで選択するだけのお手軽ツールです。

https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg

・Pushbullet
PC、スマホ、タブレットといった複数デバイスでシームレスに情報交換ができる拡張機能。
スマホで見つけた情報をパソコンにも送信したい場合(逆もしかり)、いちいちメール等で自分宛てに送信するのは面倒ですが、このツールを使えばそういった手間が省けます。

https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd?hl=ja

・The QR Code Extension
現在のページのQRコードを生成し、ウェブカメラを使ってQRコードをスキャンすることができる拡張機能。
スマホで表示確認したい場合に、いちいちURLを入力したりコピーして送ったりしなくて済みます。

https://chrome.google.com/webstore/detail/the-qr-code-extension/oijdcdmnjjgnnhgljmhkjlablaejfeeb?hl=ja

・Check My Links
ページ内のリンク切れをチェックすることができる拡張機能。
わかりやすく色付けしてリンク成功・リンク失敗を表示してくれます。

https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf

・HTMLエラーチェッカー
開いているページのHTML構文をチェックし、 閉じタグ忘れなどを指摘してくれる拡張機能。
エラーが有った場合はアイコンに自動で赤くエラー数を表示してくれます。何行目でエラーがあったか行数も表示されされるので、エラー箇所が見つけやすいです。

https://chrome.google.com/webstore/detail/copy-all-urls/djdmadneanknadilpjiknlnanaolmbfk?hl=ja

以上となりますが、Web制作者ならずともお役立つものがあったのではないでしょうか。気になるもがありましたら、是非ご利用してみてください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です