🏃

Claude Codeの利用状況をブラウザから確認できるツール「CCDash」を作りました

に公開
npx
LLM
Claude
Claude Code
idea

Claude Code、便利ですよね！

私も Pro Plan で利用しているのですが、かなりの頻度で使用制限に達してしまい、作業の途中でタスクが進められなくなることがあります。

Claude usage limit reached. Your limit will reset at 6pm (Asia/Tokyo).

現在はコマンドラインから使用量を確認できる Claude-Code-Usage-Monitor などのツールもありますが、

「ブラウザから確認できて、詳細なログが見えたらもっと便利なのでは？」

と思い、CCDash というツールを作ってみました。

CCDashの使い方

npx ccdash@latest

これだけでローカルにサーバーが立ち上がり、ブラウザ経由でダッシュボードを確認できます。

ダッシュボードでできること

  • 現在の使用量（ウィンドウ内）を表示
  • Claudeの使用制限に到達するタイミングを予測（Claude-Code-Usage-Monitorを参考に実装）
  • プロジェクトごとのトークン／メッセージ使用量を確認

セッション一覧表示

「セッション」タブでは、過去のセッションを一覧で確認できます。

セッション詳細表示

各セッションの詳細を確認でき、Claude Codeとのやりとりや各メッセージの消費トークン量を把握できます。

デフォルトでは1分ごとに自動同期されるため、スマホからでもタスクの進捗をチェックすることができます。

今後追加したい機能

タスク実行機能（Web UIから）[1]

  • ブラウザ上でログを見ながら追加のタスクを実行できる機能
  • PCの前にいなくても操作できるようになれば、より柔軟に利用可能
  • 制限がリセットされたタイミングでタスクを自動実行できるようにして無駄のないタスク実行

ログ集計エージェント機能

現在はローカルのログファイルのみを対象としているため、複数環境で同じアカウントを使うと予測がずれるという課題があります。

  • 各開発環境に軽量なエージェントを配置
  • 使用状況を集約して、より正確な予測やグラフを表示
  • チーム単位での使用状況の可視化・知見共有にも活用可能

というわけで、ブラウザからClaude Codeの使用量やログを確認できるツール「CCDash」 を作ってみました。

まだまだ改善点はありますが、
npx ccdash だけで手軽に試せるので、興味のある方はぜひ触ってみてください！

ご意見・ご要望なども大歓迎です！

https://github.com/satoshi03/ccdash

脚注

  1. セキュリティ上のリスクがあるためアカウント認証も必要になる ↩︎

Discussion