デジタルツール
次世代開発ツール
デジタルツール
CodeLens — CSSの未使用クラスをワンクリックで発見
HTMLをドロップするだけで、定義・参照・未使 用クラスがファイル横断で一目でわかる。
¥500
/ 買い切り
check_circle
7言語対応
check_circle
ファイル数無制限
check_circle
30秒で解析完了
Status
In Stock
Version
v1.0
製品概要
CodeLens — CSSの未使用クラスをワンクリックで発見
詳細説明
HTML・CSS・JS・PHP・Javaをブラウザにドロップするだけ。未使用クラスの自動検出・定義と参照のファイル横断可視化・依存グラフ生成。
インストール不要・完全ローカル処理・7言語対応
---
🚀 主な機能
✅ 未使用クラス検出
CSSに定義されているがHTMLやJSで一度も使われていないクラス・IDを自動検出。肥大化したスタイルシートの整理が劇的に楽になります。
✅ クロスリファレンス
class / id / 変数 / 関数を横断追跡。定義ファイルと全参照が一覧表示。grep作業から永遠に解放されます。
✅ 依存グラフ
ファイル間の繋がりをインタラクティブなグラフで可視化。Force / Tree / Circle レイアウト切り替え可能。
✅ データエクスポート
解析結果を CSV・JSON・Markdown で出力。ドキュメント化や共有に便利。
✅ プロジェクト保存
IndexedDB に自動保存。次回起動時に前回のプロジェクトをワンクリックで復元。
---
💻 対応言語
- HTML
- CSS / Sass / SCSS
- JavaScript / TypeScript
- JSX / TSX
- PHP
- Java
---
📦 ご購入後の流れ
すぐに使い始められます！
1. 購入完了後、即ダウンロード
- ZIPファイルのダウンロードリンクが表示されます
2. 解凍して開くだけ
- ZIPファイルを解凍
- `index.html` をブラウザで開く
3. すぐに使用開始
- ライセンスキー不要
- アクティベーション不要
- 購入→即利用！
---
⚙️ システム要件
- モダンブラウザ（Chrome, Safari, Firefox, Edge）
- JavaScript 有効
- インターネット接続不要（完全ローカル処理）
---
🔒 ライセンス
- **利用範囲**: 個人利用・商用利用可能
- デバイス制限: なし（何台でもご利用いただけます）
- アップデート: 無料（買い切り）
- 譲渡・再配布: 禁止
---
📞 サポート
ご質問や不具合報告は以下までお気軽にお問い合わせください：
- Email: support@lle.k2de.com
- サイト: https://lle.k2de.com/
---
💡 デモ版で事前に試せます
購入前にデモ版で全機能をお試しください：
https://soft.k2de.com/codelens/demo/
---
⚠️ 重要事項
- デジタル商品のため、購入後の返金はできません。
- 必ずデモ版で動作確認の上、ご購入ください。
- ご購入いただいたお客様専用です。第三者への譲渡や再配布はご遠慮ください。
---
© 2026 K2De-sign. All rights reserved.
terminal
完全ローカル処理
すべての解析はブラウザ内で完結。ファイルは外部に 送信されず、機密プロジェクトでも安心して使用できます。
speed
瞬時に解析完了
数千ファイルでも数秒で解析。待ち時間ゼロで、未使 用CSSを即座に発見します。
購入特典
- bolt 24時間365日のテクニカルサポート
- update ライフタイム・無料アップデート
- school 導入トレーニング・マニュアル付属
こんな経験、ありませんか？
こんな経験、ありませんか？
「このクラス、どこで使ってたっけ？」
ファイルをひとつずつ grepして探す時間が、じわじわとストレスになる。
CSSが肥大化し続けている
使われていないクラスが積み重なって、ファイルサイズが膨らむ一方。どれを消せばいいかわからない。
リファクタリングが怖い
クラス名を変えたら何が壊れるか不明。影響範囲を確認する手段がない 。
引き継ぎ・コードレビューがつらい
他人のコードを読む前に、構造把握だけで膨大な時間を消費してしまう。
😩
Before
- ❌ エディタで手動 grep を繰り返す
- ❌ 未使用クラスが何個あるか不明
- ❌ クラスを消してもいいか確信が持てない
- ❌ ファイル間の依存関係が頭の中でしか分からない
✨
After
- ✓ クリックひとつで全参照を一覧表示
- ✓ 未使用クラスを即座に一覧化・削除
- ✓ 影響範囲が視覚的に確認でき安心してリファクタリング
- ✓ 依存グラフでファイル間の繋がりを可視化
使い方
使い方はたった3ステップ
インストール不要。ブラウザを開いて、ファイルをドロップするだけ。
1
ファイルをドロップ
HTML・CSS・JS などをサイドバーにドラッグ&ドロップ。フォルダごと の一括読み込みも対応。
2
自動解析・可視化
全ファイルを即座に解析。識別子の一覧・参照マップ・未使用クラスが自動生成。
3
クリックで深掘り
気になるクラス名をクリック。定義ファイルにジャンプし、全参照を一覧確認できます。
FAQ
よくある質問
インストールは必要ですか？ expand_more
不要です。ブラウザだけで動きます。Chrome・Safari・Firefox・Edge に対応しています。アカウント登録も不要です。