Wonder Dev Viewは、コーディングエージェント、Gitワークツリー、ターミナルセッションを、ライブアプリプレビューやデザインキャンバスのすぐ隣に統合するmacOS向けの開発環境です。
製品の機能と公式な位置づけ
Wonder Dev Viewは、インタラクティブなデザインキャンバスの横にコーディングエージェントやリポジトリ操作ツールを配置する特化型開発ハーネスです。macOS上で動作し、ユーザーインターフェースを構築するエンジニア向けに設計された統合インターフェース内で、プロジェクトファイル、コマンドラインターミナル、エージェントチャット、GitHubプルリクエストを表示します。
本ツールはBYOA（独自エージェント持ち込み）モデルを採用しており、既存のClaude CodeやCodexのサブスクリプションと連携します。各タスクを個別のgitワークツリーに分離することで、マージの競合や手動での依存関係インストールの手間なく、並行して複数のエージェントタスクを同時に実行できます。
公式情報で確認できる活用例
作業ディレクトリの競合を起こすことなく、別々のgitワークツリー上で複数のコーディングエージェントを同時に実行し、異なる機能開発やバグ修正を進めます。
エージェントのチャット画面の横でライブアプリコンポーネントをプレビュー表示し、レイアウトの挙動を確認しながらフロントエンドコードの修正をエージェントに指示します。
オープンなブランチやプルリクエストに対してセカンダリエージェントによるコードレビューを実行し、コードをマージする前に潜在的な問題を特定します。
公式情報に記載された利用手順
リポジトリのブランチやチームメイトのプルリクエストを開くと、そのタスク専用の隔離されたgitワークツリーが作成されます。
接続したエージェントモデルに指示を出してコードベースを解析させ、プロジェクトファイル全体に必要な修正を生成させます。
設定済みの実行コマンドを使用してローカルプロジェクトを起動し、キャンバスプレビュー内で実行中のインターフェースを確認します。
ステージングされたファイルの差分を確認し、アプリを離れることなく組み込みGitツールを使ってコミット、プッシュ、プルリクエストの作成を行います。
2つ目のエージェントモデルを使用して自動レビューを実行し、マージ前に潜在的な不具合を検出してコード品質を向上させます。
Wonder Dev Viewは、各ワークスペースに独立したgitワークツリーを割り当てることで、複数のコーディングエージェントを協調動作させます。各ワークツリーがブランチの独立した複製となるため、ローカルで並行開発を行う際に生じがちなファイルロック、依存関係の競合、ターミナルの頻繁な切り替えを回避できます。
本環境は、Claude CodeやCodexなどのユーザー自身のAIエージェントサブスクリプションと連携します。開発者は複数のユーザーアカウントを登録し、チャットごとに目的のモデルや推論エフォートレベルを選択できるため、特定のコーディングタスクに応じた適切なエージェントの割り当てが可能です。
自分の素材とワークフローで確認したい項目
確認した情報源とその日時
情報源を確認した製品情報に基づく回答
いいえ、現時点ではクラウドワークスペースはサポートされていません。コーディングエージェントはユーザーのローカルマシン上で動作しますが、将来のリリースでクラウドワークスペースの提供が予定されています。
はい、必要です。Wonderはインターフェースを提供するハーネスとして機能するため、ユーザーはClaude CodeやCodexなどのサポートされているエージェントに関して、自身のアクティブなサブスクリプションを接続する必要があります。
Wonderは各ワークスペースを個別のgitワークツリーに隔離します。ブランチの独立したコピーが作成されるため、並行して動作するエージェントタスク同士が競合することなく安全に作業を進めることができます。
キャンバスは静止画像ではなく実際のフロントエンド構造をレンダリングします。エージェントがコードから画面を取得し、ビジュアル編集をコードに反映させ、アプリのライブプレビューを表示することを可能にします。
はい、ユーザーにはGitおよびGitHubの基礎知識が求められます。ワークスペースやエージェントチャットは、gitブランチ、コミット、プッシュ、プルリクエストの追跡に基づいて構造化されているためです。
