Claude Code Web版とは — ブラウザーとスマホアプリから使う方法、CLI版との違い

Claude Codeはターミナル専用のツールではなくなっています。Web版の「Claude Code on the web」を使えばブラウザーから、Claudeモバイルアプリを使えばスマホから、コーディングタスクの依頼からプルリクエスト(PR)作成までを完結できます。コードはAnthropicが管理するクラウド上の仮想マシンで実行されるため、リポジトリをcloneしていないPCや外出先のスマホからでも作業を進められる仕組みです。

Claude Codeはブラウザーとスマホで使える

結論から言うと、Claude Codeはブラウザーとスマホの両方で使えます。Web版のClaude Code(Claude Code on the web)とは、Anthropicが管理するクラウドインフラ上でClaude Codeを実行し、ブラウザーのclaude.ai/codeやClaudeモバイルアプリから操作できるサービスです。

対象はPro / Max / Teamプランのユーザー、およびプレミアムシートまたはChat + Claude CodeシートをもつEnterpriseユーザーです。無料プランでは使えません。どのプランで使うか迷っている場合は、Claude Codeの料金とプランの選び方が判断材料になります。ブログでの3タスク並列の実測と、Pro・Max向けボーナスクレジットはClaude Codeクラウドセッションの実測にあります。

タスクを送信すると、GitHubリポジトリが分離された仮想マシンにcloneされ、Claudeがコードの分析・変更・テスト実行を進め、レビュー用のブランチをGitHubにpushします。ブランチをpushしてもセッションは閉じず、PR作成や追加の修正も同じ会話の中で続けられます。

「ブラウザーやスマホからClaude Codeを使う」方法は、コードが動く場所で3つに分かれます。

Web版とモバイルアプリは同じクラウドセッションを別の画面から開く関係で、Remote Controlだけが別の仕組みです。本記事では3つの始め方を順に追います。

Web版・Remote Control・CLIの違い

3つの実行形態の最大の違いは「コードがどこで実行されるか」と「ローカル設定を使えるか」です。デスクトップアプリとCLI・Web版の使い分けを掘り下げたい場合はClaude Code Desktopとは — CLI・Web版との使い分け方も参照してください。

注意したいのは設定の引き継ぎ範囲です。Web版のクラウドセッションはリポジトリの新規cloneから始まるため、リポジトリにコミットされた CLAUDE.md・.claude/settings.json のフック・.mcp.json のMCPサーバー・.claude/skills/ などは使えます。一方、ユーザーレベルの ~/.claude/CLAUDE.md や claude mcp add で追加したローカルのMCPサーバーは引き継がれません。クラウドでも使いたい設定はリポジトリにコミットしておく必要があります。

権限モードも形態で選択肢が変わります。クラウドセッションで選べるのはAuto・Accept edits・Planの3つです。Autoは、組織がautoモードを許可し、選んだモデルが対応しているときだけ表示されます。ManualとBypass permissionsは選べません。実装方針を先に固めたいタスクでは、Planモードの使い方を押さえておくとWeb版でも同じ感覚で進められます。

Web版(claude.ai/code)の始め方

セットアップは初回のみで、GitHub接続とクラウド環境の用意が済めば、ブラウザーからもスマホからも同じ環境にタスクを送れます。必要なのはPro / Max / Teamプラン(またはEnterpriseのプレミアムシート)と、GitHubアカウント、作業対象のリポジトリです。

環境で設定できる項目は4つです。

• Name: 環境の表示名。プロジェクトごとに環境を分けるときの識別に使います
• Network access: セッションが外部へ出られる範囲(後述の4段階)
• 環境変数: 全セッションで使える変数(.env 形式)
• Setup script: セッション開始前に実行されるBashスクリプト。プリインストールされていないツールの導入に使います

すでにGitHub CLI(gh)を使っているなら、ブラウザーを開かずにターミナルから接続する方法もあります。Claude Code CLIの中で次のコマンドを実行すると、ローカルの gh トークンがClaudeアカウントに同期されます。GitHub Appでの接続と /web-setup のどちらを選ぶかはClaude Code WebのGitHub認証で比較しています。TeamとEnterpriseでは、組織のQuick web setupがオフだと /web-setup 自体が表示されません。

/web-setup

完了後は +42 -18 のようなdiffインジケーターから差分ビューを開き、気になる行にインラインコメントを残してClaudeに修正を依頼できます。比較先は既定ではセッションのベースブランチで、Compare againstから別のブランチにも切り替えられます。差分に納得したらCreate PRでプルリクエストを作成し、PR作成後もCIの失敗ログを貼って修正を続けられます。

スマホアプリからClaude Codeを使う

Claudeモバイルアプリ(iOS / Android)のCodeタブから、クラウドセッションの開始・監視・指示出しができます。アプリは「Claude by Anthropic」としてApp StoreとGoogle Playの両方で配信されており、Web版と同じアカウントでサインインすれば同じセッション一覧が表示されます。

スマホからできることは、おおむねブラウザー版と同等です。

• 新しいコーディングタスクの送信(リポジトリ・ブランチ選択を含む)
• 実行中セッションの進捗確認と追加指示。Claudeの作業中に送ったメッセージは、読まれるまでキューに入り、✕で取り下げられます
• PRの監視・自動修正(Auto-fix)の指示。たとえば「このPRを監視してCIの失敗を直して」と頼めます
• Remote Controlで手元のPCのセッションに接続して続行

Claude Code CLIを使っているなら、ターミナルで /mobile を実行するとアプリダウンロード用のQRコードが表示されます。/ios と /android も同じ動作の別名です。

/mobile

ローカルセッションをスマホから操作する(Remote Control)

Remote Controlは、自分のマシンで動いているClaude Codeセッションをスマホやブラウザーから操作する機能です。コードはローカルで実行され続けるため、ローカルのファイルシステム・MCPサーバー・プロジェクト設定をそのまま使えます。机でタスクを始め、続きをソファのスマホから操舵できます。

claude remote-control

プロセスがターミナルに常駐し、セッションURLを表示します。スペースキーでQRコードが出るので、スマホで読み取れば接続できます。起動中のセッションをそのままスマホに渡すなら、/remote-control(短縮形 /rc)です。VS Code拡張ではプロンプトボックスから同じコマンドを実行できますが、セッション名の引数とQRコードは使えません。

サーバーモードには、複数のセッションを1つのプロセスで受けるためのオプションがあります。

Remote Controlを使えるのはPro / Max / Team / Enterpriseです。無料プランとAPIキー認証は対象外で、Amazon Bedrock・Google Cloud's Agent Platform・Microsoft Foundry経由の接続でも使えません。TeamとEnterpriseでは、OwnerがClaude Codeの管理設定でRemote Controlを有効にする必要があります。

サインインしていない状態で claude remote-control を実行すると、v2.1.287では次のメッセージが出て止まります。

$ claude remote-control
Error: You must be logged in to use Remote Control.
 
Remote Control is only available with claude.ai subscriptions. Run `claude auth login` to sign in with your claude.ai account.

仕組みも違います。ローカルのプロセスは外向きのHTTPS接続だけを張り、手元のマシンでポートを開きません。一方で、接続中のやり取りと作業の記録はAnthropicのサーバーに保存されます。保存されるのは会話の同期と再接続のためで、コードの実行とファイルへのアクセスは手元に残ります。

プッシュ通知で完了を知る

Remote Controlがアクティブな間、Claudeはスマホにプッシュ通知を送れます。ターミナルを入力中、またはターミナルにフォーカスがあるときは送りません。離席の判定を広げたいときは、環境変数 CLAUDE_CLIENT_PRESENCE_FILE に目印のファイルを指定します。そのファイルがある間は通知が止まるので、画面ロックの解除に合わせてファイルを作る仕組みと組み合わせます。

スマホからClaude Codeを使う経路はクラウドセッションとRemote Controlの2つだけではありません。Desktopアプリにタスクを投げるDispatchやチャットアプリ経由のChannelsも含めると4通りあります。PCの起動要否や向く場面で選び方は変わるため、まとめて比較するならClaude Codeをスマホから使う4つの経路の選び方を参照してください。

ターミナルとWeb版を行き来する(--cloud / --teleport)

ターミナルからクラウドセッションを作るのが --cloud、クラウドセッションをターミナルに引き込むのが --teleport です。以前は --remote と綴りましたが、現在は非推奨の別名として動くだけです。v2.1.287で claude --help を見ると、載っているのは --cloud と --teleport で、--remote はありません。

$ claude --version
2.1.287 (Claude Code)
 
$ claude --help
  --cloud [description|session_id|url]  Create a cloud session with the given
                                        description, or attach to an existing
                                        one by session ID or claude.ai/code URL
  --environment <environment_id>        Create a new cloud session that runs on
                                        the given self-hosted environment
                                        (ccpool_...).
  --teleport [session]                  Resume a teleport session, optionally
                                        specify session ID

クラウドへ送るときは、リポジトリのディレクトリで次のように実行します。

claude --cloud "Fix the failing auth test in tests/test_auth.py"

クラウドVMはGitHubからcloneするため、ローカルにしかないコミットは先にpushしておきます。進捗はCLIの /tasks、ブラウザー、スマホのどこからでも確認できます。

クラウドからターミナルへ戻す入口は5つあります。

• claude --teleport(引数なしならセッションピッカー、<session-id> を付ければ直接再開)
• 既存のCLIセッション内の /teleport(短縮形 /tp)
• /tasks の一覧でセッションを選んで t キー
• claude.ai/codeのセッションメニューの「Open in > Terminal」でコマンドをコピー
• クラウドセッションの中で /teleport と打つと、実行すべき claude --teleport <session-id> を返す(クラウド側のv2.1.223以降)

--teleport は --resume とは別物です。--resume はこのマシンのローカル履歴を開き直すだけで、クラウドセッションは一覧に出ません。実行には、差分が残っていないgit状態、セッションと同じリポジトリのチェックアウト(フォークは不可)、pushされたブランチ、同じclaude.aiアカウントの4つが要ります。未コミットの変更があるとstashを促されます。4つの実行方法やよくあるエラーの対処はClaude Code teleportの使い方で個別に扱っています。

走っているクラウドセッションにメッセージを足すだけなら、テレポートは要りません。どのマシンからでも、claude auth login 済みのCLIで次のように送れます。メッセージを1通キューに積んで終了するコマンドで、返事は待ちません。

claude -p "テストも追加して" --cloud <session-id>

成功すると Sent to cloud session. とセッションIDが出ます。セッションIDはclaude.ai/codeの一覧で確認でき、URLをそのまま渡すこともできます。-p を付けずに既存セッションへつなぐと、Attaching to an existing cloud session is not enabled for your account. で止まります。アーカイブ済みのセッションは cloud session <id> is archived and cannot accept new messages で拒否されます。

組み合わせの定番は「ローカルで計画し、クラウドで実行する」パターンです。手元でPlanモードを使って方針を固め、計画ファイルをリポジトリにコミット・pushしてから claude --cloud "Execute the migration plan in docs/migration-plan.md" のように自律実行へ送ると、戦略は自分で握りつつ実装をクラウドに任せられます。

GitHubが使えないリポジトリを送る

--cloud は、git remoteのないリポジトリや、Claude GitHub Appが入っていないgithub.comのリポジトリでは、ローカルのリポジトリをバンドルして直接アップロードします。履歴は全ブランチ分、追跡ファイルの未コミット変更も含まれます。GitLabやBitbucketのリポジトリは、環境変数 CCR_FORCE_BUNDLE=1 を付けるとバンドルで送れますが、結果をそのremoteへpushで返すことはできません。

バンドルは100MB未満である必要があります。超えると現在のブランチだけ、それでも大きければ作業ツリーの1枚のスナップショットへと縮み、そこでも収まらなければ失敗します。リポジトリがgithub.comにあるなら、ブランチをpushしてGitHub Appを入れ、GitHubからcloneさせる方が制限を避けられます。

クラウド環境の仕様と制限

Web版のクラウドセッションは、セッションごとに新しいUbuntu 24.04(x86_64)の仮想マシンで動きます。手元がAppleシリコンでも、ネイティブバイナリの依存はx86_64 Linux向けのビルドが使われます。

大規模ビルドやメモリー集約的なテストが失敗するときは、自分のハードウェアで動くRemote Controlが代替になります。

PythonやNode.js、Go、Rust、Java、Docker、PostgreSQL 16、Redis 7.0など主要なランタイムとツールはプリインストール済みです。足りないものはSetup scriptで導入します。スクリプトの結果はファイルシステムのスナップショットとして保存され、次回以降のセッションは導入済みの状態で始まります。スナップショットに残るのはディスクに書いたものだけで、起動したデータベースや docker compose up のスタックは残りません。それらはセッションごとに、Claudeへの依頼かSessionStartフックで起動します。

アイドルが数分続くと、セッションのVMはファイルを保存したまま一時停止し、その後に回収されることがあります。回収済みのセッションをclaude.ai/codeから開き直すと、会話を引き継いで新しいVMが用意されます。

外部ネットワークへのアクセスは環境ごとに4段階から選びます。

許可リストは環境ごとに持ちます。組織の全員に配る許可リストは作れませんが、OwnerはCustomを設定した組織共有の環境を作れます。Noneにすると、Setup scriptのパッケージ導入はレジストリに届かず失敗します。

料金面では、クラウドVMに対する個別のコンピュート課金はありません。ただしWeb版の利用はアカウント内の他のClaude / Claude Code利用とレート制限を共有するため、複数タスクの並列実行は消費が速くなります。

そのほか、導入前に知っておきたい制約があります。

• Zero Data Retention(データ保持ゼロ設定)を有効にしている組織は、/web-setup を含むクラウドセッション機能を使えません
• 組織でIP許可リストを有効にしていると、Anthropic管理のクラウドセッションはどれも認証エラーになります。解除にはAnthropicサポートへの連絡が要ります
• 組織の allow_remote_sessions ポリシーがオフだと、--cloud は拒否されます
• クラウドセッションでは、テキストを返すコマンド(/compact /context)は使えますが、/plugin や /resume のようにターミナル操作が前提のコマンドは使えません。/clear もなく、新しいセッションはサイドバーから始めます
• /model /effort /color /rename は、ピッカーの代わりに /model sonnet のように値を引数で渡します。引数の形はクラウド側がv2.1.205以降のときに使えます
• /config はclaude.ai/codeでは設定画面を開くだけで、key=value を渡しても無視されます。クラウドの設定は、環境変数か、リポジトリの .claude/settings.json に書きます

よくあるつまずき

症状と原因が1対1で対応するものを挙げます。

• /web-setup がUnknown commandになる: シェルではなくClaude Code CLIの中で実行します。CLI内でも出ないときは、APIキー認証になっていないか、TeamかEnterpriseでQuick web setupがオフになっていないかを疑います。後者はOwnerが管理設定で切り替えます
• Unable to get organization UUID が出る: --cloud と --teleport はclaude.aiアカウントでのサインインが必須です。APIキー認証や古いアカウント情報だとこのエラーになり、セッションピッカーでは Error loading Claude Code sessions と出ます。/login でサインインし直します
• GitHub接続後にリポジトリが表示されない: 接続したGitHubアカウントにそのリポジトリへのアクセス権があるかを確認します。この症状とセッション作成失敗を含む切り分けはClaude Code webのトラブルシューティングにまとめています
• Setup scriptの導入が毎回やり直しになる: 約5分を超えるスクリプトはキャッシュされません。単独で重いダウンロードは、バックグラウンドで始めるSessionStartフックに移します
• セッションが期限切れと表示される: 一定時間操作がないとVMが回収されます。claude.ai/codeからセッションを開き直せば、会話履歴を引き継いだ新しい環境が用意されます。--teleport から出る Remote Control session expired も、接続トークンが短命なことによる同じ型の表示です
• タブを閉じてもセッションが動き続ける: これは仕様です。不要になったセッションはサイドバーからアーカイブまたは削除します。共有・アーカイブ・削除の使い分けはClaude Code Webのセッション管理にまとめています

claude.aiのチャットとの違い

ブラウザーで開くという点では、claude.aiのチャットとclaude.ai/codeは同じアカウントで並んでいます。ただし役割は別です。チャットは会話・文書作成・分析が中心で、claude.ai/codeはGitHubリポジトリに対して自律的にコードを書き換えるコーディングエージェントです。リポジトリのclone・テスト実行・ブランチpush・PR作成まで進める点が根本的に異なります。両者の位置付けはClaude.aiとClaude Codeの違いで詳しく扱っています。

まとめ

ローカル設定やツールが要る作業は、手元で動いたままスマホから操れるRemote Controlが向きます。そうでなければ、クラウド実行のWeb版で並列タスクを投げ、スマホから進捗を見る使い方が手軽です。迷ったら、小さなタスクを1つ claude --cloud で送り、claude.ai/codeで差分を開くところから試せます。

Claude Code自体の全体像はClaude Code完全ガイド、CLI版のセットアップはClaude Codeのインストール手順から読み進めてください。