Claude Media
Claude.ai/Desktop/Claude Codeの使い分け — 3形態の判断軸
ClaudeClaude CodeTips

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

重要なニュアンス

  • 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.aiとデスクトップアプリそのものの導入手順や機能を腰を据えて確認したい場合はClaudeアプリの使い方をまとめた完全ガイドを併読すると、3形態の中でアプリ側の全体像が掴めます。

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

この記事を共有:XLinkedIn

関連する記事

Claude をもっと見る →