Claude Code Desktop大型アップデート｜プレビュー・レビュー・自動マージで開発ループが完結した

要点: (1) デスクトップ内で埋め込みブラウザによるアプリプレビューが可能に、(2) diff上でインラインコードレビュー、(3) CI監視＋Auto-fix＋Auto-mergeでPRライフサイクルが自動化、(4) CLI・Desktop・Web・モバイル間でセッションを引き継ぎ可能に

コードを書く。プレビューで確認する。レビューする。PRを出す。CIを通す。マージする。

この開発サイクルの全工程が、1つのアプリの中で完結するようになった。

2026年2月20日、AnthropicはClaude Code Desktopに4つの機能を同時追加した。App Preview、Code Review、PR Monitoring、Session Continuity。いずれも単独でニュース記事になるレベルのアップデートだ。

この記事では、各機能の詳細と実務への影響を解説する。競合ツール（Cursor、Copilot、Devin）との比較も含めて、何が変わったのかを整理しよう。

Claude Code Desktopの新機能4つ：全体像

まず全体像を掴んでおく。CI（Continuous Integration）はコード変更を自動テストで検証する仕組み、diff（ディフ）は変更前後の差分表示のことだ。

機能	一言で言うと	対応する開発フェーズ
App Preview	デスクトップ内でdevサーバーを起動し、埋め込みブラウザでアプリを確認	実装 → 動作確認
Code Review	diffビューにインラインコメントでコードレビュー	レビュー
PR Monitoring	CI監視、失敗の自動修正、チェック通過後の自動マージ	CI → マージ
Session Continuity	CLI・Desktop・Web・モバイル間でセッション移行	作業環境の切り替え

これまでのClaude Code Desktopは「ターミナルのGUIラッパー」に近い存在だった。今回のアップデートで開発ワークフロー全体を包含するIDEへと変貌した。

1. App Preview：ブラウザを開く必要がなくなった

何ができるのか

Claude Codeがコードを編集した後、devサーバーを自動起動し、デスクトップ内の埋め込みブラウザでアプリケーションをプレビューする。

単に表示するだけではない。Claudeは自律的に以下を実行する。

• スクリーンショットの取得とUI検証
• DOMの検査
• 要素のクリック、フォーム入力
• コンソールログとエラーの確認
• 問題発見時の即座の修正

つまり、Claudeが自分でブラウザを操作して動作確認し、バグがあれば自分で直すというループが回る。

autoVerify：編集のたびに自動検証

autoVerifyはデフォルトでオンになっている。Claudeがファイルを編集するたびに、自動でスクリーンショットを取り、エラーがないか確認し、動作を検証してから応答を返す。

無効にしたい場合は.claude/launch.jsonで設定する。

{
  "version": "0.0.1",
  "autoVerify": false,
  "configurations": [
    {
      "name": "my-app",
      "runtimeExecutable": "npm",
      "runtimeArgs": ["run", "dev"],
      "port": 3000
    }
  ]
}

実際に使った開発者の声

Preview機能を検証した開発者のazukiazusa氏は、カンバンアプリの開発中に意図的にエラーを仕込んだコードに対して、Claudeがエラーを検知→サーバーログを確認→修正という流れを自律的に実行した様子を報告している。

UIを視覚的に確認しつつ、同時にログやコードを読みながら問題を解決していくことができ、従来のようにユーザーがブラウザで操作して結果を報告するというやりとりよりも、はるかにスムーズにコミュニケーションが取れている

— azukiazusa「デスクトップ Claude Code の Preview 機能で UI を直接確認する」

Claude Codeの生みの親であるBoris Chernyは、この設計思想についてこう述べている。

おそらく最も重要なのは、Claudeに自分の作業を検証する手段を与えることだ。そのフィードバックループがあれば、最終成果物の品質は2〜3倍になる

— Boris Cherny（@bcherny）

Preview機能の本質は「画面が見えるようになった」ことではない。Claudeに自己検証のフィードバックループを与えたことだ。

2. Code Review：自分が書いたコードを自分でレビュー

仕組み

diff（変更差分）ビューの右上にある「Review code」ボタンをクリックすると、Claudeが変更内容を検査し、diff上にインラインコメントを挿入する。

レビューの焦点は高シグナルな問題に絞られている。

• コンパイルエラー
• ロジックエラー
• セキュリティ脆弱性
• 明らかなバグ

検出しないもの: スタイル、フォーマット、既存コードの問題、リンターで捕まるもの。

コメントに対してユーザーが返信すれば、Claudeはそれを読んで修正を加える。修正結果は新しいdiffとして表示され、再びレビュー可能だ。

知っておくべき制約

セキュリティリサーチ企業Qodoは、Claude Codeのセルフレビュー機構を検証し、興味深い知見を報告している。レビュー時にClaudeは各issueにスコアを付与し、80点未満のものを自動でフィルタリングする。この結果、パス検証のバイパスやチェック時と使用時のタイミングのずれを突く脆弱性（TOCTOU）といったセキュリティ上重要な指摘が抑制されるケースがあったという。

つまり、自分で書いたコードを自分でレビューする構造的な限界は認識しておく必要がある。

3. PR Monitoring：CIが落ちても、もう起きなくていい

Auto-fixとAuto-merge

PRを作成すると、セッション内にCI ステータスバーが表示される。Claude CodeはGitHub CLI（gh）を使ってCIの結果をポーリングし、失敗を検知する。

2つのトグルが用意されている。

トグル	動作
Auto-fix	CIが失敗した場合、失敗ログを読み取って自動修正を試みる
Auto-merge	全チェックが通過したらスカッシュマージ（複数コミットを1つにまとめてマージ）を実行する

つまり、こういうワークフローが成り立つ。

1. Claude Codeに機能実装を指示する
2. PRが作成される
3. CIが回り始める
4. 失敗があればClaudeが自動修正してpush
5. 全チェック通過でスカッシュマージ
6. 完了のデスクトップ通知が届く

この間、開発者は別のセッションで別のタスクを進められる。あるいは寝ていてもいい。

前提条件

• GitHub CLI（gh） がインストール・認証済みであること
• GitHubリポジトリの設定でAuto-mergeが有効になっていること

ghが未インストールの場合、初めてPRを作成しようとした時点でDesktopがインストールを促す。

月400件のPR体制にも効く

Zennの記事で、月間400件以上のPRをClaude Codeで生産している事例が紹介されている。そこで指摘されていたのが、PRレビューがボトルネックになるという課題だ。Auto-fixとAuto-mergeは、このボトルネックを直接解消する。

4. Session Continuity：通勤電車でコードを書く

デバイス間のセッション移行

移行パス	方法
CLI → Desktop	/desktop コマンドを実行
Desktop → Web	「Continue with Claude Code on the web」ボタン
Web → モバイル	Claude iOSアプリでセッションにアクセス

CLIで長時間セッションを走らせていたが、席を離れたい。/desktopと打てばセッション全体がDesktopに移行する。Desktopから「Continue on the web」を押せば、クラウドにセッションが移動し、PCを閉じても作業が続く。電車の中でスマホからモバイルアプリで進捗を確認し、追加指示を出す。こういった使い方が現実になった。

Remote Sessions：PCを閉じても止まらない

Desktopの「Remote」環境を選ぶと、セッションがAnthropicのクラウドインフラ上で実行される。アプリを閉じても、PCをシャットダウンしても、セッションは継続する。大規模リファクタリングやテストスイートの実行など、時間がかかるタスクに向いている。

実際にRemoteセッションを活用した開発者のruwatana氏は、約2週間でアイデアからアプリリリースを達成したと報告している。

通勤電車の中で「この機能追加して/修正して」と指示を出して、降りる頃には実装が終わっている

— ruwatana「Claude Code on the Web でスマホだけでアプリを開発しリリースしてみた」（Zenn）

ただし、課題もある。セッションが長期化すると「詰まって応答がなくなる」問題や、Web版の「体感の応答速度が遅い」点、そして本格的に使うならMax（$100/月）の課金がほぼ必須になる点は押さえておく必要がある。

競合ツールとの比較

Claude Code Desktopの新機能は、どこまでユニークなのか。主要な競合と比較する。

機能	Claude Code Desktop	Cursor	GitHub Copilot	Devin
アプリプレビュー	埋め込みブラウザ＋AI自動検証	なし（IDE型）	なし	クラウドVM内で動作
コードレビュー	diffインラインコメント	BugBot（PR自動レビュー）	Copilot Code Review	Devin Review
CI自動修正	Auto-fixトグル	Background Agent（間接的）	Coding Agent（CI反復）	PRコメント経由で自動修正
自動マージ	Auto-mergeトグル	なし	非対応（人間によるレビュー前提の設計）	なし（人間のレビュー前提）
セッション継続	CLI↔Desktop↔Web↔モバイル	なし	なし	クラウドベースで常時
月額料金	$20〜200	$20〜200	$10〜39（個人プラン）	$20＋$2.25/ACU（約15分単位）

最大の差別化ポイント：Auto-merge

GitHub Copilot Coding Agentは、設計思想として自分のPRをマージできない。独立した開発者によるレビューを必須としている（GitHub公式ドキュメント）。Devinも同様に、人間のレビュー前提でPRを作成する。Claude CodeとCopilotの違いをもっと詳しく知りたい方は「Claude Code vs GitHub Copilot 2026年最新版比較」も参考にしてほしい。

Claude Code Desktopは、この制約を取り払った。全チェック通過後の自動マージを開発者の判断でオンにできる。これは信頼と効率のトレードオフであり、どちらが正しいかは開発チームの文化による。

launch.jsonの設定リファレンス

App Previewのサーバー設定は.claude/launch.jsonで管理する。以下が設定可能なフィールドだ。

フィールド	型	説明
name	string	サーバーの識別名
runtimeExecutable	string	実行コマンド（npm、yarn、bun等）
runtimeArgs	string[]	コマンド引数（["run", "dev"]等）
port	number	ポート番号（デフォルト: 3000）
cwd	string	作業ディレクトリ（プロジェクトルートからの相対パス）
env	object	環境変数（キー/値ペア）
autoPort	boolean	ポート競合時の自動割り当て（true: 空きポートを探す / false: エラー）
program	string	nodeで直接実行するスクリプト

フロントエンド+APIの構成例

{
  "version": "0.0.1",
  "configurations": [
    {
      "name": "frontend",
      "runtimeExecutable": "npm",
      "runtimeArgs": ["run", "dev"],
      "cwd": "apps/web",
      "port": 3000,
      "autoPort": true
    },
    {
      "name": "api",
      "runtimeExecutable": "npm",
      "runtimeArgs": ["run", "start"],
      "cwd": "server",
      "port": 8080,
      "env": { "NODE_ENV": "development" },
      "autoPort": false
    }
  ]
}

対応プラットフォームと料金

プラットフォーム

OS	対応状況
macOS（Apple Silicon）	対応
macOS（Intel）	対応
Windows x64	対応
Windows ARM64	対応
Linux	非対応（CLIのみ利用可能）

料金プラン

プラン	月額	Desktop利用
Pro	$20	可能
Max 5x	$100	可能
Max 20x	$200	可能
Teams	$25〜125/ユーザー	可能
Enterprise	カスタム	可能

1日に複数PRを回したりRemote Sessionsを常用するなら、Maxプランが現実的だ。Proプランでは使用量の制限に引っかかる可能性がある。料金はすべて米ドル建て・税別。

まとめ：「開発ループの完結」がもたらすもの

今回のアップデートの本質は、個々の機能ではなく、それらが繋がって1つのループを形成したことにある。

1. Claudeがコードを書く
2. App Previewでアプリを確認し、問題があれば自分で直す
3. Code Reviewで変更をセルフチェックする
4. PRを作成し、CIの結果を監視する
5. 失敗があればAuto-fixで修正する
6. 全チェック通過でAuto-mergeする

人間の開発者は、最初の指示と最終確認だけに集中できる。その間に別のセッションで別のタスクを進めることもできる。

もちろん、セルフレビューの限界やレートリミットの問題など、手放しで万能とは言えない。だがClaude Code Desktopは確実に、「AIアシスタント」から「AIチームメイト」への転換点を刻んだ。

関連記事:

• Claude Code 大型アップデートまとめ｜Opus 4.6・Agent Teams・1Mトークン
• Claude Code vs GitHub Copilot 2026年最新版比較
• Claude Code vs OpenAI Codex CLI 徹底比較
• MCP実践入門｜Claude Code × GA4 × Search Consoleで始めるAI連携
• Claude Code Security｜AIが脆弱性を狩る時代へ
• IDEsaster｜全AI IDEに共通する脆弱性

---

本記事の情報は2026年2月24日時点のものです。料金・機能は変更される可能性があります。

Claude、Claude Code はAnthropic, PBC の商標です。Cursor は Anysphere, Inc. の商標です。GitHub Copilot は GitHub, Inc. / Microsoft Corporation の商標です。Devin は Cognition AI, Inc. の商標です。