🎬

Generative UI 動画・チュートリアル - 実装と設計を学ぶ

Generative UI実装、生成AI UIデザイン、Vercel AI SDK Generative UI、Flutter GenUI SDK、Gemini、Next.js Generative UIのチュートリアル、デモ、講演を集めています。

17 件
Blazor Community Standup: Generative UI with AG-UI & A2UI
🎬動画

Blazor Community Standup: Generative UI with AG-UI & A2UI

Official .NET session showing how Blazor applications can use Microsoft Agent Framework, AG-UI, and A2UI to let agents dynamically compose and adapt interface components. The talk covers the architecture, protocols, component definitions, and a working demo.

blazorag-uia2ui
by .NET · 2026-07
動画を見る
Generative UI for any agent, anywhere: A2UI, AG-UI, MCP Apps, and more
🎬動画

Generative UI for any agent, anywhere: A2UI, AG-UI, MCP Apps, and more

Google Cloud Tech公式sessionです。A2UI、AG-UI、MCP Appsなどを、portableなagent-generated interfaceを支える補完的なlayerとして整理しています。

google-clouda2uiag-ui
by Google Cloud Tech · 2026-06
動画を見る
Beyond Components: Designing Generative UI for MCP Apps
🎬動画

Beyond Components: Designing Generative UI for MCP Apps

PostmanのRuben CasasによるAI Engineer Europe talkです。MCP Apps向けGenerative UIを、単体componentからより豊かなagent-delivered application surfaceへ広げて設計する視点を扱います。

mcp-appsgenerative-uipostman
by AI Engineer · 2026-06
動画を見る
Vibe design to build incredible web UI
🎬動画

Vibe design to build incredible web UI

Chrome for Developers公式talkです。StitchとChrome DevTools MCPを組み合わせ、ideaから完成度の高いWeb UI workflowへつなげる流れを紹介しています。

chromestitchmcp
by Chrome for Developers · 2026-05
動画を見る
One Design Decision to Create Better Results in Stitch
🎬動画

One Design Decision to Create Better Results in Stitch

Google for DevelopersとGoogle Labsの公式動画です。1つの明確なdesign decisionによって、StitchのUI generation結果を改善する考え方を学べます。

googlestitchdesign
by Google for Developers · 2026-04
動画を見る
Generative UI: Specs, Patterns, and the Protocols Behind Them (MCP Apps, A2UI, AG-UI)
🎬動画

Generative UI: Specs, Patterns, and the Protocols Behind Them (MCP Apps, A2UI, AG-UI)

CopilotKitによるdeep diveです。MCP Apps、A2UI、AG-UIを含む、現代のGenerative UIを支えるspec、pattern、protocolを比較できます。

copilotkitmcp-appsa2ui
by CopilotKit · 2026-01
動画を見る
Google Search with Gemini 3: Our most intelligent search yet
🎬動画

Google Search with Gemini 3: Our most intelligent search yet

Gemini 3 in Searchの新機能を紹介するGoogle公式YouTube動画です。graphical answerやinteractive toolなど、検索結果がGenerative UI(ジェネレーティブUI)として動的に組み立てられる方向性を確認できます。

googlegeminisearch
by Google · 2025-11
動画を見る
Getting started with GenUI
🎬動画

Getting started with GenUI

Flutter applicationsでGenUI SDKを使い、動的interfaceを生成する方法を紹介するFlutter公式tutorialです。Flutter向けGenerative UI実装やcross-platformなAI駆動UIを検討する開発者に向いています。

fluttergenuisdk
by Flutter · 2025-11
動画を見る
Config 2025: From prompt to code with Figma Make and Sites
🎬動画

Config 2025: From prompt to code with Figma Make and Sites

Figma Config 2025の公式sessionです。Figma MakeとSitesのteamが、promptからcode-backedなproduct experienceを生成する流れを紹介しています。

figmafigma-makeprompt-to-code
by Figma · 2025-06
動画を見る
Generative UI: The Future of Frontend (And Why You Should Care) - DevConf.CZ 2025
🎬動画

Generative UI: The Future of Frontend (And Why You Should Care) - DevConf.CZ 2025

DevConf.CZ 2025のconference talkで、Generative UIの概念とfrontend developerが注目すべき理由を解説しています。生成AI UIデザインがfrontend engineeringの役割やcomponent設計にどう影響するかを俯瞰できます。

frontendtalkfuture
by DevConf · 2025
動画を見る
Bringing React Components to AI
🎬動画

Bringing React Components to AI

Vercel公式動画です。AI SDKがtext responseを超えてReact componentsをstreamingし、Generative UI patternを構築する流れを確認できます。

vercelai-sdkreact
by Vercel · 2024-03
動画を見る
GenUI: AI-Generated Interfaces
🎬動画

GenUI: AI-Generated Interfaces

Nielsen Norman Groupによる、AI-generated interfaces(GenUI)の概念とUX designへの影響を解説する動画です。生成AI時代のUI設計、outcome-oriented design、personalizationを考えるうえで参考になります。

nngroupuxai
by NNgroup · 2024
動画を見る
Real-Time UI Generation: Building Dynamic Web Experiences with GenUI
🎬動画

Real-Time UI Generation: Building Dynamic Web Experiences with GenUI

Adam Lucekによる、Generative UI技術でreal-timeかつdynamicなweb experienceを構築するtutorialです。動的UI 生成AIやGenerative UI実装の流れを、実装寄りに追いたい開発者に向いています。

real-timewebgenui
by Adam Lucek · 2024
動画を見る
Generative UI: AI Creates Interactive Experiences on the Fly! (Gemini & Google Search)
🎬動画

Generative UI: AI Creates Interactive Experiences on the Fly! (Gemini & Google Search)

GeminiとGoogle Searchの例を使い、AIがinteractive experienceをその場で作るGenerative UIの考え方を説明する動画です。AI assistantがtext answerから動的なUI surfaceへ広がる流れを把握できます。

aigeminigoogle-search
by Beyond Words Studio · 2024
動画を見る
Thesys C1: First-Ever Generative UI API - Build Interactive AI Apps & Agent!
🎬動画

Thesys C1: First-Ever Generative UI API - Build Interactive AI Apps & Agent!

WorldofAIがThesys C1を紹介する動画です。interactive AI applicationやAgentを作るためのGenerative UI APIとして、Thesys C1がどのような開発体験を狙っているかを把握できます。

thesysc1api
by WorldofAI · 2024
動画を見る
Unlocking Personalized Interfaces: The Power of Generative UI and Outcome-Oriented Design
🎬動画

Unlocking Personalized Interfaces: The Power of Generative UI and Outcome-Oriented Design

AI Insight Newsが、Generative UIとoutcome-oriented designによりpersonalized user interfacesを実現する考え方を解説する動画です。AI駆動のパーソナライズや生成AI時代のUI設計をPM/UX視点で考える材料になります。

personalizationoutcome-orienteddesign
by AI Insight News · 2024
動画を見る
Getting Started with C1 Generative UI
🎬動画

Getting Started with C1 Generative UI

C1 Generative UI platformを始めるためのThesys公式tutorialです。Thesys C1を使ったGenerative UI実装の最初の流れを確認したい開発者に向いています。

thesysc1tutorial
by Thesys · 2024
動画を見る

Generative UI、GenUI、生成AI UIデザインの厳選リソース集。

Made with ❤️ community