第5章 Claude Code — Web版とCLI版の比較と使い分け

概要

Claude Code は CLI版（ターミナル）と Web版（claude.ai/code）の2つのインターフェースを持ちます。
同じモデルを使用しますが、実行環境・利用可能機能に重要な違いがあります。
本章ではその差異と使い分けを解説します。

5.1 アーキテクチャの違い

flowchart LR
    subgraph CLI版
        DEV_CLI["`開発者の
        ターミナル`"] --> LOCAL["`ローカル実行
        ファイルシステム直接アクセス
        MCP / Hooks / Skills`"]
        LOCAL --> API_CLI["`Anthropic API`"]
    end

    subgraph Web版
        DEV_WEB["`ブラウザ /
        モバイルアプリ`"] --> SANDBOX["`クラウドサンドボックス
        隔離VM内で自律実行
        GitHub連携`"]
        SANDBOX --> API_WEB["`Anthropic API`"]
    end

    style LOCAL fill:#fff3e0,stroke:#f59e0b
    style SANDBOX fill:#e3f2fd,stroke:#2196f3

CLI版 はユーザーのローカルマシン上で実行され、ファイルシステムに直接アクセスします。
ツール実行前にパーミッション確認が行われます。

Web版 は Anthropic が管理するクラウドサンドボックス（隔離VM）内で実行されます。
サンドボックス内では自律的に動作し、パーミッション確認は不要です。

5.2 機能差の概要

CLI版のみの機能

機能	説明
`!` シェル直接実行	`! git status` のようにシェルコマンドを直接実行（Claude の解釈を経由しない）
ローカル MCP 構成	`claude mcp add` でローカル MCP サーバーを構成・管理
Hooks	PreToolUse / PostToolUse / PostCompact 等のライフサイクル自動化
ファイルベース Skills	`.claude/skills/` ディレクトリでスキルを管理
`--dangerously-skip-permissions`	全パーミッション確認をスキップ（サンドボックス環境向け）
キーボードショートカット	Shift+Tab（モード切替）/ Esc+Esc（リワインド）等
`/doctor`	環境の診断・トラブルシューティング

Web版の優位な機能

機能	説明
並列タスク実行	複数リポジトリへの同時タスク投入、各タスクが独立したサンドボックスで実行
非同期実行	ブラウザを閉じてもタスク継続、完了時に通知
ビジュアル Diff	変更前後の差分を視覚的に確認
ワンクリック PR 作成	タスク完了後にブラウザ上で直接 PR を作成
モバイルアクセス	iOS / Android アプリからタスク投入・監視
環境カスタマイズ	セットアップスクリプト・ネットワークドメイン制限を設定画面から構成

5.3 セッションハンドオフ

CLI版とWeb版はシームレスに連携でき、作業の受け渡しが可能です。

flowchart LR
    CLI_START["`**CLI**で計画`"] -->|"claude --remote"| WEB_EXEC["`**Web**で
    自律実行`"]
    WEB_EXEC -->|"/teleport"| CLI_TAKE["`**CLI**に引き取り
    ローカルで継続`"]

    WEB_START["`**Web**で
    タスク開始`"] -->|"Open in CLI"| CLI_CONT["`**CLI**で
    ローカル継続`"]

    CLI_LOCAL["`**CLI**
    ローカルセッション`"] -->|"claude remote-control"| MOBILE["`**モバイル / ブラウザ**
    からリモート操作`"]

    style CLI_START fill:#fff3e0,stroke:#f59e0b
    style WEB_EXEC fill:#e3f2fd,stroke:#2196f3
    style CLI_TAKE fill:#fff3e0,stroke:#f59e0b
    style MOBILE fill:#e8f5e9,stroke:#4caf50

主要なハンドオフ方法

--remote（CLI → Web）： CLI からクラウドセッションを新規作成し、ローカルで計画した後にクラウドで自律実行させます。

# Plan Modeで計画を策定
claude --plan
# 計画をクラウドに送って実行
claude --remote "Fix the flaky test in auth.spec.ts"

/teleport（Web → CLI）： Web セッションをローカルに引き取ります。
ブランチのフェッチ・チェックアウトと会話履歴のロードが自動的に行われます。

Remote Control（CLI → モバイル/ブラウザ）： ローカルセッションをリモートデバイスから監視・操作します。
コードと環境はローカルに留まります。

5.4 ユースケース別使い分け早見ガイド

ユースケース	推奨環境	理由
大規模リファクタリング	CLI	ローカルFS直接アクセス、MCP連携、長時間セッション
バグ修正の並列処理	Web	複数サンドボックスで同時実行、ブランチ自動管理
コードレビュー支援	Web	ビジュアルDiff、チーム横断での可視性
CI/CD 統合	CLI	`-p` / `--output-format json` によるスクリプト統合
カスタム自動化（Hooks / MCP）	CLI	CLI のみで利用可能な機能
外出先からのタスク投入	Web + モバイル	ブラウザ / iOS / Android から非同期タスク作成
セッションの遠隔監視	Remote Control	ローカル環境を維持しつつモバイルから操作
プロジェクトルール管理	CLI	CLAUDE.md / Skills のファイルベース管理

まとめ

CLI版は制御性と拡張性に優れ、Web版はアクセシビリティと並列性に優れています。
両者は競合製品ではなく補完関係にあり、セッションハンドオフ機能で連携します。
組織としてはユースケースに応じた使い分けガイドラインを策定し、チームに展開することを推奨します。

次章では、CLI版の具体的な使用方法を解説します。