README.ja.md
March 31, 2026 · View on GitHub
Anycoding
Claude Code、Cursor CLI、Codex、Gemini-CLI、OpenCode のためのデスクトップ/モバイル UI。
この fork は CLI-first ワークフロー向けに調整されており、マルチプロバイダ CLI、プロジェクト単位の CLI 履歴、ファイル、Git、MCP、モバイルアクセスを提供します。
GitHub · バグ報告 · npm · コントリビュート
機能
- CLI-first ワークスペース - chat-first ではなく永続的な CLI セッション中心の設計
- マルチプロバイダ CLI - Claude Code、Codex、Cursor 系セッション、Gemini CLI、OpenCode、通常の system CLI を 1 つの UI から起動
- プロジェクトごとの CLI 履歴 - プロジェクトを切り替えると対応する CLI ワークスペースを復元
- プロバイダ対応の新規 CLI 作成 - ヘッダーからプロバイダ別に CLI を作成し、対応するアイコンを表示
- レスポンシブデザイン - デスクトップ、タブレット、モバイル対応
- ファイルエクスプローラー - シンタックスハイライトとライブ編集に対応したインタラクティブなファイルツリー
- Git エクスプローラー - 変更の表示、ステージ、コミット、ブランチ切り替え
- セッション管理 - サイドバーからプロジェクトと session の履歴を参照
- プラグインシステム - カスタムタブ、バックエンドサービス、連携を追加して UI を拡張。自分で構築する →
- TaskMaster AI Integration (Optional) - AI ベースのタスク計画、PRD 解析、ワークフロー自動化
- モデル互換性 - Claude、GPT、Gemini 系モデルに対応(完全な一覧は
shared/modelConstants.jsを参照)
クイックスタート
セルフホスト
この fork を npx ですぐ実行できます(Node.js v22+ が必要):
npx @luzedong/anycoding
またはグローバルインストール:
npm install -g @luzedong/anycoding
anycoding
http://localhost:3001 を開くと、既存のローカルプロジェクトとセッションが自動的に検出されます。
ソースから実行
git clone https://github.com/luzedong/anycoding.git
cd anycoding
npm install
npm run dev
パッケージ / リンク
- npm:
@luzedong/anycoding - GitHub:
luzedong/anycoding
どんな人向け?
Anycoding と claudecodeui はどちらもローカル agent セッション向けのオープンソース UI ですが、デフォルトの操作モデル、README 上の対応プロバイダ、配布導線に違いがあります。
| Anycoding | claudecodeui | |
|---|---|---|
| デフォルトの操作モデル | CLI-first ワークスペース(provider-aware な CLI タブとプロジェクト単位の CLI 履歴) | チャット UI + 統合シェル端末(上流 README 記載ベース) |
| README に記載の対応プロバイダ | Claude Code、Cursor CLI、Codex、Gemini CLI、OpenCode | Claude Code、Cursor CLI、Codex、Gemini CLI |
| セットアップ | npx @luzedong/anycoding | npx @siteboon/claude-code-ui |
| グローバルコマンド | anycoding | cloudcli |
| リポジトリ / Issues | luzedong/anycoding | siteboon/claudecodeui |
| パッケージ名 | @luzedong/anycoding | @siteboon/claude-code-ui |
| CloudCLI Cloud への導線 | このリポジトリの主軸ではない | 公式導線が組み込まれている |
| ローカル機能の中核 | CLI セッション + Files + Git + MCP + プラグイン | CLI セッション + Files + Git + MCP + プラグイン |
| マシン常時稼働(Self-hosted) | はい | はい |
セキュリティとツール設定
🔒 重要: Claude Code のツールはデフォルトで 無効 です。これにより、潜在的に危険な操作が自動実行されるのを防ぎます。
ツールを有効にする
- ツール設定を開く - サイドバーの歯車アイコンをクリック
- 必要なものだけ有効化 - 必要なツールのみオンにする
- 設定を保存 - 設定はローカルに保存されます
必要なものだけ有効化できる Tools Settings 画面
プラグイン
この fork でもプラグインシステムは利用できます。独自 UI を持つカスタムタブや、必要に応じて Node.js バックエンドを追加できます。Settings > Plugins から git リポジトリのプラグインを追加するか、自分で作成できます。
利用可能なプラグイン
| Plugin | Description |
|---|---|
| Project Stats | 現在のプロジェクトについて、ファイル数、コード行数、ファイル種別の内訳、最大ファイル、最近変更されたファイルを表示 |
| Web Terminal | xterm.js ベースのフルターミナル(マルチタブ対応) |
自分で作る
Plugin Starter Template → — このリポジトリを fork して独自プラグインを作れます。フロントエンド描画、ライブコンテキスト更新、バックエンドサーバーへの RPC 通信を含む動作例が入っています。
FAQ
この fork の違いは何ですか?
この fork は製品の重心を CLI-first ワークフローに移しています。
- CLI タブに provider ごとのアイコンを表示
- 新規 CLI 作成が provider-aware
- 各プロジェクトが独自の CLI ワークスペースを保持
- サイドバーの conversation search の残骸を削除し、project/session 履歴中心に整理
- npm パッケージ名とリポジトリリンクを
luzedongfork に変更
スマホでも使えますか?
はい。サーバーを自分のマシンで起動し、同じネットワーク上のブラウザから [yourip]:port を開いてください。
UI からの変更はローカルの Claude Code 設定にも反映されますか?
はい。アプリは CLI ツールが使うローカルの Claude 設定や project/session データを読み書きします。
コミュニティ & サポート
- GitHub Repository — ソースコードとリリース
- GitHub Issues — バグ報告と機能要望
- npm Package — インストール可能なパッケージ
- Contributing Guide — コントリビュート方法
ライセンス
GNU General Public License v3.0 - 詳細は LICENSE を参照してください。
謝辞
Built With
- Claude Code - Anthropic の公式 CLI
- Cursor CLI - Cursor の公式 CLI
- Codex - OpenAI Codex
- Gemini-CLI - Google Gemini CLI
- React - UI ライブラリ
- Vite - 高速ビルドツールと開発サーバー
- Tailwind CSS - ユーティリティファースト CSS
- CodeMirror - 高機能コードエディタ
- TaskMaster AI (Optional) - AI ベースのタスク管理
🔒 重要なお知らせ すべての Claude Code ツールは デフォルトで無効 です。これにより、潜在的に有害な操作が自動的に実行されることを防ぎます。
ツールの有効化
- ツール設定を開く - サイドバーの歯車アイコンをクリック
- 必要なツールだけを選んで有効化 - 本当に使うものだけをオンにする
- 設定を適用 - 設定内容はローカルに保存されます
Tools 設定画面 - 必要なものだけを有効にしてください
推奨アプローチ: まずは基本ツールだけを有効にし、必要に応じて追加してください。これらの設定は後からいつでも調整できます。
プラグイン
Anycoding にはプラグインシステムがあり、独自のフロントエンド UI と(必要に応じて)Node.js バックエンドを持つカスタムタブを追加できます。プラグインは Settings > Plugins から git リポジトリを直接指定してインストールするか、自作できます。
利用可能なプラグイン
| プラグイン | 説明 |
|---|---|
| Project Stats | 現在のプロジェクトについて、ファイル数、コード行数、ファイル種別の内訳、最大ファイル、最近変更されたファイルを表示 |
自作する
Plugin Starter Template → — このリポジトリを fork して独自プラグインを作れます。フロントエンド描画、ライブコンテキスト更新、バックエンドサーバーへの RPC 通信を含む動作例が入っています。
プラグインのドキュメント → — プラグイン API、manifest 形式、セキュリティモデルなどの完全ガイド。
FAQ
Claude Code Remote Control とはどう違いますか?
Claude Code Remote Control は、ローカル端末で既に動作しているセッションへメッセージを送れる仕組みです。マシンを起動したままにし、端末も開いたままにする必要があり、ネットワーク接続がない状態が約 10 分続くとセッションがタイムアウトします。
Anycoding と Anycoding Cloud は、Claude Code の横に別物として存在するのではなく、Claude Code を拡張します — MCP サーバー、権限、設定、セッションは Claude Code がネイティブに使うものと完全に同一です。複製したり、別系統で管理したりしません。
- すべてのセッションにアクセス — Anycoding は
~/.claudeフォルダのすべてのセッションを自動検出します。Remote Control は、Claude モバイルアプリで利用可能にするため、1つのアクティブセッションだけを公開します。 - 設定はあなたの設定 — Anycoding で変更した MCP サーバー、ツール権限、プロジェクト構成は、Claude Code の設定に直接書き込まれて即座に反映され、その逆(Claude Code での変更が UI に反映)も同様です。
- 対応エージェントがさらに充実 — Claude Code に加えて Cursor CLI、Codex、Gemini CLI、OpenCode にも対応しています。
- チャット窓だけではない完全な UI — ファイルエクスプローラー、Git 統合、MCP 管理、シェル端末などがすべて組み込まれています。
- Anycoding Cloud はクラウド上で稼働 — ノートパソコンを閉じてもエージェントは動き続けます。監視が要る端末も、スリープ防止も不要です。
AI のサブスクリプションは別途支払いが必要ですか?
はい。Anycoding は環境を提供するものであり、AI は含まれません。Claude、Cursor、Codex、または Gemini のサブスクリプションはご自身でご用意ください。Anycoding Cloud のホスティング環境はそれに加えて月額 $7 から提供されます。
Anycoding をスマホで使えますか?
はい。セルフホストの場合は、自身のマシンでサーバーを起動し、ネットワーク内のブラウザで [yourip]:port を開いてください。Anycoding Cloud を使う場合は、任意のデバイスからアクセスできます。VPN もポートフォワーディングも不要で、セットアップも不要です。ネイティブアプリも開発中です。
UI で加えた変更はローカルの Claude Code 設定に影響しますか?
はい、セルフホストの場合です。Anycoding は Claude Code がネイティブに使う ~/.claude 設定を読み書きします。UI から追加した MCP サーバーは即座に Claude Code に反映され、その逆も同様です。
コミュニティとサポート
- ドキュメント — インストール、設定、機能、トラブルシューティング
- GitHub Issues — バグ報告と機能要望
- コントリビューションガイド — プロジェクトへの貢献方法
ライセンス
GNU General Public License v3.0 - 詳細は LICENSE ファイルを参照してください。
このプロジェクトはオープンソースであり、GPL v3 ライセンスの下で無料で使用、修正、再配布できます。
謝辞
元プロジェクト
- 本プロジェクトは siteboon/claudecodeui を起点としています。上流のメンテナーとコントリビューターに感謝します。
使用技術
- Claude Code - Anthropic の公式 CLI
- Cursor CLI - Cursor の公式 CLI
- Codex - OpenAI Codex
- Gemini-CLI - Google Gemini CLI
- React - ユーザーインターフェースライブラリ
- Vite - 高速ビルドツールと開発サーバー
- Tailwind CSS - ユーティリティファーストの CSS フレームワーク
- CodeMirror - 高度なコードエディタ
- TaskMaster AI (オプション) - AI を活用したプロジェクト管理とタスク計画