コンテンツへスキップ
1か月無料UsageMeterのDiscordに参加すると Proが1か月無料Discordに参加

Claudeウィジェット

GitHubのプロフィールにあなたのClaudeを

Claude Codeのトークン、Claudeを使った日、連続記録、トロフィーを表示するバッジとカード。選んで自分のスタイルに整え、ライブで確認し、GitHub、サイト、Notion、Obsidian用のコードをコピーするだけです。

Claude Codeのトークン

過去7日間のClaude Codeのトークン(すべてのPCの合計)。

UsageMeter Linkで · Windows
UsageMeterで計測した過去7日間のClaude Codeのトークンデモデータ

コードをコピー

GitHub
[![UsageMeterで計測した過去7日間のClaude Codeのトークン](https://usagemeter.app/api/badge/あなたのID/tokens.svg)](https://usagemeter.app)

プロフィールのREADME(GitHubのユーザー名と同じ名前のリポジトリ)や、任意のREADMEに貼り付けてください。

ウィジェットは5分以内にあなたの使用状況に追従します。GitHubはREADMEの画像を独自のキャッシュ経由で表示するため、数分遅れることがあります。

カスタマイズ

形式

スタイル
サイズ
言語
期間

Pro長い期間はUsageMeter Proの機能です。

テーマ

無料
UsageMeter ProPro

カスタムカラー

Pro

テーマの上に6桁の16進カラーを指定します。空欄ならテーマの色になります。

アクセント
背景
テキスト
枠線

レイアウト

角

その他

Pro

すべてのウィジェット

しくみ

3ステップ。あなたが決めるまで何も公開されません

01

計測

UsageMeterをインストールしてログインします。拡張機能がClaudeの上限を読み取り、UsageMeter Link(Windows)がClaude Codeのトークンを数えます。

02

選択

アカウントで、表示したいウィジェットをオンにします。ライブの上限とコストは個別にオンにする必要があります。

03

貼り付け

README、サイト、Notion、Obsidianにコードをコピーします。いつでもオフにできます。

選んだものだけ、合計値だけ

ウィジェットに表示されるのは合計値だけです。メールアドレス、Claudeのアカウント、プロジェクト、PC名は一切表示されません。ライブの上限とコストは、それぞれのウィジェットをオンにしない限り非公開のままです。スイッチ1つですべてオフにでき、新しいリンクを発行すると古い埋め込みはすべて停止します。

デモデータのサンプルページを見る

よくある質問

UsageMeter Proは必要ですか?

いいえ。8つのウィジェットのうち6つが無料で、6つのテーマとすべてのレイアウトオプション(角、枠線、タイトル、コンパクト表示、サイズ、言語)を使えます。UsageMeter Proでは、API換算コストとオールインワンカード、さらに13のテーマ、カスタムカラー、30日間と26週・52週の期間、登場アニメーション、UsageMeterのブランド表示なしのカード、自分で選べるウィジェットIDが加わります。

READMEの色に合わせられますか?

はい。テーマ(ダーク、ライト、自動、透明、GitHub ダーク、GitHub ライトは無料)を選び、角、枠線、タイトル、コンパクト表示を設定します。UsageMeter Proなら、アクセント、背景、テキスト、枠線の色を自由に指定できます。すべてをデフォルトのスタイルとして保存すれば、オプションのないリンクがそれに追従します。

UsageMeter Linkが必要な数値は?

Claude Codeのトークン、モデル、コストは、Windows用コンパニオンアプリのUsageMeter Linkから取得します。Claudeを使った日、連続記録、ライブの上限は、ブラウザ拡張機能から取得し、どのOSでも使えます。

数値はどのくらい新しいですか?

どのウィジェットも5分以内に使用状況に追従し、オン・オフの切り替えは次の表示で反映されます。GitHubはREADMEの画像を独自のキャッシュ経由で表示するため、数分遅れることがあります。

共有をやめられますか?

はい、ワンクリックでできます。ウィジェットか全体のスイッチをオフにするか、新しいリンクを発行してください。古い埋め込みには次の表示から「ウィジェットはオフです」と表示され、あなたの数値は表示されません。GitHubなどの画像キャッシュでは数分かかることがあります。

UsageMeterは独立したツールであり、Anthropicとは提携していません。ClaudeとClaude CodeはAnthropicの製品です。