Claude Code をウェブで始める
ブラウザまたはスマートフォンからクラウドで Claude Code を実行します。GitHub リポジトリを接続し、タスクを送信し、ローカルセットアップなしで PR をレビューします。
Claude Code on the web は、Pro、Max、Team ユーザー、および premium seats または Chat + Claude Code seats を持つ Enterprise ユーザーを対象とした研究プレビュー版です。
Claude Code on the web は、あなたのマシンではなく Anthropic が管理するクラウドインフラストラクチャで実行されます。ブラウザまたは Claude モバイルアプリから claude.ai/code でタスクを送信します。
始めるには GitHub リポジトリが必要です。Claude はそれを分離された仮想マシンにクローンし、変更を加え、レビュー用のブランチをプッシュします。セッションはデバイス間で永続化されるため、ラップトップで開始したタスクは後でスマートフォンからレビューする準備ができています。
Claude Code on the web は以下に適しています:
- 並列タスク:複数の worktrees を管理することなく、複数の独立したタスクを同時に実行し、それぞれ独自のセッションとブランチで実行します
- ローカルにないリポジトリ:Claude はセッションごとにリポジトリを新規クローンするため、チェックアウトする必要がありません
- 頻繁なステアリングが不要なタスク:明確に定義されたタスクを送信し、他のことをして、Claude が完了したときに結果をレビューします
- コードの質問と探索:ローカルチェックアウトなしでコードベースを理解したり、機能がどのように実装されているかをトレースします
ローカル設定、ツール、または環境が必要な作業の場合は、Claude Code をローカルで実行するか、Remote Control を使用する方が適しています。
セッションの実行方法
以下の手順は Anthropic がホストするセッションについて説明しています。自己ホスト環境では、クローンとそれ以降のすべてが組織独自のランナー上で実行され、ネットワーク境界、セットアップ、プッシュ動作はオペレーターが設定します。タスクを送信すると:
- クローンと準備:リポジトリが Anthropic が管理する VM にクローンされ、設定されている場合は setup script が実行されます。
- ネットワークの設定:インターネットアクセスは環境の access level に基づいて設定されます。
- 作業:Claude はコードを分析し、変更を加え、テストを実行し、その作業をチェックします。全体を監視してステアリングすることも、完了したら戻ってくることもできます。
- ブランチをプッシュ:Claude が停止ポイントに達すると、ブランチを GitHub にプッシュします。diff をレビューし、インラインコメントを残し、PR を作成するか、別のメッセージを送信して続行します。
ブランチがプッシュされてもセッションは閉じません。PR の作成とさらなる編集はすべて同じ会話内で行われます。
Claude Code を実行する方法を比較
Claude Code はどこでも同じように動作します。変わるのは、コードが実行される場所とローカル設定が利用可能かどうかです。Desktop app は local と cloud の両方のセッションを提供するため、以下の回答はどちらを選択するかによって異なります:
| On the web | Remote Control | Terminal CLI | Desktop app | |
|---|---|---|---|---|
| Code runs on | Cloud VM、Anthropic 管理(デフォルト) | Your machine | Your machine | Your machine or cloud VM |
| You chat from | claude.ai or mobile app | claude.ai or mobile app | Your terminal | The Desktop UI |
| Uses your local config | No, repo only | Yes | Yes | Yes for local, no for cloud |
| Requires GitHub | Yes, or bundle a local repo via --cloud |
No | No | Only for cloud sessions |
| Keeps running if you disconnect | Yes | While terminal stays open | No | Depends on session type |
| Permission modes | Accept edits, Plan, Auto | Manual, Accept edits, Plan | All modes | Depends on session type |
| Network access | Configurable per environment | Your machine's network | Your machine's network | Depends on session type |
terminal quickstart、Desktop app、または Remote Control ドキュメントを参照して、それらをセットアップしてください。
GitHub を接続
GitHub への接続は 1 回限りのステップです。既に GitHub CLI を使用している場合は、ブラウザの代わりに ターミナルからこれを実行 できます。
Team および Enterprise プランでは、Sign in with GitHub ステップは、Claude 組織の Owner が Admin settings > Connectors で GitHub コネクタをオンにした後にのみ機能します。それまでは、そのステップはサインインボタンの代わりに「GitHub access is required for Claude Code on the web」と表示されます。コネクタがオンになった後、claude.ai/code をリロードして、最初のステップから再度開始します。Admin settings > Claude Code の Quick web setup という 2 番目のトグルはオプションです。オンにすると、/web-setup が機能し、オンボーディングはメンバーの環境を作成します。
claude.ai/code にアクセス
claude.ai/code にアクセスし、claude.ai アカウントでサインインします。macOS または Windows では、最初の画面に Claude Code デスクトップアプリと Claude Code をインストールする他の方法が表示されます。ブラウザに留まるには、ページの下部にある Continue on web をクリックします。
GitHub でサインイン
サインイン後、claude.ai/code は GitHub を接続するよう促します。プロンプトに従うと、claude.ai/code は GitHub の認可ページに移動します。認可リクエストを承認すると、GitHub は claude.ai/code に戻ります。Cloud セッションは既存の GitHub リポジトリで機能し、GitHub アカウントが見ることができるすべてのリポジトリに到達できます。新しいプロジェクトを開始するには、まず GitHub に空のリポジトリを作成 してください。
Quick web setup がオフの場合(Team および Enterprise プランではデフォルトでオフ)、claude.ai/code はまだインストールされていない場合、リポジトリに Claude GitHub App をインストールするよう求めます。CI の失敗と pull request のレビューコメントに Claude が応答できる Auto-fix が必要な場合はインストールしてください。それ以外の場合は Skip をクリックします。どちらの場合でも、セッションは同じリポジトリに到達できます。
デフォルト環境をセットアップ
cloud environment は、セッション中に Claude が持つネットワークアクセスと、セッション開始時に実行される内容を制御する保存された設定です。GitHub を接続した後の動作はプランによって異なります。
- Pro および Max:オンボーディングは Default という名前の環境を作成します。
- Team および Enterprise:オンボーディングは Create your first cloud environment フォームを表示します。事前入力された名前とネットワークアクセスを変更せず、Create & finish をクリックして Default 環境を作成します。Owner が Quick web setup をオンにしている場合、オンボーディングは代わりに Default を作成します。
Default は Trusted ネットワークアクセス を使用します。セッションは common package registries およびその他のホワイトリストに登録されたドメインに到達し、セッションのネットワークを通じて他には何も到達しません。設定なしで利用可能な内容については、Installed tools を参照してください。
最初のプロジェクトの場合、Default 環境はそのまま機能します。ネットワークアクセスを変更したり、環境変数を追加したり、セッション開始前に setup script を実行したりするには、環境を編集するか、追加の環境を作成 してください。
ターミナルから接続
既に GitHub CLI(gh)を使用している場合は、ブラウザを開かずに Claude Code on the web をセットアップできます。これには Claude Code CLI が必要です。/web-setup を実行すると、Claude Code はローカルの gh トークンを読み取り、claude.ai アカウントにリンクし、cloud 環境がない場合は Default cloud 環境を作成します。Team および Enterprise プランでは、/web-setup は Owner が Quick web setup をオンにした後にのみ利用可能です。
Zero Data Retention が有効な Organization は /web-setup または他の cloud セッション機能を使用できません。GitHub CLI がインストールされていない、または認証されていない場合、Claude Code はブラウザオンボーディングフローを開きます。
GitHub CLI で認証
シェルで、まだ認証していない場合は GitHub CLI を認証します:
gh auth login
Claude にサインイン
Claude Code CLI で /login を実行して、claude.ai アカウントでサインインします。既に claude.ai アカウントでサインインしている場合はこのステップをスキップします。API キーで認証することはカウントされません。確認するには、/status を実行し、Login method 行に claude.ai アカウントが表示されることを確認します。
/web-setup を実行
Claude Code CLI で以下を実行します。
/web-setup
これにより、gh トークンが Claude アカウントに同期されます。成功すると、Claude Code は Connected as <your-github-username> を出力し、claude.ai/code をブラウザで開きます。cloud 環境がまだない場合、/web-setup は Trusted ネットワークアクセスと setup script なしで環境を作成します。後で 環境を編集したり、変数を追加 できます。/web-setup が完了したら、--cloud でターミナルから cloud セッションを開始するか、/schedule で定期的なタスクをセットアップできます。
タスクを開始
GitHub が接続され、環境が作成されたら、タスクを送信する準備ができています。
リポジトリとブランチを選択
claude.ai/code または Claude モバイルアプリの Code タブから、入力ボックスの下のリポジトリセレクターをクリックし、Claude が作業するリポジトリを選択します。各リポジトリはブランチセレクターを表示します。デフォルトの代わりに feature ブランチから Claude を開始するように変更します。複数のリポジトリを追加して、1 つのセッション内で複数のリポジトリで作業できます。
権限モードを選択
入力の横の mode ドロップダウンは、セッションが実行される権限モードを表示します:
- Auto:分類器が Claude のアクションをレビューします。組織が auto モードを許可し、選択されたモデルがそれをサポートしている場合に表示されます
- Accept edits:Claude は承認を待たずに変更を加えてブランチをプッシュします
- Plan:Claude がアプローチを提案し、ファイルを編集する前にあなたの承認を待ちます
Cloud セッションは Manual または Bypass 権限を提供しません。各権限モードが何を許可するかについては、権限モードの完全なリストを参照してください。
タスクを説明して送信
実行したい内容の説明を入力して Enter キーを押します。具体的にしてください:
- ファイルまたは関数に名前を付けます:「Add a README with setup instructions」または「Fix the failing auth test in
tests/test_auth.py」は「fix tests」より良いです - エラー出力がある場合は貼り付けます
- 症状だけでなく、期待される動作を説明します
Claude はリポジトリをクローンし、設定されている場合は setup script を実行し、作業を開始します。各タスクは独自のセッションと独自のブランチを取得するため、1 つが完了するのを待つ必要はありません。
セッションを事前入力
claude.ai/code URL にクエリパラメータを追加することで、新しいセッションのプロンプト、リポジトリ、環境を事前入力できます。これを使用して、issue tracker のボタンなどの統合を構築し、issue の説明をプロンプトとして Claude Code を開きます。
| Parameter | Description |
|---|---|
prompt |
入力ボックスに事前入力するプロンプトテキスト。エイリアス q も受け入れられます。 |
prompt_url |
クエリ文字列に埋め込むには長すぎるプロンプトのプロンプトテキストを取得する URL。URL はクロスオリジンリクエストを許可する必要があります。prompt も設定されている場合は無視されます。 |
repositories |
事前選択する owner/repo スラッグのコンマ区切りリスト。エイリアス repo も受け入れられます。 |
environment |
事前選択する environment の名前または ID。 |
各値を URL エンコードします。以下の例は、プロンプトとリポジトリが既に選択された状態でフォームを開きます:
https://claude.ai/code?prompt=Fix%20the%20login%20bug&repositories=acme/webapp
レビューと反復
Claude が完了したら、変更をレビューし、特定の行にフィードバックを残し、diff が正しく見えるまで続行します。
diff ビューを開く
diff インジケーターはセッション全体で追加および削除された行を表示します(例:+42 -18)。それを選択して diff ビューを開き、左側にファイルリスト、右側に変更が表示されます。
インラインコメントを残す
diff 内の任意の行を選択し、フィードバックを入力して Enter キーを押します。コメントは次のメッセージを送信するまでキューに入り、その後バンドルされます。Claude は'src/auth.ts:47 で、ここでエラーをキャッチしないでください'をメインの指示と一緒に見るため、問題がどこにあるかを説明する必要はありません。
pull request を作成
diff が正しく見えたら、diff ビューの上部にある Create PR を選択します。完全な PR として開くか、ドラフトとして開くか、生成されたタイトルと説明で GitHub の作成ページにジャンプできます。
PR 作成後も反復を続ける
PR が作成された後もセッションはライブのままです。CI 失敗出力またはレビュアーのコメントをチャットに貼り付け、Claude にそれらに対処するよう依頼します。Claude に PR を自動的に監視させるには、Auto-fix pull requests を参照してください。
セットアップのトラブルシューティング
GitHub 接続後にリポジトリが表示されない
cloud セッションは、接続された GitHub アカウントが見ることができるすべてのリポジトリを使用できます。Claude GitHub App がインストールされているリポジトリに関係なく。リポジトリが見つからない場合は、接続された GitHub アカウントが GitHub でそれにアクセスできることを確認してください。また、リポジトリの Auto-fix が必要な場合は、App をインストールしてください:github.com で Settings → Applications → Claude → Configure を開き、リポジトリが Repository access の下にリストされていることを確認します。Private リポジトリは public リポジトリと同じ認可が必要です。
ページに GitHub ログインボタンのみが表示される
Cloud セッションには接続された GitHub アカウントが必要です。上記のブラウザフローで接続するか、GitHub CLI を使用している場合はターミナルから /web-setup を実行します。GitHub をまったく接続したくない場合は、Remote Control を参照して、独自のマシンで Claude Code を実行し、ウェブから監視します。
「Not available for the selected organization」
Enterprise Organization では、Owner が Claude Code on the web を有効にする必要がある場合があります。Anthropic アカウントチームに連絡してください。
`/web-setup` が「Not signed in to Claude」と表示される
/web-setup が「Not signed in to Claude. Run /login first.」と応答する場合、CLI は有効な claude.ai サインインを持っていません。これは以前のサインインが期限切れになった場合にも発生する可能性があります。/login を実行して、claude.ai アカウントでサインインしてから、/web-setup を再度実行します。
`/web-setup` が、トークンに `workflow` スコープがないことを警告する
/web-setup が GitHub CLI トークンに workflow スコープがないと表示される場合、続行できますが、GitHub はそのトークンで行われた一部のプッシュを拒否する可能性があります。たとえば、GitHub Actions ワークフローファイルを変更するプッシュなどです。スコープを追加するには、シェルで gh auth refresh -s workflow を実行してから、/web-setup を再度実行します。
`/web-setup` が「No commands match」または「Unknown command」を表示する
/web-setup はシェルではなく Claude Code CLI 内で実行されます。まず claude を起動し、プロンプトで /web-setup を入力します。
Claude Code 内で入力してコマンドメニューが /web-setup に対して「No commands match "/web-setup"」を表示するか、送信すると「Unknown command: /web-setup」が返される場合、要件が満たされていないため、コマンドは非表示になっています。原因は通常、API キーまたはサードパーティプロバイダーではなく claude.ai サブスクリプションで認証されていることです。/login を実行して、claude.ai アカウントでサインインします。
Team および Enterprise プランでは、コマンドはデフォルトで非表示になっています:Quick web setup toggle は Owner がオンにするまでオフになっています。オフになっている間は、ブラウザから GitHub を接続 してください。管理者が組織の Claude Code on the web を無効にした場合、またはエンタープライズ組織が Zero Data Retention を有効にしている場合、コマンドも非表示になります。これにより Claude Code on the web は利用できなくなります。
`--cloud` を使用する場合に「Could not create a cloud environment」または「No cloud environment available」
Remote セッション機能は、cloud 環境がない場合、デフォルトの cloud 環境を自動的に作成します。「Could not create a cloud environment」が表示される場合、自動作成に失敗しました。「No cloud environment available」が表示される場合、CLI は自動作成より前のものです。どちらの場合でも、Claude Code CLI で /web-setup を実行するか、environment selector から claude.ai/code で環境を追加します。
Setup script が失敗
Setup script は 0 以外のステータスで終了し、セッションの開始をブロックします。一般的な原因:
- レジストリが network access level にないため、パッケージのインストールに失敗しました。
Trustedはほとんどのパッケージマネージャーをカバーします。Noneはすべてをブロックします。 - スクリプトは新規クローンに存在しないファイルまたはパスを参照しています。
- ローカルで機能するコマンドは Ubuntu で異なる呼び出しが必要です。
デバッグするには、スクリプトの上部に set -x を追加して、どのコマンドが失敗したかを確認します。重要でないコマンドの場合は、|| true を追加してセッション開始をブロックしないようにします。
新しいセッションがセットアップ中にハングするか、タイムアウトする
新しいセッションが setup script ステップで停止するか、スクリプトが完了する前に一般的なコンテナエラーで失敗する場合、スクリプトは environment cache を構築するための約 5 分間の時間予算を超えている可能性があります。大きな Docker イメージの取得、完全な依存関係ツリーの同期、またはモデルの重みのダウンロードなどの重い手順は、特に 1 つずつ実行される場合、合計を制限を超えることがよくあります。
これを修正するには、スクリプトをトリミングして、5 分以内に確実に完了するようにします:
&と最終的なwaitを使用して独立したインストールを並列で実行し、それらを順序立てて実行する代わりに。- 最大のダウンロードを setup script から SessionStart hook に移動して、バックグラウンドで起動するため、セッションは完了中に使用可能になります。
- setup script から長い再試行スリープを削除します。停止した再試行ループは予算に対してカウントされるためです。
タブを閉じた後もセッションが実行され続ける
これは仕様です。タブを閉じたり、移動したりしてもセッションは停止しません。Claude が現在のタスクを完了するまでバックグラウンドで実行され、その後アイドル状態になります。サイドバーから、セッションをリストから非表示にするために archive a session するか、永久に削除するために delete it できます。
次のステップ
タスクを送信してレビューできるようになったので、これらのページは次に来るものをカバーしています:ターミナルから cloud セッションを開始し、定期的な作業をスケジュールし、Claude に常設の指示を与えます。
- Use Claude Code on the web:完全なリファレンス。セッションをターミナルにテレポートする、セッション共有、auto-fixing pull requests を含みます
- Configure cloud environments:ネットワークアクセスレベル、環境変数、cloud セッション用のセットアップスクリプト
- Routines:スケジュール、API 呼び出し、または GitHub イベントへの応答で作業を自動化します
- CLAUDE.md:すべてのセッションの開始時に読み込まれる永続的な指示とコンテキストを Claude に提供します
- iOS または Android 用の Claude モバイルアプリをインストールして、スマートフォンからセッションを監視します。Claude Code CLI から、
/mobileは QR コードを表示します。