ClaudeのWeb版を使っていて、「あとどれくらい使えるんだろう?」 「使用量の上限に達していないかな?」と気になったことはありませんか？特に、MAXプランを使用している方からするとOpusの上限は結構気にするかもしれません。

Webの管理画面で確認はできます。

「わざわざ設定ページに行くのは面倒だし…😨」

そこで、Claudeのどのページからでも使用量をサッと確認できるChrome 拡張機能を作成しました。フローティングウィジェット形式で、画面上に常時表示されるので、いつでも使用状況が把握できます。

ソースコードは以下に公開しています。

github.com

機能

1. フローティングウィジェットで常時表示

Claude.aiのどのページを開いていても、画面の右上にフローティングウィジェットが自動表示されます。

わざわざ設定ページに移動しなくても、今の使用状況が一目でわかります!

2. 3つの使用量を同時表示

Current Session: 現在のセッションでの使用量
All Models: 週間制限の使用量(全モデル合計)
Opus Only: Opusモデルの使用量

それぞれにプログレスバーとリセット時間が表示されるので、計画的に使えます。

3. 便利な操作機能

ドラッグ移動: 好きな位置に配置可能
折りたたみ: −ボタンでコンパクト表示
非表示: ×ボタンで一時的に非表示(ツールバーのアイコンクリックで再表示)
自動更新: 5分ごとに自動で使用量を更新(使用量ページのみ)
手動更新: 🔄ボタンで即座に更新

折りたたみの状態

表示位置も記憶されるので、次回も同じ場所に表示されます🫡

インストール方法

リポジトリのクローン
拡張機能のZIPファイルをダウンロードして解凍
Chromeで chrome://extensions/ を開く
右上の「デベロッパーモード」をON
「パッケージ化されていない拡張機能を読み込む」をクリック
解凍したclaude-usage-extensionフォルダを選択

これで完了です。ツールバーにアイコンが表示されます。リポジトリにあるアイコンファイルはお好きな画像に差し替えてください🙇

デザインとしてはON/OFFの表示と重なるので、微妙ですが😱

ファイル構成

claude-usage-extension/
├── manifest.json      # 拡張機能の設定
├── popup.html         # ポップアップUI
├── popup.js           # ポップアップのロジック
├── content.js         # ウィジェット表示ロジック
├── background.js      # バックグラウンド処理
├── styles.css         # スタイル
└── icons/             # アイコン画像(3サイズ)
    ├── icon16.png
    ├── icon48.png
    └── icon128.png

更新頻度: 5分ごとの自動更新(カスタマイズ可能)
データ保存: ブラウザのローカルストレージのみ(外部送信なし)
対応ページ: Claude.ai配下のすべてのページ

カスタマイズ

background.jsで自動更新の間隔を変更できます:

// 15分ごとに変更する場合
chrome.alarms.create('updateUsage', { periodInMinutes: 15 });

styles.cssで色やサイズも自由にカスタマイズ可能です。

おわりに

Claudeは気に入っているのですが、よく、「あとどれくらい使えるか」がよく不安になりながら使用していました。（ボソッGeminiではコンテキストが大きいのでこういうことは考えなくて良いのですけど）

この拡張機能により、ストレスなく使用量を確認しながらClaudeを活用できるようになりました。特に、Opusのような強力なモデルを使う際に、残り使用量を気にしながら効率的に使えるのが便利です。

注意事項

非公式の拡張機能です(Anthropic公式ではありません)
Claude.aiのページ構造が変更されると動作しなくなる可能性があります
データはローカルにのみ保存され、外部に送信されることはありません