メインコンテンツにスキップ

Web上のClaude Code

今週アップデートされました

Web上のClaude Codeは、GitHubリポジトリのコードを使用して、Claude Codeタスクをリモートで実行します。この記事では、その仕組み、ターミナルやIDEでClaude Codeを実行する代わりにいつ使用するか、そしてどのようなワークフローが可能になるかを説明します。

Web上のClaude Codeが提供するもの

Web上のClaude Codeを使用すると、積極的な監視なしで実行されるタスクをClaudeに委任できます。ブラウザでGitHubリポジトリを選択し、実行したい内容を説明すると、Claudeはリモート環境でタスクに取り組みます。Claude Codeがタスクの作業を開始すると、ページを完全に離れることができます。Claudeは作業を継続します。完了すると、Claudeは自動的に変更内容を含むプルリクエストを作成し、レビューできるようにします。

この機能は、ローカルマシンにない可能性のあるリポジトリでも動作します。アクセス権のあるGitHubリポジトリであれば、ローカルにクローンしたり開発環境をセットアップしたりする必要なく、タスクを開始できます。これは、時々貢献するプロジェクトや、まだ学習中のコードベースを探索する際に便利です。

Web用のClaude Codeは、非同期開発ワークフローを可能にします。ターミナルやエディタでClaude Codeを使用する場合、通常は同期的に作業します。リクエストを行い、Claudeの応答を待ち、変更をレビューしてから、別のリクエストを行います。このような同期作業では細かい制御が可能ですが、プロセス全体を通じて注意を払う必要があります。Web上のClaude Codeはこれとは異なる方法で処理します。より大きなタスクを割り当て、Claudeに独立して作業させ、後で完成した作業をレビューすることができます。

また、複数のタスクを並行して実行することもできます。各タスクは独自の分離された環境で実行されるため、Claudeに複数の異なる問題やリポジトリで同時に作業させることができます。各タスクは独立して進行し、完了時に独自のプルリクエストを作成します。複数のタスクが同時に同じリポジトリで作業することも可能です。

仕組み

タスクを開始すると、Web上のClaude Codeは作業用の分離された仮想マシンを作成します。GitHubリポジトリがこの環境にクローンされ、一般的な開発ツールや言語エコシステムが事前設定されています。

Claudeは、リポジトリの設定で定義したセットアップコマンドを実行して環境を準備します。これには、依存関係のインストール、データベースのセットアップ、またはプロジェクトに必要なその他の初期化手順が含まれます。タスクがネットワークアクセスを必要とする場合、例えばパッケージのインストールやデータの取得のために、環境が持つインターネットアクセスのレベルを設定できます。

環境の準備が整うと、Claudeはタスクの作業を開始します。Claudeはコードを読み、変更を加え、テストを書き、作業を検証するためのコマンドを実行します。必要に応じて、Webインターフェースを通じて進捗を監視し、ガイダンスを提供できます。

Claudeがタスクを完了すると、GitHubリポジトリの新しいブランチに変更をプッシュします。通知を受け取り、変更をレビューしてから、インターフェースから直接プルリクエストを作成できます。プルリクエストにはClaudeの作業がすべて含まれており、レビューと追加の変更を行う準備が整っています。

各タスクは完全に分離された状態で実行されます。仮想マシンはその特定のタスクのためだけに存在し、制限されたネットワークアクセスや保護された認証情報の処理などのセキュリティ制御が含まれています。GitHub認証は安全なプロキシを通じて管理されるため、Claudeが作業している環境に認証情報が直接存在することはありません。

Web上のClaude Codeとターミナルの使い分け

Web上のClaude Codeは、Claude Codeを使用する新しい方法です。一部のタスクはWeb上での非同期実行に適していますが、他のタスクはターミナルやIDEを介したClaude Codeでの実行が最適です。

Web上のClaude Codeを使用する場合:

  • 明確な要件を持つ明確に定義されたタスク: 何を行う必要があるかを正確に説明でき、タスクの途中でClaudeを誘導する必要がないと予想される場合、Webインターフェースで作業を開始し、完了時に戻ることができます。

  • バグバックログのバックグラウンド

こちらの回答で解決しましたか?