chokumo-tool.com
未使用CSS/JSの調査担当ひで先生 未使用コード自動検出ツール
無料ツール 累計利用回数: --

URLを入れるだけで
使われていないCSS・JSを自動検出

CSSセレクタとJSの関数・変数をHTMLと照合し、未使用コードの候補を一覧表示。 ファイルを整理してページを軽くするヒントが見つかります。

無料で使える Basic認証対応 外部CDNも解析可 2段階で結果を分類
スッキリくん

URLを入力してチェックスタート

チェックしたいページのURLを入力してください

1行に1URL。複数ページのHTMLをまとめて照合することでより正確な結果が得られます(上限300URL)

解析オプション
💡

このツールはHTMLの静的解析をもとに判定します。JavaScriptで動的に付与されるクラスや、条件分岐で呼ばれる関数は「未使用」と誤検知される場合があります。結果は参考情報としてご活用ください。

解析中です。しばらくお待ちください...

解析結果

このツールでできること

CSS・JSファイルを静的解析し、不要コードの候補を2つのレベルで分類して表示します。

🔴
ほぼ未使用(赤)
HTML内のどこにも参照が見つからず、JSによる動的付与の形跡も検出されなかったセレクタ・関数・変数です。削除の有力候補として確認してください。
🟡
要確認(黄)
動的クラス付与や間接参照の可能性があり、未使用かどうか判断できなかった項目です。実際のページ動作を確認した上で判断してください。
🎨
CSSセレクタを解析
同一ドメインのCSSファイルを取得し、セレクタ単位でHTMLとの照合を行います。外部CDN(Bootstrapなど)もオプションで解析対象に含めることができます。
⚙️
JS関数・変数を解析
JSファイル内で定義された関数・変数を抽出し、HTML・他JSファイルでの参照状況を静的に解析します。使われていない定義の洗い出しに役立ちます。

こんな場面で使えます

コードのメンテナンスや納品前の品質チェックにお役立てください。

1
サイトリニューアル後のコード整理

デザイン変更でHTMLを書き直した後、古いCSSが残っていないかをまとめて確認できます。

2
制作会社からの引き継ぎチェック

外注先から受け取ったコードに不要なスタイルやスクリプトが含まれていないか確認するのに使えます。

3
ページ表示速度の改善

未使用のCSSやJSを削除することでファイルサイズを削減し、ページの読み込み速度を改善するヒントを得られます。

4
長期運用サイトの棚卸し

何年も更新を続けたサイトに、いつのまにか使われなくなったコードが溜まっていないかを簡単に確認できます。

この機能の開発コスト(概算)

この機能はチョクモのスタッフがソースコードの記述や、デザイン・イラストの制作は行わず、ほぼ全てをAIを活用して開発しています。ここまでに費やしたコストは約3,504円です。

作業者 合計時間 概算コスト
Claude 48分 4円
Gemini 5分 0円
人間 42分 3,500円
95分 3,504円