@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.
- package/README.de.md +239 -0
- package/README.ja.md +115 -230
- package/README.ko.md +116 -231
- package/README.md +2 -1
- package/README.ru.md +75 -54
- package/README.zh-CN.md +121 -238
- package/dist/assets/index-C08k8QbP.css +32 -0
- package/dist/assets/{index-D6EffcRY.js → index-DnXcHp5q.js} +249 -242
- package/dist/index.html +2 -2
- package/dist/sw.js +59 -3
- package/package.json +3 -2
- package/server/claude-sdk.js +106 -62
- package/server/cli.js +10 -7
- package/server/cursor-cli.js +59 -73
- package/server/database/db.js +142 -1
- package/server/database/init.sql +28 -1
- package/server/gemini-cli.js +46 -48
- package/server/gemini-response-handler.js +12 -73
- package/server/index.js +82 -55
- package/server/middleware/auth.js +2 -2
- package/server/openai-codex.js +43 -28
- package/server/projects.js +1 -1
- package/server/providers/claude/adapter.js +278 -0
- package/server/providers/codex/adapter.js +248 -0
- package/server/providers/cursor/adapter.js +353 -0
- package/server/providers/gemini/adapter.js +186 -0
- package/server/providers/registry.js +44 -0
- package/server/providers/types.js +119 -0
- package/server/providers/utils.js +29 -0
- package/server/routes/agent.js +7 -5
- package/server/routes/cli-auth.js +38 -0
- package/server/routes/codex.js +1 -19
- package/server/routes/gemini.js +0 -30
- package/server/routes/git.js +48 -20
- package/server/routes/messages.js +61 -0
- package/server/routes/plugins.js +5 -1
- package/server/routes/settings.js +99 -1
- package/server/routes/taskmaster.js +2 -2
- package/server/services/notification-orchestrator.js +227 -0
- package/server/services/vapid-keys.js +35 -0
- package/server/utils/plugin-loader.js +53 -4
- package/shared/networkHosts.js +22 -0
- 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="
|
|
3
|
-
<h1>Cloud CLI
|
|
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
|
-
|
|
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="
|
|
30
|
+
<img src="public/screenshots/desktop-main.png" alt="デスクトップインターフェース" width="400">
|
|
20
31
|
<br>
|
|
21
|
-
<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="
|
|
36
|
+
<img src="public/screenshots/mobile-chat.png" alt="モバイルインターフェース" width="250">
|
|
26
37
|
<br>
|
|
27
|
-
<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
|
|
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
|
-
- **レスポンシブデザイン** -
|
|
47
|
-
-
|
|
48
|
-
- **統合シェルターミナル** -
|
|
49
|
-
- **ファイルエクスプローラー** -
|
|
50
|
-
- **Git エクスプローラー** -
|
|
57
|
+
- **レスポンシブデザイン** - デスクトップ/タブレット/モバイルでシームレスに動作し、モバイルからも Agents を利用可能
|
|
58
|
+
- **インタラクティブチャット UI** - Agents とスムーズにやり取りできる内蔵チャット UI
|
|
59
|
+
- **統合シェルターミナル** - 内蔵シェル機能で Agents の CLI に直接アクセス
|
|
60
|
+
- **ファイルエクスプローラー** - シンタックスハイライトとライブ編集に対応したインタラクティブなファイルツリー
|
|
61
|
+
- **Git エクスプローラー** - 変更の表示、ステージ、コミット。ブランチ切り替えも可能
|
|
51
62
|
- **セッション管理** - 会話の再開、複数セッションの管理、履歴の追跡
|
|
52
|
-
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
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
|
-
|
|
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
|

|
|
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
|
-
|
|
151
|
+
### 自作する
|
|
245
152
|
|
|
153
|
+
**[Plugin Starter Template →](https://github.com/cloudcli-ai/cloudcli-plugin-starter)** — このリポジトリを fork して独自プラグインを作れます。フロントエンド描画、ライブコンテキスト更新、バックエンドサーバーへの RPC 通信を含む動作例が入っています。
|
|
246
154
|
|
|
247
|
-
|
|
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
|
-
|
|
272
|
-
|
|
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
|
-
|
|
278
|
-
- **Express サーバー** - 静的ファイル配信付きの RESTful API
|
|
279
|
-
- **WebSocket サーバー** - チャットとプロジェクト更新のための通信
|
|
280
|
-
- **エージェント統合 (Claude Code / Cursor CLI / Codex)** - プロセスの生成と管理
|
|
281
|
-
- **ファイルシステム API** - プロジェクト向けファイルブラウザの公開
|
|
173
|
+
</details>
|
|
282
174
|
|
|
283
|
-
|
|
284
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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/)** -
|
|
330
|
-
- **[CodeMirror](https://codemirror.net/)** -
|
|
331
|
-
- **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)**
|
|
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
|
|
225
|
+
## スポンサー
|
|
226
|
+
- [Siteboon - AI を活用したウェブサイトビルダー](https://siteboon.ai)
|
|
342
227
|
---
|
|
343
228
|
|
|
344
229
|
<div align="center">
|