Claude Code on the web 入門 — ローカル版との使い分け

ブラウザ (claude.ai/code) からコーディングタスクをクラウドの隔離環境に委任する 仕組み。 これは別製品ではなく Claude Code そのもののクラウド実行環境 です。 依頼 → Claude が Anthropic 管理の隔離 VM 上で作業 → 完了したら PR や成果物を受け取る。

[あなた]
   ↓ ブラウザ (claude.ai/code) で依頼 (1 分)
[Claude Code on the web (クラウドの隔離 VM)]
   ├ リポジトリを clone してコードを編集
   ├ コマンド・テストを実行
   ├ ファイルを読み書き
   └ 数十分〜数時間続く (複数タスクを並列も可)
   ↓ 完了通知
[あなた]
   ↓ 成果物を確認 (PR / ファイル / レポート)

⚠️ 紛らわしい名前に注意: これは「Claude Code を web で動かす」もので、デスクトップの知識労働エージェント Claude Cowork とは別物です (下の表で整理)。

紛らわしい 3 つを整理: ローカル版 / web 版 / Cowork

→ 本レッスン以降の ch7-l3〜l5 は Claude Code on the web (クラウド版) を深掘りします。 Claude Cowork は「Claude Code の力を、コードを書かない人の日常業務へ」広げたデスクトップ製品で、 ローカルのフォルダを指定して資料作成やリサーチを丸ごと任せられます (詳細は https://www.anthropic.com/product/claude-cowork)。

ローカル版 と Claude Code on the web の違い (徹底比較)

使い分けの原則

何が クラウド版 Claude Code の VM 上にあるか

• 🌐 ブラウザ (Chromium 系、Computer Use で操作)
• 📁 ファイルシステム (タスク中だけ存在、終了後はクリア)
• 🐍 Python / Node.js / Bash 環境
• 🔧 Git, gh CLI (GitHub 連携可)
• 📄 LibreOffice (Word/Excel/PowerPoint 互換)
• 🖼️ ImageMagick, ffmpeg などの一般ツール
• 🔌 (許可すれば) Connectors 経由で SaaS 連携

つまり 「Linux の事務 PC が 1 台、Claude が中で働いている」 イメージ。

使い方の流れ

[claude.ai] 「クラウド版 Claude Code タスクを依頼」ボタン
   ↓
[依頼文を書く]
   タスクの目的・入力・期待出力・制約
   ↓
[クラウド版 Claude Code 起動]
   進捗が随時更新される
   各ステップのスクショや実行ログが見える
   ↓
[完了]
   成果物のリンク・要約レポートを受け取る
   ↓
[必要なら追加指示]
   「ここを修正して」「もう 1 案」など

クラウド版 Claude Code が向くタスクの特徴

• ⏱️ 時間がかかる (15 分〜数時間)
• 🔄 反復的 (30 件 / 100 件などの繰り返し)
• 🌐 クラウド完結 (ローカル特殊環境が不要)
• 📦 入出力が明確 (始まりと終わりが定義しやすい)
• 🔐 機密度が低〜中 (公開情報や社内一般文書)

クラウド版 Claude Code が向かないタスク

• ⚡ 数秒で終わる単発質問 → 通常チャットで十分
• 🔒 機密度が極めて高いデータ → Code でローカル処理
• 🏢 社内 VPN 越しの DB 等 → VM からアクセスできない
• 🎯 リアルタイム対話が必要 → Claude Code の方が速い
• 🖥️ ローカル特殊ハード必要 (社内 USB デバイス等)

クラウド版 Claude Code と GitHub

GitHub 連携を許可すると、クラウド版 Claude Code は PR を自動で作成 できます:

ユーザー: 「このリポジトリの React 17 を 18 に移行する PR を作って」
   ↓
クラウド版 Claude Code (VM 上で):
  1. リポジトリを git clone
  2. 依存を更新 (package.json)
  3. breaking changes に対応する編集
  4. テスト実行
  5. 通ったら新ブランチにコミット → push
  6. gh pr create で PR 作成
   ↓
ユーザー: PR URL を受け取る → レビュー

レビュー前提の自動 PR が現実的になります。

並列タスク

複数の クラウド版 Claude Code タスクを同時に投げて並列実行できます。

[Task A] 競合 10 社のプライシング比較表  ─┐
[Task B] CSV データのクレンジング         ├─ 並列実行
[Task C] ニュース記事 50 件の要約         ┘

「資料 100 件を 5 タスクに分割して並列調査」のような使い方が可能。

あなたが今週やる予定のタスクを 5〜10 件挙げ、それぞれを Claude Code / クラウド版 Claude Code / どちらも不適 (人間がやる) に分類してください。

フォーマット: | タスク | 推奨 | 理由 | 所要時間目安 | | --- | --- | --- | --- | | 例: PR レビュー (3 件) | Code | ローカル完結・短時間 | 30 分 | | 例: 競合分析 (50 サイト) | クラウド版 Claude Code | 長時間・並列性 | 4 時間 | | 例: 給与交渉 | 人間 | 人間の判断・関係性 | - |

観察ポイント: - 「Code か クラウド版 Claude Code か」で迷うタスクの境界線 - どちらにも適さない (人間がやるべき) タスクの特徴