便利ツール

Webサイトの開発時に、よく使うChrom拡張をまとめていきます。 随時、更新予定です。 HTMLエラーチェッカー HTMLに閉じタグ忘れなどのエラーがないかチェックしてくれるツールです。 自分で開発するものであれば、エディタのプラグイン等で、HTML LINTかければよいですが。 簡易にチェックしたいときはこちらを使います。 https://chrome.google.com/webstore/detail/html%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%81%E3%82%A7%E3%83%83%E3%82%AB%E3%83%BC/ohdllebchmmponnofchalfkegpjojcaf?hl=ja チェックしたいページを表示して、拡張ボタンを押下するだけです。 SEO META in 1 CLICK SEO上重要になるmetaタグなどの設定を簡単に確認することができます。 公開するサイトは、こちらのツールをかけて、適切にタグが設定されているか確認するのがおすすめです。 https://chrome.google.com/webstore/detail/seo-meta-in-1-click/bjogjfinolnhfhkbipphpdlldadpnmhc?hl=ja チェックしたいページを表示して、拡張ボタンを押下するだけです。 User-Agent Switcher for Chrome あんまり最近だと使う機会がなくなりつつありますが、ユーザーエージェントをクリックだけで切り替えることができるツールです。 古いサイトだとUA見て出し分けをしていたりするので、そういったときの確認にはいいですが、ChromeのDevToolsで十分な気もします。 UAは、Chromeなどでは今後廃止される可能性もあるみたいです。 https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg?hl=ja 切り替えたいブラウザをクリックで選択するだけで変わります。 Wappalyzer このサイトどんなツール使ってできているのかな？というときに使います。 結構丸裸になります。 https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=ja チェックしたいページを表示して、拡張ボタンを押下するだけです。 ウィジェット、プログラミング言語、アナリティクス、マーケティングオートメーションツール、タグマネージャー、エディタ、タグマネージャー、JavaScriptライブラリ、Webサーバなど知りたいことが一発で確認できます。 Scraper サイト内の表やテキストを簡単にscrapeできるツールです。 リストで表示されているようなものは簡単に抽出でき、csvファイルやspreadsheetとして保存することができます。 https://chrome.google.com/webstore/detail/scraper/mbigbapnjcgaffohmbkdlecaccepngjd?hl=ja 取得したいページを表示して、抽出したいリストの一部を選択状態にして、右クリック、Scrape similar...を押します。 本当に簡単にデータを抽出することができます。 XPathとかを覚えると更に便利になります。 Video Speed Controller YoutubeやAmazonPrime、Netflixなどのブラウザ上で再生する動画を倍速再生するためのツールです。 1倍速で見ていたら時間が勿体ないですよね。 そんなときは、これで再生スピードを調整してみると時間の節約にもなります。 https://chrome.google.com/webstore/detail/video-speed-controller/nffaoalbilbmmfgbnbgppjihopabppdk?hl=ja 動画が表示されている状態で、Dを押すとスピードアップ、Sを押すとスピードダウンします。 これなしでは、もう動画を見ることはできません。 こえもじ Google Meetを使う人にはおすすめです。 https://zaitakukinmu.com/2021/09/04/google-meet-koemoji/

便利ツール

無料で使え重宝している便利ツール(随時更新)

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