agentglass:AIコーディングエージェントをリアルタイム監視するコックピット
AIコーディングエージェントの活用が急速に広まる中、複数のエージェントを並行利用するエンジニアが直面する共通の課題があります。「どのエージェントがいくらコストをかけているか」「どのツール呼び出しが遅いか」「危険な操作を実行しようとしていないか」——これらをまとめて把握する手段がなかったことです。
agentglass(GitHubスター数:273)は、Claude Code・OpenAI Codex・Gemini CLIなど、あらゆるAIコーディングエージェントのリアルタイム監視とワークスペース管理を一画面で実現するオープンソースのコックピットダッシュボードです。2026年7月27日にリリースされたv0.6.0では、スマートフォン連携とPRレビュー機能が大幅に強化されました。
agentglassとは?AIコーディングエージェント監視ダッシュボードを解説
agentglassは、Bun/SQLiteバックエンドとReact/ViteフロントエンドをElectronでラップしたデスクトップアプリです。Claude Codeのhooksや、OpenTelemetry GenAIエクスポーターを経由して、任意のAIエージェントからイベントを受信します。
主な機能は以下の通りです:
- リアルタイムコックピット: エージェントごとのコスト・トークン数・ツール呼び出しレイテンシをリアルタイムで可視化
- コントロールプレーン: 危険なツール呼び出し(ファイル削除・環境変数変更等)を承認するまで一時停止
- 統合ワークスペース: diff確認・git操作・PRレビュー・Docker管理・ターミナルをすべてコックピット内で実行
- スマートフォン連携: デスクトップの状況をスマートフォンからリモート監視・承認
- 22種類のテーマ: 作業環境に合わせた豊富なUIカスタマイズ
GitHubで急上昇した背景には、AIコーディングエージェントが開発現場に普及し、複数エージェントを並行利用するケースが増えたことがあります。v0.6.0では、13名のコントリビューターによる継続的な改善が反映されています。
agentglassの使い方・インストール手順
デスクトップアプリ版(推奨)
最も簡単な方法は、GitHubリリースページからインストーラーをダウンロードする方法です:
# Linuxの場合(AppImage)
chmod +x agentglass-*.AppImage
./agentglass-*.AppImage
# macOSの場合はdmgを開いてインストール
インストール後は起動するだけで ~/.claude/projects のトランスクリプトが自動的に読み込まれ、既存のClaude Codeセッションが即座に表示されます。
ソースからの起動(開発・ヘッドレス環境)
git clone https://github.com/SirAllap/agentglass.git && cd agentglass
bun install
bun run dev # サーバー :4000 + UI :6180 (Vite開発サーバー)
Claude Codeフックの設定(ライブストリーミング有効化)
リアルタイムストリーミングとツール呼び出し承認機能を使うには、グローバルフックを設定します:
bun run setup
# または
python3 hooks/install_hooks.py # グローバル ~/.claude/settings.json に追加
これだけで、すべてのClaude Codeセッションがダッシュボードにリアルタイムで反映されます。
AIコーディングエージェント監視ダッシュボードとしての差別化:他ツールとの違い
なぜ今agentglassか
既存のOpenTelemetryダッシュボード(Grafana、Jaegerなど)は汎用的すぎて、AIエージェント特有のメトリクス(トークン消費・コスト・ツール呼び出しの安全性)に特化していません。LangSmith等の商用サービスは特定のフレームワークに依存します。
agentglassは、以下の点で差別化されています:
- プロバイダー非依存: OpenTelemetry GenAI規格を通じて、Claude・GPT・Gemini・Bedrock・LangChain・LiteLLMを統一ビューで監視
- ローカルファースト: すべてのデータはBun/SQLiteでローカルに保存。クラウドサービスへのデータ送信なし
- ビューワーを超えたワークスペース: ダッシュボードを見るだけでなく、そこからdiff確認・コミット・PR作成まで完結
- コントロールプレーン: エージェントが危険な操作を試みた際に、人間の承認を必須にできる
こんな人に向いている:職種別の活用シナリオ
バックエンドエンジニア・SRE
Claude CodeやCopilotなど複数のAIツールを日常業務で使用しているエンジニアにとって、コスト管理は重要な課題です。agentglassのコックピットで月間コストをリアルタイムで把握し、高コストのセッションを特定して費用対効果を最適化できます。また、危険なDB操作コマンドの実行をコントロールプレーンでブロックし、安全なCI/CD環境を実現できます。
フロントエンドエンジニア・フルスタックエンジニア
PRレビューをブラウザとIDEを行き来せずにagentglass内で完結できます。コックピットの「p」キーでPRパネルを開き、行コメント・提案・CIログをすべて確認してマージするまでの作業が一画面で完結します。
AIエンジニア・MLエンジニア
LangChain・LiteLLM等を使って複数LLMを呼び出すシステムを開発している場合、OpenTelemetry GenAIエクスポーター経由ですべてのLLM呼び出しを一元監視できます。レイテンシのパーセンタイル表示でボトルネックを特定し、コスト最適化に活用できます。
使う前に知っておきたいこと
プラットフォーム対応状況
- Linux: AppImage / .deb で動作確認済み
- macOS: Intel / Apple Silicon 対応(dmg提供)
- Windows: 部分対応(v0.6.0のissueでShellパス問題が報告されています)
動作要件
- Bun ≥ 1.1(ソースから起動する場合)
- Python 3(フックフォワーダー・ターミナルのPTYに必要)
- git / docker / gh CLI(各ワークスペース機能を使う場合)
セキュリティモデル
agentglassはローカルマシン上のリソースにアクセスします。コントロールプレーンを使ったスマートフォンからのリモート承認機能は、LAN内でのみ動作するよう設計されています。外部公開する場合は必ずHTTPS/認証を設定してください。
ライセンス
MITライセンス。商用利用・改変・再配布は自由です。
agentglassで実現するAIコーディングエージェント管理の未来
agentglassは、AIコーディングエージェントが「使うもの」から「チームとして管理するもの」に変わる時代に対応したツールです。
特に注目すべきは、単なる監視ダッシュボードにとどまらず、エージェントと人間の共同作業インターフェースとして設計されている点です。コントロールプレーンによる承認ゲートは、エージェントの自律性と人間の制御のバランスを実現する現実的な解決策です。
既存日本語記事がほとんどない現時点で、日本のエンジニアにとって先行活用できるツールです。ライブデモが公開されているので、まず試してみることを強くお勧めします。
関連ツール・おすすめサービス
- DigitalOcean — agentglassをヘッドレス環境で常時稼働させたい場合のクラウドホスティング
- Vercel — agentglassと連携するWebアプリのデプロイに
この技術を学ぶ
DevToolやAIエージェント開発に興味を持った方には、Udemyのオンラインコースもおすすめです。
- 🎓 関連するDevToolコース一覧 — セール時(最大90%OFF)を狙うとお得です
関連記事
この記事が役に立ったらシェアしてください