本文へスキップ
AI PICKS

生成UI (Generative UI)読み: せいせいゆーあい

2026-10-25 更新

本ページはプロモーションを含みます(掲載基準)

AI用語辞典AIエージェント最終更新: 2026-10-25・AI PICKS編集部

生成UI (Generative UI)の定義

生成UIとは、ユーザーの要求や文脈に応じてAIがその場で画面の構成や部品を生成し、動的に表示するインターフェースのこと。

生成UI (Generative UI)とは(詳しく解説)

生成UI(Generative UI)は、固定の画面を事前に設計するのではなく、LLMが対話の文脈に応じてボタン・表・グラフ・フォームなどのUI部品を実行時に選んで組み立てる手法を指す。テキストで返すだけのチャットと違い、操作できる画面そのものが応答になる。実装では、LLMに自由なHTMLを書かせるより、用意したコンポーネントの一覧から選ばせ、引数をJSONで渡す構成が広く採用されている。2026年の実運用での落とし穴は、出力のばらつきによるレイアウト崩れ、ツール呼び出しの誤りによる表示エラー、生成待ちの遅延、そしてアクセシビリティや画面遷移の一貫性を保ちにくい点である。コスト面では、画面を生成するたびにトークンを消費するため、頻出する画面は固定テンプレートにし、変化が大きい箇所だけ生成させる使い分けが現場では現実的とされる。

生成UI (Generative UI)を調べた人に

エディタのAIを使いこなしたい人向けの講座と、コードなしで作れるツールです。

  • Lovable icon

    作りたいアプリを文章で伝えるだけで画面と中身を作ってくれる

    AIコーディング / 最低料金 ¥0〜

  • Aqua Voice icon

    初月10ドルオフ(新規ユーザー)

    Claude CodeやCursorへの指示を声で入力できる。日本語にも対応し、Mac・Windowsのどの入力欄でも使える(無料は1,000語まで)

    AI音声・文字起こし / 最低料金 ¥0〜

  • TesterArmy icon

    AIがWebサイトやアプリを実際に操作してバグを見つけるテスト自動化(無料トライアルあり)

    AIエージェント / 最低料金 有料

この解説の引用について

定義文・解説は出典を明記いただければ記事・資料・生成AIの回答で自由に引用できます(CC BY 4.0)。

出典: AI PICKS AI用語辞典「生成UI (Generative UI)とは」 https://aipicks.jp/glossary/generative-ui

生成UI (Generative UI)の使用例

  • 「今月の売上を店舗別に比較して」と頼むと、チャット内に棒グラフと絞り込みフィルタが生成されて表示される。
  • 「来週の出張を予約したい」と伝えると、日程選択カレンダーと候補便の比較表が応答として組み立てられる。

生成UI (Generative UI)に関連するAIツール

生成UI (Generative UI)の関連記事

用語がわかったら、次はツール選び

12カテゴリ・1834語以上を体系的に整理しています