iimon TECH BLOG

iimonエンジニアが得られた経験や知識を共有して世の中をイイモンにしていくためのブログです

開発中プロダクトの挙動を外出先から確認する(Claude Cowork Dispatch)

はじめに

株式会社iimonでエンジニアをしているさいとーです!

最近、claude のめまぐるしい進化により長年、自分がやりたかったことが実現できるようになったのでその機能についてまとめてみました。

こんなときありません??

雲一つない晴れた土曜日の昼。

月曜日から金曜日まで1週間ごりごりプロダクト開発して、何なら金曜日は少し頑張って夜遅くまでやった。

こんな頑張れたのは今日、待ちにまったA子ちゃんとのデートだからだ。

待ち合わせ場所に向かうため、うきうき気分で電車に乗る。

電車の中で昨日まで開発していたプロダクトについて考える。

「..あれ、あの機能ってどうやって動くんだっけ?」

ふと、心の中で1つの疑念が生まれてしまって、このままだとデートに集中できない〜〜

これはフィクションですが、このようにpcの前にいないとき、ローカルマシンで開発しているプロダクトのUI上の挙動が気になることが結構あります。

これclaude の機能をつかうと解決できます

ちなみにスマホでコードも修正しちゃいたいって方はClaude Code Remote Controlを使ったり弊社のあめくさんが書いてくれた以下の記事が参考になります。(自分はPC前でないとコードを書く集中力はない) tech.iimon.co.jp

Claude Cowork Dispatch

スマホから離れたPCを操作するにはClaude CoworkDispatch機能を使用します。

Claude Coworkとは?

デスクトップで動作し、ローカルファイルやアプリケーションに接続して、複数ステップのタスクを最初から最後まで完了させます。 ターミナルを開かず、GUIでPCの操作をすることができます。

詳しくは support.claude.com

Dispatch機能とは?

スマホからデスクトップの Cowork セッションにタスクを送り、あとから結果を受け取れ、デスクトップが実際の処理を担当し、ファイルの読み込み・コネクタアプリの操作・コードの実行などはすべてPC上で行われます。スマホはあくまでコントロール画面として機能するだけで、AI の処理はスマホ側では行われません。デスクトップとスマホを結ぶ1本の会話スレッドで両デバイスが繋がります。この機能は2026年3月17日にリリースされ、この記事を書いている4月12日時点ではリサーチプレビューとして提供されていて試験段階です。

詳しくは support.claude.com

準備するもの

  • Claude Desktop アプリ(最新版)(claude cowork)— macOS または Windows x64
  • Claude モバイルアプリ(最新版)— iOS または Android
  • Pro または Max プラン(Team・Enterprise は現時点では対象外)
  • Claudeの拡張機能インストールにしてONにしておく(現時点ではBeta) chromewebstore.google.com

詳しくは findskill.ai

全てclaude desktopの左下の方にある「アプリと拡張機能を入手」のところから全てインストールできます。

設定

下記の記事を参考にさせてもらい、設定しました。

なぜこの設定が必要かも書いてありますので、参考にどうぞ。 note.com

設定画面

Claudeがアプリを操作する優先順位

  1. MCPサーバー — サービスのMCPサーバーがあればそれを使用する
  2. Bash — シェルコマンドで解決できるタスクはBashを使用する
  3. Claude in Chrome — ブラウザ作業でClaude in Chromeが設定済みであればそれを使用する
  4. Computer Use — これらのいずれも該当しない場合にComputer Useを使用する。画面制御はネイティブアプリ、シミュレーター、APIのないツールなど、他の手段では対応できないものに限って使用される。

詳しくは code.claude.com

しかしchrome をClaude in Chromeを使わず、Dispatchで動かそうとすると読み取り専用と出てしまい、操作することができません。なのでComputer Useにはアクセスレベルが設定されていると推測します。(公式からのソースは見つけることができませんでした。)なので、Google chromedispatch を使用してPCを動かしたければ現状、Claude in Chrome を使用するしかないようです。Computer UseはPCのデスクトップアプリなどを操作するのに必要になります。

実際にClaude Cowork Dispatch使ってみる

1番最初にやること

  1. Claude Desktop アプリのCoworkを開く
  2. 左にあるDispatchタブを開く
  3. 表示されるQRコードをClaude モバイルアプリで読み取る
  4. ベアリング完了する

では実際に、ローカルマシンで開発中のToDoアプリの挙動をClaude Cowork Dispatchを使って、スマホから確認してみましょう。ちなみにこのToDoアプリもclaude codeで15分くらいでできました。

…..その前にClaude Cowork DispatchをつかうにはPCを開きっぱなしで起動しておく&Claude Desktop アプリを開いておく必要があります。

ではやっていきましょう!

①ローカルマシンで開発中のプロダクトをスマホから確認する

スマホからプロンプトを送ると、ローカルPCを操作してスクショとページの情報を送ってきてくれます。少しスマホなので小さい画面で見づらいですね、、

スマホ画面

実際のPC画面

実際のローカルPCのgoogle chromeではclaude というタブが自動で作成されその中で操作します

②ローカルマシンで開発中のプロダクトをスマホから操作してみる

いよいよ実現したいことに突入です!!!

スマホ画面

実際のPC画面

③ローカルマシンで開発中のプロダクトをスマホから少し複雑な操作してみる

スマホ画面

実際のPC画面

これは②の「中というボタン」を押してみてと単純な指示するのと比べて少し時間がかかりました。

④ローカルマシンで開発中のプロダクトをスマホからログインしてみる

スマホ画面

ログインすることもできます。

ただし、一般のサイトをdispatch でログインすることは自動ログインみなされアカウントがBANになる危険性があるのでやめておいたほうがいいでしょう。

⑤PCのデスクトップアプリを操作してみる

これまではGoogle chromeのみを操作してスクリーンショットを撮るという操作しかしていないので、Claude in Chromeのみ使用しています。

Claudeがアプリを操作する優先順位の章でも少し書きましたが、デスクトップアプリの操作をするにはClaude in Chromeではアクセスできないので Computer Useを使ってclaudeがアクセスする必要があります。

今まで行ってきた操作を外出から戻ってきても忘れないようにPCのnotionアプリに記録しておきましょう。

スマホ画面

PCのnotionアプリ画面①

PCのnotionアプリ画面②

PCのnotionアプリ画面③

このようにnotionにテストケースとしてまとめることもできます。

他にもExcel、Word、メモ帳などデスクトップアプリを操作できるのでいろいろ可能性が広がりますね

終わりに

claude の進化でPCの前でなくてもプロダクト開発が進むようになりました。

場所の制約もどんどんなくなり、次はどのようにエンジニアの働き方が快適になるのかすごく楽しみです。

claude の進化はとてつもなく早いので、時代に取り残されないように今までよりもより一層キャッチアップに励みたいと思いました。

最後に

現在弊社ではエンジニアを募集しています!

この記事を読んで少しでも興味を持ってくださった方は、ぜひカジュアル面談でお話ししましょう!

[https://recruit.iimon.co.jp/?source=tb:title=iimon採用サイト] / Wantedly / Green

最後まで読んでいただきありがとうございました

参考

Claude Coworkを始める | Anthropicヘルプセンター

Assign tasks from anywhere in Claude Cowork | Claude Help Center

Claude Dispatch: Control Cowork From Your Phone (Setup + First Look) | FindSkill.ai — Learn AI for Your Job

【速報】Claudeがあなたのパソコンを操作する——Dispatch & Computer Use(本日リリース) |Shogo | Claude Codeひとりビジネス