ノートPCを開いていないときに、Claude Codeが動いているタスクの進捗を確認したいと思ったことはありませんか。
Claude Code Web版（claude.ai/code）を使えば、ブラウザやスマホからでも同じエンジンでタスクを実行・確認できます。
この記事では、Web版の始め方からCLI版との使い分けまで、実際に両方を併用している立場から解説します。
読み終える頃には、自分の作業スタイルに合った使い方を選べるようになっているはずです。
Claude Code Web版とは？CLI版との違い
Claude Code Web版とは、ブラウザからclaude.ai/codeにアクセスするだけでClaude Codeのタスクを実行できるサービスです。
GitHubリポジトリさえ用意すれば、ローカル環境にツールをインストールしなくてもコード変更を依頼できます。
クラウド実行環境とローカル実行の違い
CLI版は自分のマシン上でコマンドを実行しますが、Web版はAnthropicが管理するクラウドインフラ上で動作します。
タスクを送信すると、Claudeがリポジトリを分離された仮想マシンにクローンします。
変更を加えたうえでブランチをプッシュし、レビュー待ちの状態にします。
自分のPCのリソースを使わずに済むため、非力なマシンやタブレットからでもタスクを投げられます。
CLI版と同じエンジンを使っている理由
Web版は見た目こそブラウザのUIですが、中身は既存のCLIツールをコンテナに包んだものに、新しいWebインターフェースを重ねた構成です。
挙動はCLIとほぼ同じで、モデルへのアクセスもアカウント単位で共通しています。CLI側は/modelやコマンドライン引数でモデルを切り替えます。
Web版はドロップダウンから選ぶだけで、操作方法が違うだけで扱っている実体は同一です。
始め方：claude.ai/codeのセットアップ
セットアップはGitHubリポジトリの連携から始まります。手順は2通りあり、ブラウザだけで完結させる方法と、CLIから連携する方法があります。
GitHubリポジトリの連携手順
- claude.ai/codeにアクセスする：ブラウザでURLを開く
- GitHubアカウントで認証する：連携するリポジトリへのアクセス権限を許可する
- 作業対象のリポジトリを選ぶ：選択後、自動でクラウド環境が作成される
クラウド環境が自動作成されない場合、「Could not create a cloud environment」というエラーが出ることがあります。
この場合はCLIで/web-setupを実行するか、claude.ai/codeの環境セレクターから手動で環境を追加します。
CLIから/web-setupで連携する方法
すでにGitHub CLI（gh）を使っている場合、ブラウザを開かずにWeb版のセットアップを完了できます。
Claude Code CLIで/web-setupを実行すると、ローカルのghトークンを読み取ってClaudeアカウントに紐づけます。
デフォルトのクラウド環境も同時に作成してくれます。すでにターミナル作業に慣れている人にとっては、こちらのほうが手数が少なく感じるはずです。
Web版でできること
Web版ならではの強みは、複数タスクの並列実行とセッションの持ち運びやすさです。
並列タスク実行とセッションの永続化
各Webセッションは独立した環境で動くため、異なるリポジトリで複数のジョブを同時に走らせられます。
セッションはデバイスをまたいで永続化されるため、ノートPCで開始したタスクを、あとでスマホから確認して続きを見ることもできます。
外出中でも進捗だけチェックしたいときに便利です。
途中介入と進捗のリアルタイム確認
進捗はブラウザ上にリアルタイムでストリーミング表示されます。実行中のタスクに対して、途中で指示を追加したり方向修正を伝えたりすることもできます。
CLIの一問一答型のループでは難しかった「様子を見ながら軌道修正する」という動きが、Web版ではやりやすくなっています。
モバイルアプリでの操作性
Claude Codeのモバイルアプリからも、Web版と同じタスクの確認・介入ができます。
PCで開始したセッションはデバイス間で永続化されるため、外出先でスマホを開けば、そのまま続きを確認して指示を追加できます。
移動中に進捗だけ見たいときや、急ぎで一言だけ方向修正を伝えたいときに使える手段です。
タスク完了後のブランチレビュー方法
Claudeがタスクを完了すると、変更内容をブランチとしてリポジトリにプッシュし、レビュー待ちの状態にします。
GitHub側のプルリクエスト画面で差分を確認し、問題がなければそのままマージする流れです。
ローカルにブランチを取り込まなくても、ブラウザ上の差分表示だけで内容を把握できます。
私はWeb版で実行したタスクほど、差分を隅々まで読むようにしています。
ローカルで動かしているときより変更範囲が見えにくいぶん、レビューを丁寧にする必要があると感じているからです。
Remote ControlでCLIセッションを操作する方法
Remote Controlは、Web版とはやや性質が異なる機能です。ローカルのセッションを別デバイスから操縦したいときに使う機能です。
CLIでclaude --remote-controlを実行します（既存セッションから継続する場合は/remote-controlまたは/rcスラッシュコマンドを使います）。
すると、ローカルで動いているそのセッションを、claude.ai/codeやモバイルアプリから遠隔操作できるようになります。
ローカルのターミナルで既にセッションを走らせていて、別のデバイスからそのまま操作を続けたい場合に向いています。
Web版は「クラウドで新しくタスクを実行する」機能です。
Remote Controlは「ローカルのセッションを別画面から操縦する」機能という違いがあります。
私は普段Claude CodeをCLIでtmux並列実行するスタイルで使っていますが、外出先で進捗だけ気になったときはWeb版で覗くようにしています。
ローカルの作業を止めずに状況確認だけできるのがありがたいです。
CLI版との併用・使い分けポイント
実務でよく使う使い分けの目安を一覧にまとめます。
| 場面 | 向いている版 | 理由 |
|---|---|---|
| ローカルファイルを直接触る作業 | CLI版 | ローカルの完全な環境と全機能にアクセスできる |
| 複数リポジトリを並行して進めたい | Web版 | 独立したクラウド環境で並列実行できる |
| 外出先で進捗だけ確認したい | Web版 | ブラウザ・スマホから閲覧・介入できる |
| パイプ処理やスラッシュコマンドを多用する | CLI版 | ターミナル操作との親和性が高い |
Claude Code Web版のよくある質問
Web版を使うのにローカルへのインストールは必要ですか？
不要です。ブラウザからclaude.ai/codeにアクセスし、GitHubアカウントで認証するだけで使い始められます。ただしCLIから/web-setupで連携したい場合は、CLI本体のインストールが前提になります。
Web版とRemote Controlは何が違いますか？
Web版はクラウド上で新しくタスクを実行する機能です。Remote Controlは、ローカルで既に動いているCLIセッションを別のデバイスから遠隔操作する機能で、目的が異なります。
GitHubリポジトリが無いと使えませんか？
Web版はGitHubリポジトリを前提にした設計です。Claudeがリポジトリをクローンして作業し、ブランチをプッシュしてレビューを求める仕組みのため、リポジトリが必要になります。
クラウド環境が作成されないときはどうすればいいですか？
「Could not create a cloud environment」と表示される場合は、CLIで/web-setupを実行するか、claude.ai/codeの環境セレクターから手動で環境を追加してください。「No cloud environment available」と出る場合は、CLIのバージョンが自動作成機能に対応していない可能性があるため、CLIのアップデートを試してください。
モデルはCLI版と同じものが使えますか？
使えます。モデルへのアクセスはアカウント単位で管理されているため、CLI版とWeb版で使えるモデルの範囲は同じです。切り替え方法がコマンドとドロップダウンで異なるだけです。
Web版は最初から常用する必要はありません。
CLI版に慣れてきて、外出先での進捗確認や複数タスクの並列管理にストレスを感じ始めたタイミングで導入すると、必要性を実感しやすいはずです。
まとめ｜Web版を使いこなすポイント3つ
最後に、この記事の要点を3つに絞ってまとめます。
- 中身はCLIと同じエンジン：モデルもアカウント単位で共通
- GitHubリポジトリが前提：クローン・変更・ブランチプッシュの流れで動く
- 用途で使い分ける：ローカル作業はCLI、並列実行や外出先確認はWeb版
CLIに慣れている人でも、外出先での進捗確認や複数リポジトリの並列作業には、Web版が意外と役立ちます。
まずはclaude.ai/codeにアクセスして、手持ちのリポジトリを1つ連携してみてください。
