UI仕様の構造化は何を保存するのか — JSXと生成AIの意味保存性・準可換性について —
Zenn / 3/23/2026
💬 OpinionIdeas & Deep Analysis
Key Points
- UI仕様の構造化は「何を保存するか」を決める作業であり、単なる見た目ではなく意味（意図・制約・振る舞い）を対象にする必要があると論じる。
- JSXが表すのは要素（構文）だけでなく、宣言的な構造として意味を持ち、それが変換・再解釈されても一定の同一性（準可換性）を保つ可能性がある。
- 生成AIをUI仕様の生成・更新に使う場合、テキスト生成は意味保存性が崩れやすいため、構造化によって「保存されるべき意味」を明確化し、変換に対する頑健性を高める必要がある。
- 構造化の設計では、同値扱いできる範囲（可換に近い範囲）と、保存できない／してはいけない差分（意味が変わる部分）を分離して考えるべきだという主張につながる。
!
TL;DR
生成AIにUIを作らせるとき、難しいのはHTMLやCSSを書くことではない。難しいのは、UIの意味構造を崩さずにコードへ落とし込むことである。
UIは、部品・配置・反復・イベント・状態・非同期処理などが重なった複合対象であり、自然言語だけで指示すると意味ずれが起きやすい。一方、JSXはReactのシンタックスシュガー（文法糖）として広く知られていますが、それ以上にUI仕様を半形式的に構造化する表現として強力に働く。
本稿では、UI仕様を意味空間上の対象とみなし、それを JSXによる構造へ射影してから生成AIに渡すとき、なぜ実装が安定しやすいのかを、意味保存性と準可換性の観...
Continue reading this article on the original site.
Read original →Related Articles
How AI is Transforming Dynamics 365 Business Central
Dev.to
Algorithmic Gaslighting: A Formal Legal Template to Fight AI Safety Pivots That Cause Psychological Harm
Reddit r/artificial
Do I need different approaches for different types of business information errors?
Dev.to
ShieldCortex: What We Learned Protecting AI Agent Memory
Dev.to
How AI-Powered Revenue Intelligence Transforms B2B Sales Teams
Dev.to
