本文へスキップ
Claude Media
Claude.ai / Claude Desktop / Claude Codeの使い分け — 3形態の判断軸と連携パターン
ClaudeClaude CodeTips

Claude.ai / Claude Desktop / Claude Codeの使い分け — 3形態の判断軸と連携パターン

ClaudeにはClaude.ai(web)/ Claude Desktop(アプリ)/ Claude Code(CLI / IDE)の3形態があります。それぞれの能力差と、どれをいつ使うかの判断軸、連携パターンを示します。

読了目安 約6分

このTipsでできること

Claudeには大きく分けて3つの利用形態があります(2026-05時点):

  • Claude.ai(web) — ブラウザでアクセスするweb版。Artifacts / Projects / Conversationsが中心
  • Claude Desktop(アプリ) — Mac / Windowsのネイティブアプリ。MCPサーバ / Code機能 / Cowork連携でファイル編集や外部ツール呼び出しに対応
  • Claude Code(CLI / IDE) — ターミナル / VS Code等で動く開発者向けCLI。フル機能のエージェントとしてシェル実行・ファイル編集を行う

「どれを使うべきか」は能力差を理解した上で判断します。3形態の使い分けと、組み合わせる連携パターンを順に見ていきます。

3形態の能力比較

機能Claude.ai(web)Claude Desktop(アプリ)Claude Code(CLI / IDE)
チャット応答⭕⭕⭕
Artifacts(コード片を会話内で生成)⭕⭕—
Projects(KB共有)⭕⭕—
ローカルファイル読み取り❌(アップロード経由のみ)⭕ MCP / Code機能⭕ ネイティブ
ローカルファイル書き込み❌⭕ MCP / Code機能 / Cowork⭕ ネイティブ
シェルコマンド実行❌△(MCP / Code経由で限定的)⭕ ネイティブ
Hooks(自動実行スクリプト)❌❌⭕
Skills(手順型ノウハウ)❌△(MCP server経由で部分的)⭕
Sub-agents(並列エージェント)❌❌⭕
モバイル対応⭕❌(デスクトップ専用)❌
共有 / 公開リンク⭕(Artifacts公開)⭕❌

重要なニュアンス

  • Claude Desktopは「webチャットの延長」ではなく、別の能力を持つ別形態。MCPサーバを差し込めば社内API / DB / ローカルファイルへアクセス可能、Code機能やCoworkでエージェント的にファイル編集も行える
  • Claude Codeは「最も深いエージェント体験」。Hooks / Skills / Sub-agentsという追加レイヤを内蔵し、CI / 自動化に組み込みやすい
  • Claude.ai(web)はチャット主体。Artifactsはサンドボックス内で動くため、ユーザーのローカル環境には影響しない

5つの判断軸

軸1: ローカル環境への副作用が必要か

状況推奨
完全に隔離された会話 / プロトタイプClaude.ai(web)
社内APIやPCのファイルに触れたいClaude Desktop(MCP / Code機能)
開発フローに深く組み込みたい(リファクタ / 実装 / テスト)Claude Code

軸2: 一会話の長さと記憶

  • 短い相談 / 単発質問 → Claude.ai(web)(Conversationsで履歴管理)
  • 中規模ナレッジを横断する相談 → Claude Desktop(Projects + MCP連携で社内知識も参照可能)
  • 長期にわたるコードベース理解 / 複数ステップ実装 → Claude Code(リポジトリ単位のcontext)

軸3: モバイル / 出先で使うか

  • YES → Claude.ai(web / モバイルアプリ)
  • NO → どちらでも

Claude Desktop / Claude Codeはデスクトップ専用です。

軸4: 非エンジニア / 同僚 / 共同作業者と共有するか

  • YES → Claude.ai(web)(URL共有 / Artifacts公開リンク)
  • NO → Claude Desktop / Claude CodeでもOK

軸5: 開発自動化(Hook / Skill / Sub-agent / MCP)が必要か

  • YES → Claude Code(Hooks / Skills / Sub-agentsが前提)
  • 部分的に欲しい → Claude Desktop(MCPサーバ経由で限定的に可能)
  • NO → Claude.ai(web)で十分

早見表(再構成)

状況おすすめ
完全にサンドボックス内のプロトタイプClaude.ai(web)
ローカルファイルや社内APIを絡めたエージェント業務Claude Desktop
コードベースの実装 / リファクタ / 自動化Claude Code
単発質問 / 短時間の相談Claude.ai(web)
モバイル / 出先Claude.ai(web / アプリ)
非エンジニアとの共有Claude.ai(web)
Hook / Skill / Sub-agentを活かしたいClaude Code
社内KB(MCP)をClaudeに持たせたいClaude Desktop or Claude Code

連携パターン(複数を活かす)

パターン1: Claude.ai(web)で計画、Claude Codeで実装

複雑なリファクタや新機能設計はClaude.ai webで構造的に相談 → プラン文書化し、その文書をClaude Codeに渡して実装に入る。

[Claude.ai web] → docs/plan.md(Markdown)
[Claude Code] → docs/plan.md を Read して実装

パターン2: Claude Desktopで社内KB参照、Claude Codeで実装

社内ナレッジ(API仕様 / アーキ図 / 過去の議事録)をMCPサーバ経由でClaude Desktopに持たせ、業務上の判断や仕様確認をClaude Desktopで行い、コード編集はClaude Codeに分離する。

パターン3: Claude Codeでコード生成、Claude.aiで説明文を書く

PR説明文 / リリースノート / ブログ記事はClaude.ai webが得意。コードはClaude Code、説明文はClaude.ai web、の役割分担。

パターン4: モバイルClaude.ai → デスクトップClaude Code

通勤中や移動中にClaude.ai web / モバイルアプリで「あのbugの原因について考えて」と仮説を立て、デスクトップに戻ってからClaude Codeで実装に着手。思考の連続性をモバイルが補完する形。

「Claude Codeを必ず使うべきシーン」3つ

選択に迷ったときに「これはClaude Code一択」と言える3シーン:

  1. 複数ファイル横断のリファクタ — Hooks / Sub-agentの力が必要
  2. CI / 自動化に組み込む処理 — claude-code-action 等で組み込む前提
  3. 長時間 / 大規模な実装作業 — リポジトリ全体contextが要る

「Claude Desktopを必ず使うべきシーン」3つ

  1. 社内API / DBをMCP経由で参照しながら相談 — MCP server連携が中核
  2. 非エンジニア部門との業務(Cowork連携) — Coworkで資料作成 / 業務タスクを任せる
  3. デスクトップアプリでCode機能を使った軽量な編集 — Claude Codeほど重くないがWebより能動的に動かしたい

「Claude.ai(web)を必ず使うべきシーン」3つ

  1. モバイル / 出先から — Claude Desktop / Claude Codeはデスクトップ専用
  2. 非エンジニアとの共有 / 共同作業 — Artifactsの公開URLが便利
  3. 完全に外部隔離されたサンドボックス — ローカルに副作用を出したくない

まとめ

Claude.ai / Claude Desktop / Claude Codeの3形態は能力差が明確で、どれを使うかは「ローカル環境にどこまで触れるか」と「自動化の深さ」で決まります。Claude Desktopはweb版の延長ではなくMCP / Code / Coworkで能動的にファイル編集できる別形態である点が、本記事の最大のポイントです。

ロードマップ的に学びたい場合はClaudeを学ぶ1週間ロードマップ、Claude Codeの深い使い方はサブエージェント・Hook・メモリ管理の3記事を併読してください。

この記事を共有:XLinkedIn

関連する記事

Claude をもっと見る →