[ツール] DeepSeek API 使用量分析ダッシュボード — 純フロントエンド多次元可視化ツール

[ツール] DeepSeek API 使用量分析ダッシュボード — 純フロントエンド多次元可視化ツール

なぜこのツールを作ったのか

DeepSeek API の使用量が急増する中、公式ダッシュボードからエクスポートされる CSV はますます読みづらくなっていきました。何百行もの数字——どのプロジェクトが最もトークンを消費しているのか?キャッシュヒット率は期待値を満たしているか?API キー間でコストはどう分布しているか?本来なら一目瞭然であるべき答えが、退屈なスプレッドシートに埋もれていました。

これらの重要な指標を本当に理解するために、私たちはシンプルで、直感的で、絶対に安全な可視化ダッシュボードを自分たちで構築することにしました。


主要機能

4つの分析次元

  1. コスト分析 — 総コスト、日次コスト棒グラフ、キー別コスト分布ドーナツチャート
  2. 使用量分析 — 総トークン数、キー別使用量詳細テーブル、リクエスト数統計
  3. キャッシュ分析 — キャッシュヒット率、日次ヒット率推移折れ線グラフ、キー別ヒット/ミス積み上げ棒グラフ
  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 リポジトリ

お問い合わせ
以下からお問い合わせください: