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

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

2021年1月30日
ツール
Pocket

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

随時、更新予定です。

HTMLエラーチェッカー

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

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

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

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

HTMLエラーチェッカー - Chrome ウェブストア

HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数…
chrome.google.com

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

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

SEO META in 1 CLICK

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

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

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

SEO META in 1 CLICK - Chrome ウェブストア

Displays all meta data and main SEO info…
chrome.google.com

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

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

User-Agent Switcher for Chrome

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

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

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

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

User-Agent Switcher for Chrome - Chrome ウェブストア

Spoofs & Mimics User-Agent strings.
chrome.google.com

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

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

Wappalyzer

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

結構丸裸になります。

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

Wappalyzer - Technology profiler - Chrome ウェブストア

Identify web technologies
chrome.google.com

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

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

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

Scraper

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

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

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

Scraper - Chrome ウェブストア

Scraper gets data out of web pages and i…
chrome.google.com

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

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

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

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

Video Speed Controller

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

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

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

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

Video Speed Controller - Chrome ウェブストア

Speed up, slow down, advance and rewind …
chrome.google.com

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

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

こえもじ

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

Google Meet用のChrome拡張こえもじがすごく便利

Google Meet用のChrome拡張こえもじがすごく便利

こちらの記事で見つけました。 https://ascii.jp/elem/000…
zaitakukinmu.com