なぜこのツールを作ったのか
DeepSeek API の使用量が急増する中、公式ダッシュボードからエクスポートされる CSV はますます読みづらくなっていきました。何百行もの数字——どのプロジェクトが最もトークンを消費しているのか?キャッシュヒット率は期待値を満たしているか?API キー間でコストはどう分布しているか?本来なら一目瞭然であるべき答えが、退屈なスプレッドシートに埋もれていました。
これらの重要な指標を本当に理解するために、私たちはシンプルで、直感的で、絶対に安全な可視化ダッシュボードを自分たちで構築することにしました。
主要機能
4つの分析次元
- コスト分析 — 総コスト、日次コスト棒グラフ、キー別コスト分布ドーナツチャート
- 使用量分析 — 総トークン数、キー別使用量詳細テーブル、リクエスト数統計
- キャッシュ分析 — キャッシュヒット率、日次ヒット率推移折れ線グラフ、キー別ヒット/ミス積み上げ棒グラフ
- トレンド分析 — コスト / トークン / ヒット率 / リクエスト数の次元を自由に切替
実用的な特徴
- 複数月のスマート統合 — 複数月の請求ファイルを一度にドロップ。ファイル名に基づく自動ペアリングで長期トレンド分析が容易に。
- モデルフィルター — 複数モデルが存在する場合、Apple スタイルのセグメントコントロールで表示を切替。
- バイリンガル UI — 中国語/英語インターフェース切替、ダーク/ライトテーマ対応。言語とテーマの設定は自動保存。
徹底したプライバシーと最新アーキテクチャ
請求データを扱う以上、プライバシーは妥協できない一線です。私たちは純粋なフロントエンドアーキテクチャを選択しました:
- フレームワーク: Next.js 16 (App Router) + React 19 + TypeScript
- CSV 解析: Papa Parse(ブラウザ Worker スレッドで実行、UI をブロックしない)
- グラフ描画: ECharts 5
- スタイリング: Tailwind CSS + CSS カスタムプロパティ駆動のデュアルテーマ
すべての CSV 解析とグラフレンダリングは 100% ブラウザ内で実行——バックエンドサーバーもデータベースもトラッキングもありません。請求データは最初から最後まで、あなたのブラウザメモリ内にのみ存在します。
MindRose について
本プロジェクトは Gavin Chen と MindRose チームによって開発・オープンソース公開されています。MindRose は、中小製造業、物流企業、越境貿易業者向けに軽量なデジタルソリューションを提供することに特化したテクノロジーチームです。
私たちは曖昧な「DX」を売るのではなく、AI 技術とフルスタックアジャイル開発(Next.js、React、Mendix など)を活用し、実際の業務課題を解決するアプリケーションを数週間で提供します。SEO 最適化された貿易サイトからアジャイルな基幹業務システム、AI エージェントのワークフロー統合まで——技術とビジネスの両方を理解しています。
今すぐ試す
https://deepseek-usage.xyz を開き、DeepSeek の CSV 請求ファイルをドラッグ&ドロップするだけで、多次元の使用量インサイトを即座に取得できます。
完全オープンソース——スターとコントリビューションをお待ちしています:GitHub リポジトリ
![[ツール] DeepSeek API 使用量分析ダッシュボード — 純フロントエンド多次元可視化ツール](/_next/image?url=%2Fproject%2Fnextjs%2Fdeepseek-usage-dashboard.png&w=3840&q=75)