@siteboon/claude-code-ui 1.25.1 → 1.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/README.de.md +239 -0
  2. package/README.ja.md +115 -230
  3. package/README.ko.md +116 -231
  4. package/README.md +2 -1
  5. package/README.ru.md +75 -54
  6. package/README.zh-CN.md +121 -238
  7. package/dist/assets/index-C08k8QbP.css +32 -0
  8. package/dist/assets/{index-D6EffcRY.js → index-DnXcHp5q.js} +249 -242
  9. package/dist/index.html +2 -2
  10. package/dist/sw.js +59 -3
  11. package/package.json +3 -2
  12. package/server/claude-sdk.js +106 -62
  13. package/server/cli.js +10 -7
  14. package/server/cursor-cli.js +59 -73
  15. package/server/database/db.js +142 -1
  16. package/server/database/init.sql +28 -1
  17. package/server/gemini-cli.js +46 -48
  18. package/server/gemini-response-handler.js +12 -73
  19. package/server/index.js +82 -55
  20. package/server/middleware/auth.js +2 -2
  21. package/server/openai-codex.js +43 -28
  22. package/server/projects.js +1 -1
  23. package/server/providers/claude/adapter.js +278 -0
  24. package/server/providers/codex/adapter.js +248 -0
  25. package/server/providers/cursor/adapter.js +353 -0
  26. package/server/providers/gemini/adapter.js +186 -0
  27. package/server/providers/registry.js +44 -0
  28. package/server/providers/types.js +119 -0
  29. package/server/providers/utils.js +29 -0
  30. package/server/routes/agent.js +7 -5
  31. package/server/routes/cli-auth.js +38 -0
  32. package/server/routes/codex.js +1 -19
  33. package/server/routes/gemini.js +0 -30
  34. package/server/routes/git.js +48 -20
  35. package/server/routes/messages.js +61 -0
  36. package/server/routes/plugins.js +5 -1
  37. package/server/routes/settings.js +99 -1
  38. package/server/routes/taskmaster.js +2 -2
  39. package/server/services/notification-orchestrator.js +227 -0
  40. package/server/services/vapid-keys.js +35 -0
  41. package/server/utils/plugin-loader.js +53 -4
  42. package/shared/networkHosts.js +22 -0
  43. package/dist/assets/index-WNTmA_ug.css +0 -32
package/README.ja.md CHANGED
@@ -1,12 +1,23 @@
1
1
  <div align="center">
2
- <img src="public/logo.svg" alt="Claude Code UI" width="64" height="64">
3
- <h1>Cloud CLI (別名 Claude Code UI)</h1>
2
+ <img src="public/logo.svg" alt="CloudCLI UI" width="64" height="64">
3
+ <h1>Cloud CLI(別名 Claude Code UI)</h1>
4
+ <p><a href="https://docs.anthropic.com/en/docs/claude-code">Claude Code</a>、<a href="https://docs.cursor.com/en/cli/overview">Cursor CLI</a>、<a href="https://developers.openai.com/codex">Codex</a>、<a href="https://geminicli.com/">Gemini-CLI</a> のためのデスクトップ/モバイル UI。<br>ローカルでもリモートでも使え、アクティブなプロジェクトとセッションをどこからでも閲覧できます。</p>
4
5
  </div>
5
6
 
7
+ <p align="center">
8
+ <a href="https://cloudcli.ai">CloudCLI Cloud</a> · <a href="https://cloudcli.ai/docs">ドキュメント</a> · <a href="https://discord.gg/buxwujPNRE">Discord</a> · <a href="https://github.com/siteboon/claudecodeui/issues">バグ報告</a> · <a href="CONTRIBUTING.md">コントリビュート</a>
9
+ </p>
6
10
 
7
- [Claude Code](https://docs.anthropic.com/en/docs/claude-code)、[Cursor CLI](https://docs.cursor.com/en/cli/overview)、[Codex](https://developers.openai.com/codex) 向けのデスクトップ・モバイル UI です。ローカルまたはリモートで使用して、Claude Code、Cursor、Codex のアクティブなプロジェクトやセッションを確認し、どこからでも(モバイルやデスクトップから)変更を加えることができます。どこでも使える適切なインターフェースを提供します。
11
+ <p align="center">
12
+ <a href="https://cloudcli.ai"><img src="https://img.shields.io/badge/☁️_CloudCLI_Cloud-Try_Now-0066FF?style=for-the-badge" alt="CloudCLI Cloud"></a>
13
+ <a href="https://discord.gg/buxwujPNRE"><img src="https://img.shields.io/badge/Discord-Join%20Community-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Discord コミュニティに参加"></a>
14
+ <br><br>
15
+ <a href="https://trendshift.io/repositories/15586" target="_blank"><img src="https://trendshift.io/api/badge/repositories/15586" alt="siteboon%2Fclaudecodeui | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
16
+ </p>
8
17
 
9
- <div align="right"><i><a href="./README.md">English</a> · <a href="./README.ru.md">Русский</a> · <a href="./README.ko.md">한국어</a> · <a href="./README.zh-CN.md">中文</a> · <b>日本語</b></i></div>
18
+ <div align="right"><i><a href="./README.md">English</a> · <a href="./README.ru.md">Русский</a> · <a href="./README.de.md">Deutsch</a> · <a href="./README.ko.md">한국어</a> · <a href="./README.zh-CN.md">中文</a> · <b>日本語</b></i></div>
19
+
20
+ ---
10
21
 
11
22
  ## スクリーンショット
12
23
 
@@ -16,23 +27,23 @@
16
27
  <tr>
17
28
  <td align="center">
18
29
  <h3>デスクトップビュー</h3>
19
- <img src="public/screenshots/desktop-main.png" alt="Desktop Interface" width="400">
30
+ <img src="public/screenshots/desktop-main.png" alt="デスクトップインターフェース" width="400">
20
31
  <br>
21
- <em>プロジェクト概要とチャットを表示するメインインターフェース</em>
32
+ <em>プロジェクト概要とチャットを表示するメイン画面</em>
22
33
  </td>
23
34
  <td align="center">
24
35
  <h3>モバイル体験</h3>
25
- <img src="public/screenshots/mobile-chat.png" alt="Mobile Interface" width="250">
36
+ <img src="public/screenshots/mobile-chat.png" alt="モバイルインターフェース" width="250">
26
37
  <br>
27
- <em>タッチナビゲーション対応のレスポンシブモバイルデザイン</em>
38
+ <em>タッチ操作に対応したレスポンシブなモバイルデザイン</em>
28
39
  </td>
29
40
  </tr>
30
41
  <tr>
31
42
  <td align="center" colspan="2">
32
43
  <h3>CLI 選択</h3>
33
- <img src="public/screenshots/cli-selection.png" alt="CLI Selection" width="400">
44
+ <img src="public/screenshots/cli-selection.png" alt="CLI 選択" width="400">
34
45
  <br>
35
- <em>Claude Code、Cursor CLI、Codex から選択</em>
46
+ <em>Claude Code、Gemini、Cursor CLI、Codex から選択</em>
36
47
  </td>
37
48
  </tr>
38
49
  </table>
@@ -43,302 +54,176 @@
43
54
 
44
55
  ## 機能
45
56
 
46
- - **レスポンシブデザイン** - デスクトップ、タブレット、モバイルでシームレスに動作し、モバイルからも Claude Code、Cursor、Codex を使用可能
47
- - **インタラクティブチャットインターフェース** - Claude Code、Cursor、Codex とシームレスに通信する組み込みチャットインターフェース
48
- - **統合シェルターミナル** - 組み込みシェル機能による Claude Code、Cursor CLI、Codex への直接アクセス
49
- - **ファイルエクスプローラー** - シンタックスハイライトとライブ編集対応のインタラクティブファイルツリー
50
- - **Git エクスプローラー** - 変更の確認、ステージング、コミット。ブランチの切り替えも可能
57
+ - **レスポンシブデザイン** - デスクトップ/タブレット/モバイルでシームレスに動作し、モバイルからも Agents を利用可能
58
+ - **インタラクティブチャット UI** - Agents とスムーズにやり取りできる内蔵チャット UI
59
+ - **統合シェルターミナル** - 内蔵シェル機能で Agents CLI に直接アクセス
60
+ - **ファイルエクスプローラー** - シンタックスハイライトとライブ編集に対応したインタラクティブなファイルツリー
61
+ - **Git エクスプローラー** - 変更の表示、ステージ、コミット。ブランチ切り替えも可能
51
62
  - **セッション管理** - 会話の再開、複数セッションの管理、履歴の追跡
52
- - **TaskMaster AI 統合** *(オプション)* - AI 駆動のタスク計画、PRD 解析、ワークフロー自動化による高度なプロジェクト管理
53
- - **モデル互換性** - Claude Sonnet 4.5、Opus 4.5、GPT-5.2 に対応
54
-
63
+ - **プラグインシステム** - カスタムプラグインで CloudCLI を拡張 新しいタブ、バックエンドサービス、連携を追加できます。[自分で構築する →](https://github.com/cloudcli-ai/cloudcli-plugin-starter)
55
64
 
56
65
  ## クイックスタート
57
66
 
58
- ### 前提条件
67
+ ### CloudCLI Cloud(推奨)
59
68
 
60
- - [Node.js](https://nodejs.org/) v22 以上
61
- - [Claude Code CLI](https://docs.anthropic.com/en/docs/claude-code) のインストールと設定、および/または
62
- - [Cursor CLI](https://docs.cursor.com/en/cli/overview) のインストールと設定、および/または
63
- - [Codex](https://developers.openai.com/codex) のインストールと設定
69
+ 最速で始める方法 ローカルのセットアップは不要です。Web、モバイルアプリ、API、またはお気に入りの IDE からアクセスできる、フルマネージドでコンテナ化された開発環境を利用できます。
64
70
 
65
- ### ワンクリック実行(推奨)
71
+ **[CloudCLI Cloud を始める](https://cloudcli.ai)**
66
72
 
67
- インストール不要、直接実行:
73
+ ### セルフホスト(オープンソース)
74
+
75
+ **npx** で今すぐ CloudCLI UI を試せます(**Node.js** v22+ が必要):
68
76
 
69
77
  ```bash
70
78
  npx @siteboon/claude-code-ui
71
79
  ```
72
80
 
73
- サーバーが起動し、`http://localhost:3001`(または設定した PORT)でアクセスできます。
74
-
75
- **再起動**: サーバーを停止した後、同じ `npx` コマンドを再度実行するだけです
76
- ### グローバルインストール(定期的に使用する場合)
77
-
78
- 頻繁に使用する場合は、一度だけグローバルインストール:
81
+ または、普段使いするなら **グローバル** にインストール:
79
82
 
80
83
  ```bash
81
84
  npm install -g @siteboon/claude-code-ui
85
+ cloudcli
82
86
  ```
83
87
 
84
- シンプルなコマンドで起動:
85
-
86
- ```bash
87
- claude-code-ui
88
- ```
89
-
90
-
91
- **再起動**: Ctrl+C で停止し、`claude-code-ui` を再度実行します。
92
-
93
- **アップデート**:
94
- ```bash
95
- cloudcli update
96
- ```
97
-
98
- ### CLI の使い方
99
-
100
- グローバルインストール後、`claude-code-ui` と `cloudcli` コマンドが使用できます:
101
-
102
- | コマンド / オプション | 短縮形 | 説明 |
103
- |------------------|-------|-------------|
104
- | `cloudcli` または `claude-code-ui` | | サーバーを起動(デフォルト) |
105
- | `cloudcli start` | | サーバーを明示的に起動 |
106
- | `cloudcli status` | | 設定とデータの場所を表示 |
107
- | `cloudcli update` | | 最新バージョンに更新 |
108
- | `cloudcli help` | | ヘルプ情報を表示 |
109
- | `cloudcli version` | | バージョン情報を表示 |
110
- | `--port <port>` | `-p` | サーバーポートを設定(デフォルト: 3001) |
111
- | `--database-path <path>` | | カスタムデータベースの場所を設定 |
112
-
113
- **例:**
114
- ```bash
115
- cloudcli # デフォルト設定で起動
116
- cloudcli -p 8080 # カスタムポートで起動
117
- cloudcli status # 現在の設定を表示
118
- ```
119
-
120
- ### バックグラウンドサービスとして実行(本番環境推奨)
121
-
122
- 本番環境では、PM2(Process Manager 2)を使用して Claude Code UI をバックグラウンドサービスとして実行します:
123
-
124
- #### PM2 のインストール
125
-
126
- ```bash
127
- npm install -g pm2
128
- ```
129
-
130
- #### バックグラウンドサービスとして起動
131
-
132
- ```bash
133
- # バックグラウンドでサーバーを起動
134
- pm2 start claude-code-ui --name "claude-code-ui"
135
-
136
- # または短いエイリアスを使用
137
- pm2 start cloudcli --name "claude-code-ui"
138
-
139
- # カスタムポートで起動
140
- pm2 start cloudcli --name "claude-code-ui" -- --port 8080
141
- ```
142
-
88
+ `http://localhost:3001` を開いてください — 既存のセッションは自動的に検出されます。
143
89
 
144
- #### システム起動時の自動起動
90
+ より詳細な設定オプション、PM2、リモートサーバー設定などについては **[ドキュメントはこちら →](https://cloudcli.ai/docs)** を参照してください。
145
91
 
146
- システム起動時に Claude Code UI を自動的に起動するには:
147
92
 
148
- ```bash
149
- # プラットフォーム用の起動スクリプトを生成
150
- pm2 startup
151
-
152
- # 現在のプロセスリストを保存
153
- pm2 save
154
- ```
155
-
156
-
157
- ### ローカル開発インストール
158
-
159
- 1. **リポジトリをクローン:**
160
- ```bash
161
- git clone https://github.com/siteboon/claudecodeui.git
162
- cd claudecodeui
163
- ```
164
-
165
- 2. **依存関係をインストール:**
166
- ```bash
167
- npm install
168
- ```
169
-
170
- 3. **環境を設定:**
171
- ```bash
172
- cp .env.example .env
173
- # お好みの設定で .env を編集
174
- ```
93
+ ---
175
94
 
176
- 4. **アプリケーションを起動:**
177
- ```bash
178
- # 開発モード(ホットリロード付き)
179
- npm run dev
95
+ ## どちらの選択肢が適していますか?
96
+
97
+ CloudCLI UI は、CloudCLI Cloud を支えるオープンソースの UI レイヤーです。自分のマシンにセルフホストすることも、フルマネージドのクラウド環境、チーム機能、より深い統合を備えた CloudCLI Cloud を使うこともできます。
98
+
99
+ | | CloudCLI UI(セルフホスト) | CloudCLI Cloud |
100
+ |---|---|---|
101
+ | **対象ユーザー** | 自分のマシン上でローカルの agent セッションに対してフル UI を使いたい開発者 | クラウド上で動く agents をどこからでも利用したいチーム/開発者 |
102
+ | **アクセス方法** | ブラウザ(`[yourip]:port`) | ブラウザ、任意の IDE、REST API、n8n |
103
+ | **セットアップ** | `npx @siteboon/claude-code-ui` | セットアップ不要 |
104
+ | **マシンの稼働継続** | はい | いいえ |
105
+ | **モバイルアクセス** | 同一ネットワーク内の任意のブラウザ | 任意のデバイス(ネイティブアプリも準備中) |
106
+ | **利用可能なセッション** | `~/.claude` から全セッションを自動検出 | クラウド環境内の全セッション |
107
+ | **対応エージェント** | Claude Code、Cursor CLI、Codex、Gemini CLI | Claude Code、Cursor CLI、Codex、Gemini CLI |
108
+ | **ファイルエクスプローラとGit** | はい(UI に内蔵) | はい(UI に内蔵) |
109
+ | **MCP設定** | UI で管理し、ローカルの `~/.claude` 設定と同期 | UI で管理 |
110
+ | **IDEアクセス** | ローカル IDE | クラウド環境に接続された任意の IDE |
111
+ | **REST API** | はい | はい |
112
+ | **n8n ノード** | いいえ | はい |
113
+ | **チーム共有** | いいえ | はい |
114
+ | **料金プラン** | 無料(オープンソース) | 月 $7〜 |
115
+
116
+ > どちらの選択肢でも、AI のサブスクリプション(Claude、Cursor など)はご自身のものを使用します — CloudCLI が提供するのは環境であり、AI そのものではありません。
180
117
 
181
- ```
182
- アプリケーションは .env で指定したポートで起動します
183
-
184
- 5. **ブラウザを開く:**
185
- - 開発: `http://localhost:3001`
118
+ ---
186
119
 
187
120
  ## セキュリティとツール設定
188
121
 
189
- **重要なお知らせ**: すべての Claude Code ツールは**デフォルトで無効**になっています。これにより、潜在的に有害な操作が自動的に実行されることを防ぎます。
122
+ **🔒 重要なお知らせ** すべての Claude Code ツールは **デフォルトで無効** です。これにより、潜在的に有害な操作が自動的に実行されることを防ぎます。
190
123
 
191
124
  ### ツールの有効化
192
125
 
193
- Claude Code の全機能を使用するには、手動でツールを有効にする必要があります:
194
-
195
126
  1. **ツール設定を開く** - サイドバーの歯車アイコンをクリック
196
- 2. **選択的に有効化** - 必要なツールのみを有効にする
197
- 3. **設定を適用** - 環境設定はローカルに保存されます
127
+ 2. **必要なツールだけを選んで有効化** - 本当に使うものだけをオンにする
128
+ 3. **設定を適用** - 設定内容はローカルに保存されます
198
129
 
199
130
  <div align="center">
200
131
 
201
132
  ![ツール設定モーダル](public/screenshots/tools-modal.png)
202
- *ツール設定インターフェース - 必要なものだけを有効にしましょう*
133
+ *Tools 設定画面 - 必要なものだけを有効にしてください*
203
134
 
204
135
  </div>
205
136
 
206
- **推奨アプローチ**: 基本的なツールから有効にし、必要に応じて追加してください。これらの設定はいつでも調整できます。
207
-
208
- ## TaskMaster AI 統合 *(オプション)*
209
-
210
- Claude Code UI は、高度なプロジェクト管理と AI 駆動のタスク計画のための **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)**(別名 claude-task-master)統合をサポートしています。
211
-
212
- 提供機能
213
- - PRD(製品要件ドキュメント)からの AI 駆動タスク生成
214
- - スマートなタスク分解と依存関係管理
215
- - ビジュアルタスクボードと進捗追跡
216
-
217
- **セットアップとドキュメント**: インストール手順、設定ガイド、使用例は [TaskMaster AI GitHub リポジトリ](https://github.com/eyaltoledano/claude-task-master)をご覧ください。
218
- インストール後、設定から有効にできます
219
-
137
+ **推奨アプローチ**: まずは基本ツールだけを有効にし、必要に応じて追加してください。これらの設定は後からいつでも調整できます。
220
138
 
221
- ## 使用ガイド
139
+ ---
222
140
 
223
- ### 主要機能
141
+ ## プラグイン
224
142
 
225
- #### プロジェクト管理
226
- Claude Code、Cursor、Codex のセッションが利用可能な場合、自動的に検出しプロジェクトとしてグループ化します
227
- - **プロジェクト操作** - プロジェクトの名前変更、削除、整理
228
- - **スマートナビゲーション** - 最近のプロジェクトやセッションへのクイックアクセス
229
- - **MCP サポート** - UI から独自の MCP サーバーを追加
143
+ CloudCLI にはプラグインシステムがあり、独自のフロントエンド UI と(必要に応じて)Node.js バックエンドを持つカスタムタブを追加できます。プラグインは **Settings > Plugins** から git リポジトリを直接指定してインストールするか、自作できます。
230
144
 
231
- #### チャットインターフェース
232
- - **レスポンシブチャットまたは Claude Code/Cursor CLI/Codex CLI を使用** - アダプティブチャットインターフェースを使用するか、シェルボタンで選択した CLI に接続できます
233
- - **リアルタイム通信** - WebSocket 接続で選択した CLI(Claude Code/Cursor/Codex)からレスポンスをストリーミング
234
- - **セッション管理** - 以前の会話を再開、または新しいセッションを開始
235
- - **メッセージ履歴** - タイムスタンプとメタデータ付きの完全な会話履歴
236
- - **マルチフォーマット対応** - テキスト、コードブロック、ファイル参照
145
+ ### 利用可能なプラグイン
237
146
 
238
- #### ファイルエクスプローラーとエディター
239
- - **インタラクティブファイルツリー** - 展開/折りたたみナビゲーションでプロジェクト構造を閲覧
240
- - **ライブファイル編集** - インターフェースで直接ファイルの読み取り、変更、保存
241
- - **シンタックスハイライト** - 複数のプログラミング言語に対応
242
- - **ファイル操作** - ファイルやディレクトリの作成、名前変更、削除
147
+ | プラグイン | 説明 |
148
+ |---|---|
149
+ | **[Project Stats](https://github.com/cloudcli-ai/cloudcli-plugin-starter)** | 現在のプロジェクトについて、ファイル数、コード行数、ファイル種別の内訳、最大ファイル、最近変更されたファイルを表示 |
243
150
 
244
- #### Git エクスプローラー
151
+ ### 自作する
245
152
 
153
+ **[Plugin Starter Template →](https://github.com/cloudcli-ai/cloudcli-plugin-starter)** — このリポジトリを fork して独自プラグインを作れます。フロントエンド描画、ライブコンテキスト更新、バックエンドサーバーへの RPC 通信を含む動作例が入っています。
246
154
 
247
- #### TaskMaster AI 統合 *(オプション)*
248
- - **ビジュアルタスクボード** - 開発タスク管理のためのカンバンスタイルインターフェース
249
- - **PRD パーサー** - 製品要件ドキュメントを作成し、構造化されたタスクに変換
250
- - **進捗追跡** - リアルタイムのステータス更新と完了追跡
155
+ **[プラグインのドキュメント →](https://cloudcli.ai/docs/plugin-overview)** プラグイン API、manifest 形式、セキュリティモデルなどの完全ガイド。
251
156
 
252
- #### セッション管理
253
- - **セッション永続化** - すべての会話を自動保存
254
- - **セッション整理** - プロジェクトとタイムスタンプでセッションをグループ化
255
- - **セッション操作** - 会話履歴の名前変更、削除、エクスポート
256
- - **クロスデバイス同期** - どのデバイスからでもセッションにアクセス
157
+ ---
158
+ ## FAQ
257
159
 
258
- ### モバイルアプリ
259
- - **レスポンシブデザイン** - すべての画面サイズに最適化
260
- - **タッチフレンドリーインターフェース** - スワイプジェスチャーとタッチナビゲーション
261
- - **モバイルナビゲーション** - 親指で操作しやすいボトムタブバー
262
- - **アダプティブレイアウト** - 折りたたみ可能なサイドバーとスマートコンテンツ優先順位
263
- - **ホーム画面にショートカットを追加** - ホーム画面にショートカットを追加すると、アプリが PWA のように動作します
160
+ <details>
161
+ <summary>Claude Code Remote Control とはどう違いますか?</summary>
264
162
 
265
- ## アーキテクチャ
163
+ Claude Code Remote Control は、ローカル端末で既に動作しているセッションへメッセージを送れる仕組みです。マシンを起動したままにし、端末も開いたままにする必要があり、ネットワーク接続がない状態が約 10 分続くとセッションがタイムアウトします。
266
164
 
267
- ### システム概要
165
+ CloudCLI UI と CloudCLI Cloud は、Claude Code の横に別物として存在するのではなく、Claude Code を拡張します — MCP サーバー、権限、設定、セッションは Claude Code がネイティブに使うものと完全に同一です。複製したり、別系統で管理したりしません。
268
166
 
269
- ```
270
- ┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
271
- │ Frontend │ │ Backend │ │ Agent │
272
- │ (React/Vite) │◄──►│ (Express/WS) │◄──►│ Integration │
273
- │ │ │ │ │ │
274
- └─────────────────┘ └─────────────────┘ └─────────────────┘
275
- ```
167
+ - **すべてのセッションにアクセス** — CloudCLI UI は `~/.claude` フォルダのすべてのセッションを自動検出します。Remote Control は、Claude モバイルアプリで利用可能にするため、1つのアクティブセッションだけを公開します。
168
+ - **設定はあなたの設定** — CloudCLI UI で変更した MCP サーバー、ツール権限、プロジェクト構成は、Claude Code の設定に直接書き込まれて即座に反映され、その逆(Claude Code での変更が UI に反映)も同様です。
169
+ - **対応エージェントがさらに充実** — Claude Code に加えて Cursor CLI、Codex、Gemini CLI にも対応しています。
170
+ - **チャット窓だけではない完全な UI** — ファイルエクスプローラー、Git 統合、MCP 管理、シェル端末などがすべて組み込まれています。
171
+ - **CloudCLI Cloud はクラウド上で稼働** — ノートパソコンを閉じてもエージェントは動き続けます。監視が要る端末も、スリープ防止も不要です。
276
172
 
277
- ### バックエンド (Node.js + Express)
278
- - **Express サーバー** - 静的ファイル配信付きの RESTful API
279
- - **WebSocket サーバー** - チャットとプロジェクト更新のための通信
280
- - **エージェント統合 (Claude Code / Cursor CLI / Codex)** - プロセスの生成と管理
281
- - **ファイルシステム API** - プロジェクト向けファイルブラウザの公開
173
+ </details>
282
174
 
283
- ### フロントエンド (React + Vite)
284
- - **React 18** - hooks を使用したモダンなコンポーネントアーキテクチャ
285
- - **CodeMirror** - シンタックスハイライト対応の高度なコードエディター
175
+ <details>
176
+ <summary>AI のサブスクリプションは別途支払いが必要ですか?</summary>
286
177
 
178
+ はい。CloudCLI は環境を提供するものであり、AI は含まれません。Claude、Cursor、Codex、または Gemini のサブスクリプションはご自身でご用意ください。CloudCLI Cloud のホスティング環境はそれに加えて月額 $7 から提供されます。
287
179
 
180
+ </details>
288
181
 
182
+ <details>
183
+ <summary>CloudCLI UI をスマホで使えますか?</summary>
289
184
 
290
- ### コントリビューション
185
+ はい。セルフホストの場合は、自身のマシンでサーバーを起動し、ネットワーク内のブラウザで `[yourip]:port` を開いてください。CloudCLI Cloud を使う場合は、任意のデバイスからアクセスできます。VPN もポートフォワーディングも不要で、セットアップも不要です。ネイティブアプリも開発中です。
291
186
 
292
- コントリビューションを歓迎します!コミット規約、開発ワークフロー、リリースプロセスの詳細は [Contributing Guide](CONTRIBUTING.md) をご覧ください。
187
+ </details>
293
188
 
294
- ## トラブルシューティング
189
+ <details>
190
+ <summary>UI で加えた変更はローカルの Claude Code 設定に影響しますか?</summary>
295
191
 
296
- ### よくある問題と解決方法
192
+ はい、セルフホストの場合です。CloudCLI UI は Claude Code がネイティブに使う `~/.claude` 設定を読み書きします。UI から追加した MCP サーバーは即座に Claude Code に反映され、その逆も同様です。
297
193
 
194
+ </details>
298
195
 
299
- #### 「Claude プロジェクトが見つかりません」
300
- **問題**: UI にプロジェクトが表示されない、またはプロジェクトリストが空
301
- **解決方法**:
302
- - [Claude Code](https://docs.anthropic.com/en/docs/claude-code) が正しくインストールされていることを確認
303
- - 少なくとも1つのプロジェクトディレクトリで `claude` コマンドを実行して初期化
304
- - `~/.claude/projects/` ディレクトリが存在し、適切な権限があることを確認
196
+ ---
305
197
 
306
- #### ファイルエクスプローラーの問題
307
- **問題**: ファイルが読み込まれない、権限エラー、空のディレクトリ
308
- **解決方法**:
309
- - プロジェクトディレクトリの権限を確認(ターミナルで `ls -la`)
310
- - プロジェクトパスが存在しアクセス可能であることを確認
311
- - 詳細なエラーメッセージについてはサーバーコンソールログを確認
312
- - プロジェクト範囲外のシステムディレクトリにアクセスしていないことを確認
198
+ ## コミュニティとサポート
313
199
 
200
+ - **[ドキュメント](https://cloudcli.ai/docs)** — インストール、設定、機能、トラブルシューティング
201
+ - **[Discord](https://discord.gg/buxwujPNRE)** — ヘルプを得たり、ユーザー同士で交流したりできます
202
+ - **[GitHub Issues](https://github.com/siteboon/claudecodeui/issues)** — バグ報告と機能要望
203
+ - **[コントリビューションガイド](CONTRIBUTING.md)** — プロジェクトへの貢献方法
314
204
 
315
205
  ## ライセンス
316
206
 
317
- GNU General Public License v3.0 - 詳細は [LICENSE](LICENSE) ファイルをご覧ください。
207
+ GNU General Public License v3.0 - 詳細は [LICENSE](LICENSE) ファイルを参照してください。
318
208
 
319
- このプロジェクトはオープンソースであり、GPL v3 ライセンスの下で自由に使用、変更、配布できます。
209
+ このプロジェクトはオープンソースであり、GPL v3 ライセンスの下で無料で使用、修正、再配布できます。
320
210
 
321
211
  ## 謝辞
322
212
 
323
213
  ### 使用技術
214
+
324
215
  - **[Claude Code](https://docs.anthropic.com/en/docs/claude-code)** - Anthropic の公式 CLI
325
216
  - **[Cursor CLI](https://docs.cursor.com/en/cli/overview)** - Cursor の公式 CLI
326
217
  - **[Codex](https://developers.openai.com/codex)** - OpenAI Codex
218
+ - **[Gemini-CLI](https://geminicli.com/)** - Google Gemini CLI
327
219
  - **[React](https://react.dev/)** - ユーザーインターフェースライブラリ
328
220
  - **[Vite](https://vitejs.dev/)** - 高速ビルドツールと開発サーバー
329
- - **[Tailwind CSS](https://tailwindcss.com/)** - ユーティリティファースト CSS フレームワーク
330
- - **[CodeMirror](https://codemirror.net/)** - 高度なコードエディター
331
- - **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(オプション)* - AI 駆動のプロジェクト管理とタスク計画
332
-
333
- ## サポートとコミュニティ
334
-
335
- ### 最新情報を入手
336
- - このリポジトリに **Star** をつけてサポートを表明
337
- - **Watch** で更新や新リリースを確認
338
- - プロジェクトを **Follow** してお知らせを受け取る
221
+ - **[Tailwind CSS](https://tailwindcss.com/)** - ユーティリティファーストの CSS フレームワーク
222
+ - **[CodeMirror](https://codemirror.net/)** - 高度なコードエディタ
223
+ - **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(オプション)* - AI を活用したプロジェクト管理とタスク計画
339
224
 
340
- ### スポンサー
341
- - [Siteboon - AI powered website builder](https://siteboon.ai)
225
+ ## スポンサー
226
+ - [Siteboon - AI を活用したウェブサイトビルダー](https://siteboon.ai)
342
227
  ---
343
228
 
344
229
  <div align="center">