概要
https://speakerdeck.com/yusukebe/aishi-dai-nouihadokohexing-ku
詳細内容
## AI時代のUIはどこへ行く？
https://speakerdeck.com/yusukebe/aishi-dai-nouihadokohexing-ku
和田祐介氏は、AI時代におけるUIの進化を「UIの中でAIを使う」「AIがUIを作る」「AIがUIを奪う（MCP）」の3つのパターンで体系的に解説し、特に「Model-Controlled-Prompt（MCP）」が新たなUI開発パラダイムとして注目されると提唱する。
**Content Type**: Technical Reference
**Scores**: Signal:5/5 | Depth:5/5 | Unique:5/5 | Practical:4/5 | Anti-Hype:4/5
**Main Journal**: 93/100 | **Annex Potential**: 93/100 | **Overall**: 92/100
**Topics**: [[AI時代のUI, Model-Controlled-Prompt, UI/UXデザイン, フロントエンド開発, AIエージェント]]
和田祐介氏によるこのプレゼンテーションは、AI時代におけるUIの未来を3つの明確なパターンで展望し、特にフロントエンドエンジニアにとって重要な技術的転換点を示唆しています。
第一に「UIの中でAIを使う」は、既存のUIにLLMを組み込む最も一般的な形です。ChatGPTのプラグインやNotion AI、Gemini for Chromeなどがこれに該当し、ユーザー体験の向上に寄与します。
第二に「AIがUIを作る」は、LLMがUIコンポーネントや構造を生成し、人間がそれをインタラクティブに操作するパターンです。ClaudeのArtifacts機能やChatGPTのデータ分析機能が代表的で、AIが生成したコードや要素を開発者が確認・編集するワークフローを生み出します。これは、ReactやTailwind CSSなどの技術をLLMが活用してUIを提示し、API呼び出し可能なAIエージェントの可能性を広げるものです。
そして最も注目すべき第三のパターンが、「AIがUIを奪う」、すなわち「Model-Controlled-Prompt（MCP）」です。これは、LLMがユーザーインターフェース自体を制御し、動的にUI要素を生成・操作するという革新的なアプローチです。従来のUI開発が「人間がデザインし、コードで実装する」ものであったのに対し、MCPでは「LLMが直接UIの振る舞いを司る」ため、対話型エージェントから直接視覚的なアウトプットを得ることが可能になります。GitHubで提唱されているMCP UIのコンセプトやSDK、そしてMCP UI Playgroundの具体例は、このパラダイムシフトが単なる概念に留まらず、具体的な実装フェーズに入りつつあることを示しています。
このプレゼンテーションが重要なのは、単にAIツールの紹介に終わらず、AIがUIの設計と開発の根幹をどう変え、フロントエンドエンジニアがどのようなスキルセットやアプローチを身につけるべきかという本質的な問いを投げかけている点です。MCPのようなモデルは、従来のコンポーネントベースの思考から、AIエージェントの振る舞いを通じてUIを「創発させる」思考への転換を促します。これは、WebアプリケーションエンジニアがAIと協調しながら、より柔軟で動的なユーザー体験を構築するための、新たなアーキテクチャ思考と開発手法の習得を求めるものです。今こそ、AIとUIの関わり方を深く理解し、未来のWeb開発のあり方を再定義する時期が来ています。