- 投稿日：2026/04/13
- 更新日：2026/04/13
📚 この記事について
この記事では、Claudeという人工知能（AI）ツールを使うとき、「どれくらい使ったか」をパソコンの画面右上に表示する小さなアプリを作った体験をまとめています。
プログラミングは初めてで、パソコンのことはあまり詳しくない方でも読めるように書きました。
「失敗しながらも、Claudeと一緒に試行錯誤したら、できた！」という体験記です。
💡 この記事にはプログラミングや技術的な用語が出てきます。私自身もまだ勉強中のため、専門的な内容についてはうまくお答えできないことがあります。詳しいことはオフ会でプロの方に聞いてみてくださいね😊
第1章 やりたかったこと
🎯 ゴールはこれ！
パソコンの画面の右上すみ、時計やバッテリーマークが並んでいる場所（「メニューバー」といいます）に、こんな表示を出したかったのです。
👉 🟢 36%
この「36%」というのは、「Claudeを今月どのくらい使ったか」を表すパーセントです。
---
😮 なぜ表示したかったの？
Claudeは、プランによって「1日に使える量」「1週間に使える量」に上限があります。
使いすぎると、途中で「しばらく使えません」と止まってしまうことがあります。
「あと何%使えるのか」が、一目でわかると便利だと思いました。
つぶやきで「クロコちゃんで追加してみた！」というのを見て、「私もやりたい！」とチャレンジすることに。
---
🖥️ メニューバーって何？
Macパソコンを使っている方なら、画面の一番上の細いバーを見たことがあると思います。
左側に「Finder」「ファイル」などのメニューがあり、右側に時計・Wi-Fi・音量のマークが並んでいるところです。
あの右側のエリアに、自分で作ったアプリのアイコンを表示することができます。
---
📊 表示したかった情報
次の4つの数字を、クリックしたら見られるようにしたかったです。
① 今のセッション使用量（5時間以内にどれくらい使ったか）
② 週間使用量（この1週間でどれくらい使ったか）
③ Sonnetという高性能モデルの週間使用量
④ 追加で購入した使用量の残り
第2章 うまくいかなかったこと
🙈 最初はうまくいきませんでした
やりたいことは決まっていました。
でも「どうやって作るか」がわかりませんでした。
Claudeに相談しながら、いくつかの方法を試しましたが、最初はことごとく失敗しました。
その失敗をひとつずつ紹介します。
😓 失敗① ブラウザの特別な画面が開かなかった
【何をしようとしたか】
Claudeのウェブサイトにログインした状態で、「どんな情報がやり取りされているか」を確認しようとしました。
ブラウザ（Chromeというアプリ）には「開発者ツール」という、プロが使う特別な画面があります。
「Cmd＋Option＋I」という3つのキーを同時に押すと開けるはずでした。
【何が起きたか】
キーを何度押しても、特別な画面は出てきませんでした。
「黒い画面が出るはずなのに…」という状態です。
【どう乗り越えたか】
この方法はあきらめました。
「別の方法がきっとあるはず」とClaudeに相談したところ、もっと簡単な方法が見つかりました（詳しくは第4章で！）。
---
😓 失敗② 必要な部品をインストールできなかった
【何をしようとしたか】
Pythonという、英語の文章のようなプログラミング言語でアプリを作ることにしました。
Macのメニューバーにアイコンを出すために、「pyobjc（パイオビジェーシー）」という部品をダウンロードしようとしました。
👉 「部品」は料理でいうと「材料」のようなものです。
アプリを作るためにあらかじめ用意する必要があります。
【何が起きたか】
ダウンロードしようとしたら、大量の赤いエラー文字が画面に出てきました。
「xcrun: error: invalid active developer path」という英語のエラーでした。
👉 これは「翻訳するための道具が見つかりません」というような意味のエラーです。
プログラムをパソコンが動かせる形に変換するための「Xcodeコマンドラインツール」というソフトが入っていなかったからでした。
【どう乗り越えたか】
この部品が必要ない、別の方法に切り替えました。
MacにはSwift（スウィフト）という言語が最初から入っており、その言語なら追加インストールなしでメニューバーアプリが作れることがわかりました。
😓 失敗③ 古いアプリが残っていて紛らわしかった
【何が起きたか】
以前に試して動かなくなったアプリが、ゴミ箱に入れられないまま残っていました。
メニューバーに「C 0%」という表示が出続けて、新しく作ったアプリと区別がつかなくなりました。
クリックしても「E3000」というエラーが出るだけでした。
👉 「E3000」はClaudeのサーバーが出す「ログインできていません」という意味のエラーコードです。
【どう乗り越えたか】
古いアプリを消すための専用のスクリプト（自動でゴミ箱に移動してくれる命令書）を作って削除しました。
--
😓 失敗④ 数字の表示がおかしかった
アプリが動き始めてからも、表示がおかしいことがありました。
「追加使用量」という欄に「$2066 / $2000」という謎の数字が出てしまいました。
正しくは「$20.66 / $20.00」のはずです。
また、使用率が100%を超えているのに「100%」としか表示されない問題もありました。
👉 なぜこうなったかは、エラーまとめの記事に詳しく書いています。
---
💡 失敗から学んだこと
・最初の方法がダメでも、諦めなくていい。
・Claudeに「うまくいかない」と伝えると、別の方法を一緒に考えてくれる。
・エラーの文字は怖そうだけど、「何が問題か」を教えてくれている看板みたいなもの。
第3章 どうやって解決したか
💡 初心者の方へ：Claude Coworkに「こんなイメージにしたい」と伝えて、参考の画像や写真を送るだけで、あとはやってもらえますよ😊 
細かい仕組みが気になる方は、続きをお読みください！
🔑 カギになったのは「隠しファイル」だった
Claudeには「Claude Code（クロード・コード）」という、パソコンで使える高度なバージョンがあります。
このClaude Codeを使っていると、パソコンの中に「.claude-session-key」（クロード・セッション・キー）というファイルが自動的に作られます。
👉 これはClaudeにログインするための「合言葉」のようなファイルです。
ブラウザを開かなくても、このファイルを使うことでClaudeのサーバーに情報を問い合わせられることがわかりました。
---
⚡ Swiftスクリプトで解決！
Swiftという言語でプログラムを書き、このファイルを読み込んでClaudeのサーバーに「使用量を教えて」と問い合わせるアプリを作りました。
難しそうに聞こえますが、コードは全部Claudeが書いてくれました。
私はClaudeに「こういうものが作りたい」と伝えて、動かすだけでした。
第4章 手順（同じものを作りたい方へ）
⚠️ 必要な環境
・Macパソコン（Windows非対応）
・Claudeのプロプラン以上
・Claude Codeを使ったことがある（.claude-session-keyファイルが存在する）
---
STEP 1 Swiftファイルを作成する
Claudeに次のように頼みます。
「claude_usage_swift.swiftというファイルをデスクトップに作って。~/.claude-session-keyを読み込んで、Claudeの使用量をメニューバーに表示するアプリ。」
Claudeがコードを書いてくれるので、デスクトップに保存します。
---
STEP 2 起動スクリプトを作成する
Claudeに次のように頼みます。
「start_claude_usage.commandというファイルを作って。さっきのSwiftファイルを起動する用。」
これもデスクトップに保存します。
---
STEP 3 ダブルクリックして起動する
start_claude_usage.commandをダブルクリックします。
黒い画面が出てきて、数秒後に「✅✅✅ 起動成功！」と表示されれば完了です。
メニューバーに「🟢 XX%」と表示されます。
STEP 4 古いアプリがあれば削除する
メニューバーに複数の表示が出る場合は、古いアプリが残っています。
Claudeに「remove_old_usage_apps.commandを作って」と頼んで、実行すれば削除できます。
第5章 完成したアプリ
🎉 できあがったもの
メニューバーに常に表示されるアイコンが完成しました。
使用量に応じて色が変わります。
・緑（🟢）…余裕あり
・黄（🟡）…そろそろ注意（70%以上）
・赤（🔴）…かなり使っている（90%以上）
クリックすると、次の4つの情報が見られます。
📊 ████████░░░░░░ 36% セッション使用量（5時間）
📅 ██████░░░░░░░░ 45% 週間使用量（リセット日付き）
🤖 ████░░░░░░░░░░ 28% Sonnet週間使用量
💳 ██░░░░░░░░░░░░ $0.21 / $20.00（追加使用量）
---
📁 関連ファイル一覧
claude_usage_swift.swift … メニューバーアプリ本体
start_claude_usage.command … 起動用スクリプト
remove_old_usage_apps.command … 古いアプリ削除用
まとめ
プログラミングの知識がなくても、Claudeと一緒なら、こういったツールが作れます。
うまくいかないことが何度あっても、「どうしたらいい？」と聞き続けることが大事だと感じました。
この記事が、同じことに挑戦したい方の参考になれば嬉しいです。
💬 記事を読んでいて「ここ、どういう意味？」と思った専門的な部分は、ぜひオフ会でプロの方に質問してみてください！きっと丁寧に教えてもらえますよ✨
作成：さくめぐ × Claude
