よく使うChrome拡張(随時更新)

よく使うChrome拡張(随時更新)

2021年1月30日
ツール
Pocket

Webサイトの開発時に、よく使うChrom拡張をまとめていきます。

随時、更新予定です。

HTMLエラーチェッカー

HTMLに閉じタグ忘れなどのエラーがないかチェックしてくれるツールです。

自分で開発するものであれば、エディタのプラグイン等で、HTML LINTかければよいですが。

簡易にチェックしたいときはこちらを使います。

よく使うChrome拡張(随時更新)
HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※form…
chrome.google.com

チェックしたいページを表示して、拡張ボタンを押下するだけです。

よく使うChrome拡張(随時更新)

SEO META in 1 CLICK

SEO上重要になるmetaタグなどの設定を簡単に確認することができます。

公開するサイトは、こちらのツールをかけて、適切にタグが設定されているか確認するのがおすすめです。

よく使うChrome拡張(随時更新)
Displays all meta data and main SEO information for the best SEO
chrome.google.com

チェックしたいページを表示して、拡張ボタンを押下するだけです。

よく使うChrome拡張(随時更新)

User-Agent Switcher for Chrome

あんまり最近だと使う機会がなくなりつつありますが、ユーザーエージェントをクリックだけで切り替えることができるツールです。

古いサイトだとUA見て出し分けをしていたりするので、そういったときの確認にはいいですが、ChromeのDevToolsで十分な気もします。

UAは、Chromeなどでは今後廃止される可能性もあるみたいです。

よく使うChrome拡張(随時更新)
Spoofs & Mimics User-Agent strings.
chrome.google.com

切り替えたいブラウザをクリックで選択するだけで変わります。

よく使うChrome拡張(随時更新)

Wappalyzer

このサイトどんなツール使ってできているのかな?というときに使います。

結構丸裸になります。

よく使うChrome拡張(随時更新)
Identify web technologies
chrome.google.com

チェックしたいページを表示して、拡張ボタンを押下するだけです。

ウィジェット、プログラミング言語、アナリティクス、マーケティングオートメーションツール、タグマネージャー、エディタ、タグマネージャー、JavaScriptライブラリ、Webサーバなど知りたいことが一発で確認できます。

よく使うChrome拡張(随時更新)

Scraper

サイト内の表やテキストを簡単にscrapeできるツールです。

リストで表示されているようなものは簡単に抽出でき、csvファイルやspreadsheetとして保存することができます。

よく使うChrome拡張(随時更新)
Scraper gets data out of web pages and into spreadsheets.
chrome.google.com

取得したいページを表示して、抽出したいリストの一部を選択状態にして、右クリック、Scrape similar…を押します。

よく使うChrome拡張(随時更新)
よく使うChrome拡張(随時更新)
よく使うChrome拡張(随時更新)

本当に簡単にデータを抽出することができます。

XPathとかを覚えると更に便利になります。

Video Speed Controller

YoutubeやAmazonPrime、Netflixなどのブラウザ上で再生する動画を倍速再生するためのツールです。

1倍速で見ていたら時間が勿体ないですよね。

そんなときは、これで再生スピードを調整してみると時間の節約にもなります。

よく使うChrome拡張(随時更新)
Speed up, slow down, advance and rewind HTML5 audio/video with shortcuts
chrome.google.com

動画が表示されている状態で、Dを押すとスピードアップ、Sを押すとスピードダウンします。

これなしでは、もう動画を見ることはできません。

こえもじ

Google Meetを使う人にはおすすめです。

Google Meet用のChrome拡張こえもじがすごく便利
こちらの記事で見つけました。 https://ascii.jp/elem/000/004/068/4068215/ Google Meet用のChrome拡張「…
zaitakukinmu.com