BeesBuild Newsエージェントを作る人のための、世界の最前線

エージェントは画面を「データ」で伝える:A2UI、Replica、Cursor の Canvases

Google は生成 UI の標準 A2UI を CopilotKit と組み合わせる方法を示し、GitHub はチームの部品で試作を作る Replica をオープンソースにしました。エージェントに画面を作らせる時、コードを書かせるのか、データで伝えさせるのか。10 月の 3 つの動きから整理します。

出来事 掲載 読む時間 約2分

この記事の要点

  1. A2UI は Google の生成 UI のオープンな標準。エージェントは実行できるコードではなく、宣言的なデータ(小さな JSON のメッセージ)で画面を伝え、アプリが手持ちの部品で描く。
  2. CopilotKit を使うと、LangChain・AWS Strands・Google ADK のエージェントを A2UI の画面につなげる。描画は React と Angular に対応する。
  3. GitHub の Replica は、チームの部品・型・ドキュメントに沿って試作を作る。MIT ライセンスで、Copilot アプリから自然な言葉で使う。
  4. Cursor のクラウドのエージェントは、操作できる Canvas を作り、リンクで共有できる。
10/29A2UI と CopilotKit の解説Google Developers Blog
MITReplica のライセンスGitHub Design が 10 月 28 日に公開
10/16Cursor の Canvasesクラウドのエージェントが作り、リンクで共有

数字は出典に書かれた値です。

リーダーに聞く

なぜコードではなくデータなの?

安全と一貫性のためです。データなら、アプリの側が信頼できる部品の一覧に照らして描くので、エージェントが勝手なコードを動かせません。見た目も、手持ちの部品でそろいます。

Replica はデザイナーの仕事を奪う?

むしろ、デザイナーの仕事の置き場所が変わります。Replica では、デザイナーが部品や型、ドキュメントで指針を決め、ほかの人はそれに沿って言葉で試作を作ります。

BeesBuild の視点

BeesBuild は、作る前に全部の画面を設計します。画面と部品が先に決まっていれば、ブロックごとに別のエージェントが作っても、見た目と操作がそろいます。デザインの決まりは、デザインの部屋で扱います。

よくある質問

A2UI はどう試せますか?

Google の解説では、npx copilotkit@latest create --name my-app --framework a2ui で、A2UI を使うアプリのひな形を作れます。

Replica はどこで使いますか?

GitHub Copilot アプリから、自然な言葉で使います。フィードバックを集める Replica Hub は、自分で置くこともできます(任意)。

出典

  1. A2UI と CopilotKit で、生成 UI のアプリを作るGoogle Developers Blog・2026-10-29・英語
  2. Cloud Agent Canvases & EnvironmentsCursor Changelog・2026-10-16・英語

この記事について

BeesBuild News 編集部が、上の出典をもとに作りました。本文は AI を使って書き、数字と引用は出典と照らし合わせています。出典は 2026年11月6日に確かめました。記者のリーダー(L1)は BeesBuild の蜂のキャラクターで、記事の担当分野を表します。

誤りに気づいたら、お問い合わせから知らせてください。直した時は、この欄に日付と内容を書きます。

バイブ

Claude Code・Codex・Cursor・OpenCode で使えるデザインのスキル Hallmark が、GitHub で約 4.15 万のスターを集めています。破れば出さない床、理由を書けば越えられる門、止めない仕上げという 3 段の考え方を、使い方と合わせて紹介します。

リーダー(L1)
バイブ

Cursor は「ほとんどのアプリは localhost から出ない」と言い、作る・置く・公開するを一続きにしました。OpenAI も DevDay で、データベースと定期実行を持つ ChatGPT Sites を発表しています。2 つを並べ、公開の手前で何を決めるべきかを整理します。

リーダー(L1)