フロントエンド・PHPカンファレンス北海道2026
トーク(15分)
フロントエンド 初登壇

UIをLLMで生成し、LLMにクリックさせて「わかりやすさ」を検証する

Koki Taniguchi

LLMで品質の高いコードが生成できるようになった今、コーディングよりもLLMへの指示出しに時間を使うようになりました。
しかし管理画面のようにデザイナーが関与していない領域ではUI定義が薄く、実装方針を事前に確認しづらいため、こまめな成果物確認が必要になります。
そこで、UI設計からLLMに任せつつ品質を担保する方法を考えました。

本トークでは、ASCIIワイヤーフレーム等の画面表現+クリック要素/遷移を構造化し、スキーマ/整合性を機械検証した上で、別LLMに「最初の1クリック(First-click)」を選択式で回答させて定量評価する手法を紹介します。
選択肢匿名化・シナリオ駆動で「キーワード当て」など、意図しないヒント混入(コンテキストリーク)を防ぐ工夫についても解説します。

【時間配分】課題3分→構造化/検証4分→First-click6分→まとめ2分
【対象】LLM開発に興味があるフロントエンドエンジニア(初級〜中級)