Claude Code Webとは｜使い方・CLIとの違い【2026年8月】

結論: Claude Code Webは、ターミナルを開かずにブラウザ（claude.ai/code）からGitHubリポジトリを渡すだけでコーディングタスクをAnthropicのクラウド上で実行させられる機能です。2026年8月時点ではPro・Max・Teamと、プレミアムシートを持つEnterpriseユーザー向けの「リサーチプレビュー」段階で、追加のコンピュート課金はなく、既存のClaude Code利用枠（レート制限）を共有します。

この記事の要点:

• 要点1: claude.ai/codeにサインインしてGitHubを接続すれば、ブラウザだけでタスクを投げられる（ローカル環境のセットアップ不要）
• 要点2: CLIの--cloudフラグやターミナルの/web-setupでCLIとシームレスに行き来でき、--teleportでクラウドセッションを手元に引き戻せる
• 要点3: 権限モードは「Accept edits」「Plan」「Auto」の3種類のみで、CLIにある「Manual」「Bypass」は選べない

対象読者: Claude Codeを研修・個別指導で使っている方、複数リポジトリの並列タスクを検討しているエンジニアリングマネージャー・開発者

読了後にできること: claude.ai/codeでGitHub連携を済ませ、最初のタスクを1つ投げてPRを作成できる

「Claude CodeってCursorみたいにブラウザでも使えるんですか？」

Claude Codeの個別指導や企業研修をしていると、この手の質問が増えてきました。特にここ数ヶ月は、ターミナル操作に慣れていない管理部門の受講者から「PCを開かなくてもスマホで進捗だけ見たい」という要望をよく聞きます。実際に触ってみると、claude.ai/codeは単なる「Web版CLI」ではなく、リポジトリを丸ごとクラウドの仮想マシンに渡して、Claudeが独立した環境の中でタスクを進める仕組みでした。

研修現場でこの機能を紹介すると、最初に出てくる質問はだいたい同じです。「ローカルの設定は引き継がれるの？」「料金は別枠になるの？」「セキュリティ的に社内のリポジトリを渡して大丈夫なの？」。この記事では、そうした質問に公式ドキュメントの記述をもとに1つずつ答えていきます。

この記事では、Claude Code Web（claude.ai/code）の基本仕様・CLIやDesktop版との違い・料金プランとの関係・始め方の手順を、コピペで試せるコマンド例つきで解説します。2026年8月時点でリサーチプレビュー中の機能のため、仕様は今後変わる可能性がある前提で読み進めてください。

Claude Code Webとは｜claude.ai/codeの基本

Claude Code Webは、Anthropicが提供するコーディングエージェント「Claude Code」を、ターミナルを開かずにブラウザから使える形にした機能です。Claude Code公式ドキュメントによると、「Claude Code Webはclaude.ai/codeにあるAnthropic管理のクラウドインフラ上でタスクを実行する。組織が自社の自己ホスト環境にルーティングしている場合はそちらで実行される」と説明されています。

使い方はシンプルです。claude.ai/codeにサインインし、GitHubリポジトリを選び、やってほしいことを文章で書いて送信するだけ。あとはClaudeが仮想マシンの中でコードを読み、変更を加え、テストを実行し、作業が一段落したところでブランチをpushします。ブラウザを閉じてもセッションは止まらず、Claudeモバイルアプリから進捗を確認できるのも特徴です。

公式ドキュメントは、Claude Code Webが向いている用途を次の4つに整理しています。

• 並列タスク: 複数の独立したタスクを、それぞれ別のセッション・別のブランチで同時に走らせられる（worktreeを自分で管理しなくてよい）
• ローカルにないリポジトリ: セッションのたびにリポジトリを新しくクローンするので、手元にチェックアウトしていなくてよい
• こまめな指示が要らないタスク: 明確なタスクを投げて席を外し、完了したら結果をレビューするワークフローに向く
• コードの調査・質問: ローカル環境を用意せずに、コードベースの理解や機能の実装箇所を追える

逆に、ローカルの設定・ツール・環境が必要な作業は、CLIまたは後述する「Remote Control」の方が向いていると公式も明記しています。

Claude Code Webでできること・使い方5ステップ

claude.ai/codeでの基本フローは、公式のクイックスタートに沿うと次の5ステップです。

ステップ1：claude.ai/codeにサインインしてGitHubを接続する

claude.ai/codeにアクセスし、Anthropicアカウントでサインインします。初回はGitHub連携を求められるので、Claude GitHub Appを許可します。この設定は一度だけです。

ステップ2：クラウド環境を確認する

GitHub接続が終わると、ネットワークアクセス・環境変数・セットアップスクリプトをまとめた「クラウド環境（Cloud environment）」が自動で作られます。初回は「Default」という名前で、公式ドキュメントによれば「Trusted」レベルのネットワークアクセス（主要なパッケージレジストリなど許可リストのドメインのみ通信可）に設定されます。最初のプロジェクトはこのDefaultのままで問題ありません。

ステップ3：リポジトリとブランチを選び、権限モードを決める

入力欄下のリポジトリセレクタから、作業させたいリポジトリとブランチを選びます。複数リポジトリをまたぐ作業なら、複数追加することも可能です。権限モードは既定で「Accept edits」（承認なしで編集・pushまで進む）になっており、じっくり方針を決めてから進めたい場合は「Plan」に切り替えます。クラウドセッションでは、CLIにある「Manual」「Bypass」の2モードは選べません。

ステップ4：タスクを文章で送信する

やってほしいことを具体的に書いて送信します。公式ドキュメントも「『テストを直して』ではなく、対象ファイルや関数名を名指しする」「エラー出力をそのまま貼る」ことを推奨しています。実際にブラウザの入力欄にコピペして使える例を挙げます。

README.mdに、このリポジトリのセットアップ手順を追記してください。
前提条件、インストールコマンド、環境変数の設定方法を含めてください。
不足している情報があれば、最初に質問してから作業を開始してください。

tests/test_auth.py で失敗しているテストを修正してください。
まず失敗の原因を調べてから、最小限の変更で直してください。
仮定した点は必ず"仮定"と明記してください。

タスクを送信すると、Claudeがリポジトリをクローンし、設定してあればセットアップスクリプトを実行してから作業を始めます。1つのタスクごとに独立したセッションとブランチが割り当てられるため、前のタスクの完了を待たずに次を投げられます。

ステップ5：差分をレビューしてPRを作成する

作業が進むと画面に「+42 -18」のような差分インジケーターが表示されます。これを開くと差分ビューになり、気になる行にインラインでコメントを残せます。コメントは送信するまでキューに溜まり、次のメッセージと一緒にClaudeへまとめて渡されます。差分に納得したら「Create PR」を選ぶと、通常PR・下書きPR・GitHubの投稿画面への遷移から選べます。PR作成後もセッションは生きたままなので、CIが落ちたらそのエラー出力を貼って続きを頼めます。

CLI・Desktop・Remote Controlとの違い

Claude Codeには現在、Web・Remote Control・ターミナルCLI・Desktopアプリの4つの使い方があります。公式ドキュメントの比較表をもとに整理すると次のとおりです。

Skillsのようなカスタム機能はクラウドセッションでもローカルと同じ挙動をします。使い方の詳細はClaude Code Skillsとは？使い方・一覧・おすすめ7選で解説していますので、あわせて参考にしてください。定期実行のRoutines機能もWeb・CLI・モバイル・Desktopすべてで同じクラウド環境を使う仕様で、詳しくはClaude Routines完全ガイドで解説しています。

ターミナルからWebセッションを操作する（–cloud／–teleport）

Claude Code Webは、ブラウザ単体だけでなくCLIと組み合わせて使うことも想定されています。研修の個別指導でも、「普段はターミナル派だが、重い作業だけクラウドに逃がしたい」というニーズに一番刺さる部分です。

ターミナルからGitHub連携をまだしていない場合、/web-setupを実行すればブラウザを開かずに連携が完了します（gh CLIでの認証が前提）。

gh auth login
claude
# Claude Code CLI内で
/login
/web-setup

連携が済んだら、ターミナルからクラウドセッションを起動できます。

claude --cloud "src/auth/login.ts の認証バグを修正してください"

このコマンドは現在のリポジトリのGitHubリモートを、現在のブランチでクラウドにクローンして新しいセッションを作ります。ローカルにコミット済みの変更がある場合は、先にpushしておく必要があります（クラウドVMはローカルのファイルではなくGitHub側からクローンするため）。複数のタスクを並列で投げることもできます。

claude --cloud "auth.spec.ts の不安定なテストを直してください"
claude --cloud "APIドキュメントを更新してください"
claude --cloud "ロガーを構造化出力に置き換えてください"

クラウドで動いているセッションに、あとから別のマシン・別のタイミングでメッセージを追加で送ることもできます。

claude -p "テストが通ったらPRを作成してください" --cloud session_01xxxxxxxxxxxxxxxxxxxxxxxx

逆に、クラウドで進めたセッションを手元のターミナルに引き戻したいときは--teleportを使います。

claude --teleport

公式ドキュメントによると、teleportにはいくつか条件があります。作業ディレクトリに未コミットの変更がないこと（あればstashを促されます）、セッションと同じリポジトリのチェックアウトから実行すること、セッションのブランチがリモートにpush済みであること、そしてセッションを開始したのと同じclaude.aiアカウントでログインしていることです。GitHubに接続していないローカルリポジトリの場合は、CCR_FORCE_BUNDLE=1を付けるとリポジトリを直接アップロードしてクラウドセッションに渡せます（アップロード上限は100MB程度で、超える場合は現在のブランチのみ、それでも大きければ作業ツリーのスナップショットに自動で縮小されます）。

料金プランとの関係｜追加課金はある？

2026年8月時点で公式ドキュメントが明記しているのは次の内容です。

• Claude Code Webは、Pro・Max・Teamユーザー、およびプレミアムシートまたはChat + Claude Codeシートを持つEnterpriseユーザー向けに「リサーチプレビュー」として提供されている
• Anthropicの公式ブログによれば、2025年10月20日にPro・Maxユーザー向けのリサーチプレビューとして発表され、2025年11月12日にTeam・Enterprise（プレミアムシート）にも対象が拡大された
• クラウドVMの利用そのものに別料金はかからない。ただし「Claude Code Webは、アカウント内の他のClaude・Claude Code利用と同じレート制限を共有する」とされており、並列でタスクを走らせるほどレート制限の消費も比例して増える
• 無料プランについての記載は確認できていない（2026年8月時点で公式に明記されていない）

つまり「Web版だから追加料金」という設計ではなく、既存のClaude Codeの利用枠を食いつぶす形です。個別指導でよく出る誤解として、「Webはお試し無料枠が別にある」と思っている方がいますが、実際は同じ枠の中でCLIと取り合いになる点は必ず伝えるようにしています。

セキュリティと権限モード

企業研修で必ず聞かれるのが「社内のリポジトリをクラウドに渡して大丈夫か」という質問です。公式ドキュメントが明記している分離の仕組みは次の3点です。

• 仮想マシンの分離: 各セッションはAnthropic管理の独立した仮想マシン上で動く。組織が自己ホスト環境にルーティングしている場合はその環境で動き、分離の責任は自社の運用側になる
• ネットワークアクセスの制御: Anthropicホスト環境ではネットワークアクセスが既定で制限されており、無効化も可能。ただしネットワークアクセスを無効にしていてもAnthropic APIとは通信できる仕様のため、その経路でVM外にデータが出る可能性がある点が明記されている
• 認証情報の保護: Anthropicホスト環境では、gitの認証情報や署名鍵のような機密情報がClaude Codeの実行環境（サンドボックス）内に置かれることはなく、スコープを絞った認証情報を使うセキュアなプロキシ経由で処理される

加えて、組織が社内のIPアローリスト制限を有効にしている場合は要注意です。公式ドキュメントには「Anthropicホストのクラウドセッションは自社ネットワークではなくAnthropic管理のインフラからAPIを呼び出すため、IPアローリストを有効にしている組織ではすべてのAnthropicホスト型クラウドセッションが認証エラーで失敗する」と明記されています。この場合はAnthropicサポートに問い合わせて、Anthropicホストのサービスをアローリストの例外にしてもらう必要があります。

【要注意】導入前によくある失敗パターン

失敗1：ローカルの.envや設定が自動で引き継がれると思い込む

❌ 「ローカルで動いていたから、クラウドでも同じように動くはず」と思って設定を確認せずタスクを投げる

⭕ クラウド環境はリポジトリだけをクローンする独立した仮想マシンで、ローカルの設定・ツール・環境変数は引き継がれない。必要な環境変数やセットアップ手順は、クラウド環境側に設定スクリプトとして登録しておく

なぜ重要か: 研修の個別指導でも、「ローカルでは通っていたテストがクラウドでは失敗する」という質問が一定数出ます。原因のほとんどは、ローカルの.envファイルや、事前にインストールしていたツールがクラウド側に存在しないことでした。

失敗2：ローカルにコミットしただけでpushせずに–cloudを叩く

❌ ローカルでコミットしただけの変更を、そのままクラウドに引き継げると思い込む

⭕ クラウドVMはGitHub側からリポジトリをクローンするため、ローカルの未push分は見えない。--cloudを使う前に必ずpushする

なぜ重要か: 「クラウド側で古いコードのままタスクが進んでしまった」という相談は、たいていこのpush漏れが原因です。

失敗3：セッションが止まっていると勘違いして放置する

❌ ブラウザを閉じたらタスクも止まると思い、確認を後回しにする

⭕ セッションはブラウザを閉じても裏で動き続ける。放置しすぎると一定の無操作時間でVMが回収され「期限切れ」になるため、こまめにモバイルアプリや/tasksで進捗を確認する

なぜ重要か: 公式ドキュメントも「クラウドセッションは一定期間操作がないと停止し、VMは回収される。Webでは一覧上『expired』と表示される」と明記しています。期限切れになっても、claude.ai/codeからセッションを開き直せば会話履歴を保ったまま新しいVMが再構築されます。

失敗4：IPアローリストなど自社のネットワーク制限を確認せずに全社展開する

❌ セキュリティ部門に確認せず、研修の当日にクラウドセッションを使わせようとする

⭕ 事前にIPアローリストの有無・Zero Data Retention設定の有無を確認する。前述のとおり、IPアローリストが有効な組織ではAnthropicホスト型のクラウドセッションが軒並み失敗する

なぜ重要か: 企業研修では、情報システム部門が事前に把握していないネットワーク制限に当日ぶつかるケースが一番の時間ロスになります。Claude Code 研修 vs 個別指導で触れている通り、こうした事前確認は研修設計の段階で潰しておくのが原則です。

PRの自動修正（Auto-fix）と自己ホスト環境

Claude Code Webには、公開したPRをClaudeに監視させて、CI失敗やレビューコメントに自動で反応させる「Auto-fix」という機能もあります。公式ドキュメントによると、Claude GitHub Appをリポジトリにインストールしていることが前提で、有効化する経路は次の4通りです。

• Web上で作成したPRなら、CIステータスバーから「Auto-fix」を選ぶ
• ターミナルからはPRのブランチ上で/autofix-prを実行する
• モバイルアプリから「このPRを監視して、CI失敗やレビューコメントを直しておいて」と頼む
• 既存のPR URLをセッションに貼って、自動修正するよう指示する

Auto-fixが有効な状態で新しいレビューコメントやCI失敗が来ると、Claudeは内容を調べて「確信が持てる修正ならそのまま直してpush」「解釈が割れそうな指示なら人に確認」「重複・対応不要なイベントはセッション内にメモするだけ」の3パターンで対応します。ただし、ベースブランチが進んでマージコンフリクトが起きたケースはWebhookが飛ばない仕様のため自動では拾えず、その場合はセッションを開いてrebaseを頼む必要があると明記されています。

企業向けには、Anthropic管理のクラウドではなく自社インフラ上でセッションを動かす「自己ホスト環境（self-hosted environment）」も用意されており、GitHub Enterprise ServerはTeam・Enterpriseプランで対応しています。社内リポジトリを外部インフラに一切出したくない企業は、この自己ホスト構成を検討する余地があります。ただし、公式ドキュメント上でも自己ホスト環境における分離・ネットワーク境界の設計は「自社の運用側の責任」と明記されているため、導入は情報システム部門を交えた設計が前提になります。

個別指導の現場では「Auto-fixまで自動化すると、意図しない挙動が本番に混ざらないか不安」という質問もよく出ます。公式ドキュメント自身が、Atlantis・Terraform Cloud・PRコメントで動くGitHub Actionsのような「コメントで発火する自動化」を使っているリポジトリでは、Claudeのコメントがそうしたワークフローをトリガーしてしまう可能性があると警告しています。PRコメントでインフラ操作や権限の強い処理が走るリポジトリでは、Auto-fixを無効にしておくのが無難です。

正直に言うと、まだ発展途上な部分もあります

実際に触ってみた範囲での所感です。並列でタスクを投げられる体験自体は便利で、「あとで確認すればいい」タスクをまとめて仕込んでおく使い方には向いています。一方で、公式ドキュメントの比較表が示すとおり、権限モードがCLIより少なく（Manual・Bypassが選べない）、ローカルの独自ツールチェーンに依存するプロジェクトでは事前のセットアップスクリプト整備が必須になります。こまめに軌道修正しながら進めたい細かい作業は、正直まだCLIやRemote Controlの方が速いというのが現時点の実感です。だからこそ「重い・独立したタスクはWebに逃がし、こまかい調整はCLIで」という使い分けが、現実的な落としどころになっています。

まとめ：今日から始める3つのアクション

1. 今日やること: claude.ai/codeにサインインし、GitHubを接続して、小さめのタスクを1つ投げてみる
2. 今週中: 手元のgh CLIがあれば/web-setupでターミナルとの行き来を試し、--cloudと--teleportを使い分けてみる
3. 今月中: 情報システム部門とIPアローリスト・Zero Data Retentionの設定を確認し、チーム展開する場合のクラウド環境（ネットワークアクセスレベル）を決めておく

次回予告: 次の記事では、Claude Codeの権限モード（Plan／Accept edits／Auto）を業務でどう使い分けるかを、失敗しやすいポイントつきで整理する予定です。

あわせて読みたい:

• Claude Codeの評判は本当か｜1年運用した正直レビュー — CLI版を1年使い込んだ実感と、Web版で変わった点
• Claude CodeのOpus 5使い分け完全ガイド — クラウドセッションでも/modelコマンドで切り替え可能

Claude Codeの導入・活用については、AI導入戦略の完全ガイドもあわせてご覧ください。

よくある質問

Claude Code Webで何ができますか？

GitHubリポジトリをブラウザに渡すだけで、Claudeがコードの読み込み・修正・テスト実行・プルリクエスト作成までを独立した仮想マシン上で進めます。複数タスクを並列で走らせられる点と、ブラウザを閉じてもセッションが継続し、モバイルアプリから進捗を確認できる点が特徴です。

ブラウザ上でのClaude Codeのアクセス方法は？

claude.ai/codeにアクセスしてAnthropicアカウントでサインインし、案内に沿ってGitHubアプリを連携すれば使えます。すでにターミナルでgh CLIを使っている場合は、Claude Code CLI内で/web-setupを実行すればブラウザを開かずに連携できます。

Claude Code WebとCLI版はどちらを使うべきですか？

用途で使い分けるのが公式の推奨です。並列で複数タスクを走らせたい、ローカルに手元がないリポジトリを触りたい、席を外しても進めておきたいタスクはWeb向き。ローカルの設定・ツールに依存する作業や、こまめに軌道修正しながら進めたい作業はCLIまたはRemote Control向きです。

Claude Code Webの料金は別枠ですか？

別料金ではありません。Pro・Max・Team・プレミアムシートのEnterpriseで利用でき、クラウドVMの実行自体に追加のコンピュート課金はかかりませんが、アカウント内の他のClaude・Claude Code利用と同じレート制限を共有します。無料プランでの提供有無は2026年8月時点で公式に確認できていません。

社内の非公開リポジトリを渡しても安全ですか？

Anthropicホスト環境では、gitの認証情報やコード自体がサンドボックス内に直接置かれず、スコープを絞った認証情報を使うプロキシ経由で処理される設計です。ただし、IPアローリストを有効にしている組織ではAnthropicホスト型クラウドセッションが認証エラーで失敗するなど、自社のネットワークポリシーとの整合確認は導入前に必須です。

参考・出典

• Use Claude Code on the web – Claude Code Docs — Anthropic公式ドキュメント（参照日: 2026-08-11）
• Get started with Claude Code on the web – Claude Code Docs — Anthropic公式ドキュメント（参照日: 2026-08-11）
• Claude Code on the web – Claude公式ブログ — Anthropic（参照日: 2026-08-11）

著者: 佐藤傑（さとう・すぐる）
株式会社Uravation代表取締役。X（@SuguruKun_ai）フォロワー約10万人。
100社以上の企業向けAI研修・導入支援。著書『AIエージェント仕事術』（SBクリエイティブ）。
SoftBank IT連載7回執筆（NewsPicks最大1,125ピックス）。

ご質問・ご相談は お問い合わせフォーム からお気軽にどうぞ。