Claude の使用量を iPhone の待受画面やウィジットに追加する

最近流行りの Claude はとても優秀で、iPhone アプリも重宝して使っています。

使用量は Claude の管理画面（https://claude.ai/settings/usage）から確認できますが、待受画面やウィジットとして表示できたらカッコいいなという事で Claude Code に作って貰ったのでシェアします。

Scriptable

iPhone の待受画面やウィジットに追加するために、Scriptable という無料のアプリを使用します。

Scriptableアプリ - App Store

Simon B. Støvringの「Scriptable」をApp Storeでダウンロードしてください。スクリーンショット、評価とレビュー、ユーザのヒント、「Scriptable」に似たゲームを見ることなどができます。

apps.apple.com

スクリプトの登録

1. GitHub のリポジトリから ClaudeUsageWidget.js のソースをコピーします。

GitHub - psychoco-net/claude-usage-scriptable: iOS Scriptable用 Claude Usage ウィジェット。Claudeの使用量をホーム画面・ロック画面でリアルタイム表示します。

iOS Scriptable用 Claude Usage ウィジェット。Claudeの使用量をホーム画面・ロック画面でリアルタイム表示します。 - psychoco-net/claude-usage-scriptable

github.com

2. Scriptable を起動し、Scripts 画面の「+」から新規スクリプトを作成します。
3. コピーしたスクリプトを貼り付けます。
4. Script Settings から名前とアイコンを設定します。（今回は Claude Usage としました）

ウィジットに登録

ホーム画面を長押し > 編集 > ウィジットを追加 > Scriptable で、中サイズ（横長）のウィジットを追加します。

※ウィジットのレイアウトは中サイズに収まるように調整しています。

Scriptable の設定画面が出るので、下記のように指定します。

• Script: Claude Usage（スクリプトに付けた名前）
• When Interacting: Run Script
• Parameter: （なし）

ウィジットに登録するとこんな感じです。

自動更新はしない（バッテリーや通信料をかけない）ため、時間が経ったらウィジットをタップして更新してください。

待受画面に登録

待受画面にウィジットを追加する場合は大きい方のサイズ（横長）を選択すれば、3 つのグラフが並ぶようになっています。

Claude の公式アプリと並べるといい感じですね！

小さい方のサイズを選択した場合には、Scriptable の設定画面でパラメーターを指定すると、個別のグラフを表示できます。

• Script: Claude Usage（スクリプトに付けた名前）
• When Interacting: Run Script

Parameter

• 5h：現在のセッション（デフォルト）
• 7d：すべてのモデル（週間制限）
• model：モデル別制限（例: Fable）

参考にしたサイト

ClaudeCodeの使用率をVSCode上でチェックできるようにしてみた - Qiita

Claude Code、VSCodeでも便利ですよね！ でも使用率がWebの設定画面からしか把握できないのはイケてないですよね！ 作りました ないなら Claude Code で作ってしまえばよい。 ということで、VSCodeの拡張機能を作...

qiita.com

GitHub - hamed-elfayome/Claude-Usage-Tracker: Native macOS menu bar app for tracking Claude AI usage limits in real-time. Built with Swift/SwiftUI.

Native macOS menu bar app for tracking Claude AI usage limits in real-time. Built with Swift/SwiftUI. - hamed-elfayome/C...

github.com