CC for Biz
20

Claude Desktop連携

CLIとデスクトップアプリの補完関係

Claude CodeとClaude Desktopの関係

Claude Code(CLI)とClaude Desktop(デスクトップアプリ)は別製品です。 共通しているのはClaudeモデルを使っている点だけで、 インターフェース、得意領域、利用シーンがまったく異なります。

Claude Codeはターミナルベースのコーディング特化ツールです。 ファイル操作、Git管理、テスト実行、CI/CD連携など、 開発作業のほぼすべてをCLI上で完結させます。 高速で、スクリプトとの連携が容易で、自動化との相性が抜群です。

Claude Desktopはビジュアルベースの汎用ツールです。 内蔵ブラウザでUIを直接確認したり、デスクトップアプリケーションを操作したり、 コーディング以外のタスクにも対応します。 ターミナルに慣れていない人でも使えるGUIインターフェースが特徴です。

どちらが上位互換ということはありません。 両方を使い分けることで、AIの活用範囲が大きく広がります。 私の場合、日常の開発作業の90%以上はClaude Code(CLI)で完結しますが、 残りの10% ――ビジュアル確認やGUI操作が必要な場面―― でClaude Desktopが活きてきます。

Claude Codeはコーディングの主戦場。 Claude Desktopはそれを補完する「もうひとつの入り口」です。 対立するものではなく、組み合わせて使うものと考えてください。

Claude Desktop App

Claude Desktop Appは、macOSとWindowsに対応するネイティブアプリケーションです。 ターミナルではなくウィンドウ上で動作し、 リッチなUIでClaudeとやり取りできます。 コーディングタスクにも対応しますが、真価を発揮するのはCLIでは難しい領域です。

内蔵ブラウザ

Desktop Appにはブラウザが内蔵されています。 Webサーバーを自動的に起動し、開発中のページをアプリ内で直接プレビューできます。 「このコンポーネントの見た目を確認して」と依頼すれば、 コードの修正からブラウザでのプレビューまでをDesktop内で完結できます。 手動でブラウザを開いてリロードする手間がなくなります。

ファイルのドラッグ&ドロップ

画像やPDF、CSVなどのファイルをチャットウィンドウにドラッグ&ドロップするだけで、 Claudeに直接渡せます。 「このスクリーンショットのUIを再現して」「このCSVを分析して」といった ファイルベースの指示が直感的に行えます。 CLIではcatやパス指定が必要な操作が、GUIでは一瞬です。

画像認識

Desktop Appではマルチモーダル入力が自然に使えます。 スクリーンショットを貼り付けて「このエラー画面を見て原因を教えて」と聞いたり、 デザインカンプを渡して「この通りに実装して」と指示することが可能です。 CLI版でも画像パスを渡せますが、Desktopの方がワークフローとして圧倒的にスムーズです。

Worktreeチェックボックス

Desktop Appの特徴的な機能がworktreeチェックボックスです。 チェックを入れるだけで、自動的にgit worktreeが作成され、 独立したブランチ上でエージェントが作業を開始します。 メインブランチを汚さずに実験的な変更を試せるため、 「とりあえずこの方針で試してみて」という依頼を安全に実行できます。

CLIセッションの引き継ぎ

Claude Codeのセッション中に/desktop(エイリアス: /app)コマンドを実行すると、 現在の会話コンテキストをそのままDesktop Appに引き継げます。 逆にDesktopからCLIに戻ることも可能です。 深いコーディング作業をCLIで進めた後、ビジュアル確認だけDesktopで行う ――こうした切り替えがシームレスにできます。

Computer Use

Computer Useは、Claude Desktopの中でも最もユニークな機能です。 Claudeが画面のスクリーンショットを撮影し、 画面上の要素を認識し、マウスやキーボードを自動操作する――文字通り「コンピュータを使う」能力です。

Playwright MCPやChrome拡張がWebブラウザに限定されるのに対し、 Computer UseはOS上のあらゆるアプリケーションを操作できます。 Figma、Excel、Photoshop、社内の業務アプリケーション、レガシーシステム ――画面に表示されるものなら何でも操作対象になります。

活用シーン

  • Figmaデザインの確認:デザインファイルを開いて要素のサイズや配色を読み取り、 コードとの差分をレポートする
  • 管理画面の定型操作:CMSやバックオフィスツールで、同じ手順を繰り返す作業を自動化
  • ブラウザテスト:実際のブラウザを操作してE2Eテストを視覚的に実行
  • レガシーシステムへのデータ入力:APIが存在しない古いシステムに対して、画面操作でデータを投入
  • 複数アプリ間のデータ転記:あるシステムからデータを読み取り、別のシステムに入力する作業

注意点

Computer Useには明確な制約があります。 毎回スクリーンショットを撮影して画面を認識するため、処理速度が遅いです。 人間がマウスを動かすのと同程度か、それより遅いこともあります。 また、画面認識の精度にバラつきがあり、 小さなボタンや複雑なUIでは誤操作が発生することもあります。

Computer Useが向いている場面:手順が決まった定型操作の自動化。多少時間がかかっても、 人間が手動で繰り返すより確実で楽な作業。

向いていない場面:リアルタイム性が必要な操作。高精度なクリック位置が求められるUI。 速度が重要なバッチ処理(APIがあるならAPIを使うべき)。

Cowork MCP

Cowork MCPは、Claude DesktopにClaude Codeを「ツール」として接続する仕組みです。 Desktop側のチャットUIから自然言語で指示を出すと、 裏側でClaude Codeが実際のコーディング作業を実行します。

最大のメリットは、非エンジニアがコードベースに対して 質問や変更指示を出せるようになることです。 ターミナルの操作方法を知らなくても、 Desktopのチャットウィンドウに「トップページのバナー画像を差し替えて」と 入力するだけで、Cowork MCP経由でClaude Codeが該当ファイルを特定し、 画像パスを書き換えてくれます。

セットアップ

Cowork MCPのセットアップは、Desktop側のMCP設定でcowork serverを追加するだけです。 Claude Codeがインストール済みの環境であれば、追加の依存関係は不要です。

// Claude Desktop の MCP設定
// Settings > Developer > MCP Servers に追加
{
  "mcpServers": {
    "claude-code": {
      "command": "claude",
      "args": ["mcp", "serve"],
      "cwd": "/path/to/your/project"
    }
  }
}

設定後、Desktop上で「コードを修正して」「テストを実行して」と指示すると、 バックグラウンドでClaude Codeが起動し、結果がDesktop側に返ります。 非エンジニアのチームメンバーが、エンジニアの手を借りずに 簡単なコード変更を依頼できるようになるのが大きな利点です。

活用例

  • PMからのバグ報告 → 修正:PMがDesktopに「ログインページで入力欄のバリデーションが効いていない」と報告 → Cowork MCP経由でClaude Codeが該当コードを特定・修正
  • デザイナーからの微修正依頼:「フッターの余白を16pxから24pxに変更して」 → Claude Codeが該当CSSを修正してコミット
  • コードベースへの質問:「このプロジェクトの認証はどの仕組みを使っている?」 → Claude Codeがコードを検索して回答

Dispatch

Dispatchは、Claude Desktopから複数のClaude Codeインスタンスを 起動・管理する機能です。 ターミナルでtmuxを使って複数のAgent Teamsを並列実行する方法 (第13章で解説)のGUI版とも言えます。

Desktopの画面上で複数のタスクを同時に走らせ、 それぞれの進捗をリアルタイムで確認できます。 タスクの割り振り、進捗モニタリング、結果のマージが すべてDesktopのUIで行えるため、 ターミナルの分割画面を管理するよりも視覚的にわかりやすいです。

CLIとの違い

CLIでの並列実行(tmux + Agent Teams)は、 スクリプトとの連携やCI/CDパイプラインへの組み込みに強みがあります。 一方、Dispatchは視覚的な管理とインタラクティブな操作に優れています。

  • CLI並列実行:自動化スクリプトに組み込みたい場合、ヘッドレス環境で動かしたい場合
  • Dispatch:手動でタスクを投げ分けて進捗を目視確認したい場合、 非エンジニアがタスク管理画面として使いたい場合

活用シーン

  • 並列リファクタリング:フロントエンド・バックエンド・テストの修正を3つのインスタンスで同時実行
  • 複数リポジトリへの一括変更:マイクロサービス群の依存パッケージを一斉にアップデート
  • 調査と実装の並行:1つのインスタンスで技術調査を進めつつ、 別のインスタンスで判明した部分から実装を開始

Dispatchは「Agent TeamsのGUI版」です。 tmuxでの並列管理に慣れている人はCLIで十分ですが、 視覚的にタスクを管理したい場面やチームメンバーと進捗を共有したい場面では Dispatchの方が適しています。

CLI ↔ Desktop セッション連携

Claude CodeとClaude Desktopの間で、セッションのコンテキスト(会話履歴、ファイル状態)を引き継いで 切り替えることができます。 作業の文脈を失わずに、最適なツールへ乗り換えられる仕組みです。

/desktop(/app)コマンド

ターミナル上のClaude Codeセッションから/desktop(エイリアス: /app)を実行すると、 現在の会話コンテキストがDesktop Appに転送されます。 Desktopが起動し、CLIで話していた内容がそのまま引き継がれた状態で チャットを続行できます。

# CLIからDesktopへセッションを転送
/desktop

# エイリアス
/app

/teleportコマンド

逆方向の切り替えも可能です。 Desktop App上で/teleportを実行すると、 Desktop側のセッションコンテキストがCLI環境に転送されます。 Desktop上でプロトタイピングを進めた後、 本格的な実装フェーズでCLIに戻るといった使い方ができます。

使い分けの実践パターン

  • 深いコーディング作業 → CLI:大量のファイル変更、複雑なリファクタリング、パイプライン連携はCLIが速い
  • プレゼン・デモ → Desktop:チームメンバーにAIの動きを見せるとき、GUIの方が伝わりやすい
  • ビジュアル確認 → Desktop:内蔵ブラウザでUIの見た目をリアルタイムで確認
  • 非コーディングタスク → Desktop:ドキュメント作成、画像分析、Computer Useを活用する操作

セッション連携の最大の利点は、切り替えのたびに状況を説明し直す必要がないことです。 「さっきCLIで修正した箇所の見た目を確認したい」とDesktopで言えば、 修正内容を理解した状態で即座にプレビューに移れます。

いつClaude Desktopを選ぶか

以下は厳密なルールではなく、判断の目安です。 自分のワークフローに合わせて柔軟に使い分けてください。

判断基準の整理

  • コーディングタスク → Claude Code(CLI)。 ファイル操作、Git、テスト、自動化はCLIが圧倒的に速い
  • GUI操作の自動化 → Claude Desktop + Computer Use。 APIがないアプリケーションの操作、クロスアプリのデータ転記
  • 非エンジニアからの操作指示 → Claude Desktop + Cowork MCP。 ターミナルを使わずにコードベースへの質問・変更依頼が可能
  • 大量の並列タスク管理 → Claude Desktop + Dispatch。 視覚的なタスク管理、進捗のリアルタイム確認
  • プレゼン・デモ → Claude Desktop。 GUIの方が非技術者にも伝わりやすい
  • ファイルベースの入力 → Claude Desktop。 画像・PDF・CSVのドラッグ&ドロップ

Claude Desktopは補助的なツールです。コーディングのメインはあくまでClaude Code(CLI)。 Desktopは「CLIでは効率が落ちる場面」の専用ツールとして位置づけてください。 CLI中心のワークフローが合う人は、Desktopなしでも十分に生産性を発揮できます。

まとめ

Claude Desktopは「Claude CodeでカバーしきれないGUI操作・非コーディングタスク・ チーム連携」を補完する存在です。 内蔵ブラウザによるビジュアル確認、Computer Useによるデスクトップ操作の自動化、 Cowork MCPによる非エンジニアとの連携、Dispatchによる並列タスク管理。 これらはすべて、CLI中心のワークフローを「補完」するものであり、 置き換えるものではありません。

両方を適切に使い分けることで、AIの業務活用範囲が最大化します。 普段はCLIで開発し、必要な場面でDesktopに切り替える。 セッション連携を使えば、その切り替えもシームレスです。

このページで、活用ガイド全20ページが完結です。 基本操作から始まり、プロンプティング、CLAUDE.md設計、 Skills・Commands・Hooks・MCP、セキュリティ、 サブエージェント、オーケストレーション、リモート開発、 チーム運用、プラグイン、そしてDesktop連携まで。 ここまでの知識を実践に活かしてください。 最初は基本操作を確実に身につけ、徐々に高度な機能に手を伸ばしていく。 その積み重ねが、AIを「たまに使うツール」から 「開発の中核を担うパートナー」に変えていきます。

導入のご相談はお気軽に

個別のご質問・導入相談を承っています。

無料相談・お問い合わせ
© 2025 Fyve Inc. All rights reserved.