本文へスキップ

OSS の二次開発

Token Monitor チームの AI 使用量ダッシュボード

メンバーが実際に AI をどう使っているかを把握できます。誰がどのツールを、どれだけ使い、いくらかかり、サブスクの残量がどれだけあるか。オープンソースの Token Monitor（MIT。Claude Code、Codex、Cursor など 43 種類以上の AI コーディングツールに対応）で各 PC の使用記録を集め、Hub で複数台をまとめ、公式にはない Web ダッシュボードを追加しました。チーム全体の使用状況をブラウザで確認できます。

AI トークン使用量モニタリング

このシステムでできること

  • PC ごとに表示：各メンバーの PC で使われている AI ツール、今日と今月のトークン数とコスト、最後の報告時刻
  • 各ツールが PC に残す使用記録（トークン数、モデル、時刻）だけを読み、プロンプトやコードは読みません
  • Claude、Codex などのプランの残量とリセット時刻、直近 14 日の日別推移
  • Token Monitor のソース（MIT ライセンス）にも手を入れられます。使用量をデータベースに保存、新しい PC は自動で Hub に接続、自社の更新チャネルを用意。チーム全体に導入しても 1 台ずつ設定する必要はありません

画面を見る

実際の稼働画面です。お客様の情報が入る欄はマスクしています。 画像をタップすると原寸で表示します。

  • ダッシュボード上部：今日・今月・全期間・稼働の 4 枚のカード、その下にツール別ランキング、トークン内訳、日別推移、プランごとの残量。
    ダッシュボード上部：今日・今月・全期間・稼働の 4 枚のカード、その下にツール別ランキング、トークン内訳、日別推移、プランごとの残量。
  • ダッシュボード下部：各 PC の OS、バージョン、今日と今月の使用量、最後の報告時刻。PC 名はぼかしています。
    ダッシュボード下部：各 PC の OS、バージョン、今日と今月の使用量、最後の報告時刻。PC 名はぼかしています。

ほかの実績

同じサービスの事例を先に並べています。

  • eSIM 226 ストア

    EC サイト

    eSIM 226 ストア

    旅行者向け eSIM ストア。8 言語・複数通貨表示、台湾の 2 つの決済に対応。入金後は上流サプライヤーへ自動で発行を依頼し、インストール案内メールまで自動送信します。

    • 8 言語・複数通貨。日本のお客様には円で表示
    • 2 社のサプライヤーへ自動発行、失敗時は自動で切り替え

    Next.js · PostgreSQL · Keycloak · ECPay/NewebPay · Kubernetes

    詳しく見るEC サイトサイトを見る
  • eSIM 管理画面

    管理システム

    eSIM 管理画面

    同じ EC の運用側。商品・価格・注文・返金・サプライヤー・決済を一箇所で。「入金済みなのに未発送」のような事故を、聞かれる前に自分から出してきます。

    • 本日の注文、売上、未入金、未発送がひと目で分かる
    • AI による価格提案と一括の公開・非公開

    Next.js · PostgreSQL · Keycloak · GA4 Data API

    詳しく見るEC サイト
  • 開発プラットフォーム v-terminal

    Harness／社内ツール

    開発プラットフォーム v-terminal

    自社製のブラウザ型 開発・運用プラットフォーム。ターミナル、Kubernetes、Helm の GitOps デプロイ、CI、レジストリ、AI 開発エージェントが 1 画面に。このサイトもこれでゼロから公開しました。

    • git push → 自前ランナー → Harbor → Helm 同期を一本の流れで
    • AI 開発コンソール。スマホから指示すると仕様を読み、実装してテストまで

    Next.js · Node.js · SQLite · Kubernetes client · Claude Agent SDK

    詳しく見るHarness