d-kimuson/claude-code-viewer

A full-featured web-based Claude Code client that provides complete interactive functionality for managing Claude Code projects

何を解決するか

Claude Code Viewer は Claude Code セッションの管理と分析のためのウェブベースのインターフェースを提供します。CLI に頼るだけの状況を解決し、会話履歴の閲覧、リアルタイムでのタスク監視、データ損失なしにログを検索するより整理された方法を提供します。

動作方法

このツールは Claude Code のクライアントとして機能し、標準の Claude Code ログ(~/.claude/projects/ に配置)をデータソースとして使用します。Node.js を通じてサーバーとして実行でき、ブラウザからアクセス可能です。API キーモード(完全なインタラクティブ機能)とサブスクリプションモード(Anthropic の利用規約に準拠するため、ユーザーがターミナルで実行する CLI コマンドを生成)の2つの認証モードをサポートしています。

対象ユーザー

Claude Code を使用している開発者で、視覚的でリモート対応の方法で AI コーディングセッションを管理したい人、特にモバイルでの PWA(プログレッシブ・ウェブ・アプリ)体験を好む人や、プロジェクトログのための集中型ダッシュボードを求める人。

特徴

  • リアルタイムログ表示:進行中の Claude Code セッションをリアルタイムで監視。
  • フルテキスト検索:キーボードショートカットを使用して、すべてのプロジェクトと会話で部分一致およびプレフィックス検索を実行。
  • 統合ターミナル:ブラウザから離れることなく、Claude Code コマンドを起動・実行できる組み込みターミナルエミュレータ。
  • リモートアクセス:Tailscale およびリバースプロキシをサポートし、あらゆるデバイスからアクセス可能な永続的なサーバーとして利用可能。
  • PWA 対応:プログレッシブ・ウェブ・アプリとしてインストール可能で、モバイル最適化 UI とプッシュ通知を提供。

関連

  • プロジェクト
  • プロジェクト
  • Dispatch
  • プロジェクト
  • プロジェクト