Human（人）
- UI構成の意図決定
- 優先順位の判断
- 体験設計
- 最終判断
design20_03｜AI前提のフロント実装設計
フロント実装を破綻させない鍵は、技術ではなく「人とAIの役割分離」にある。 admin.html を題材に、実際の進行フローを示す。
なぜ、フロント実装は重くなるのか
実装が重くなる最大の原因は、判断と実装が混線することにある。
AIによってコード生成は高速化したが、判断の順序が固定されていなければ、 生成量が増えるほど現場は迷い、止まる。
人とAIの役割分担
AI
- HTML / CSS 生成
- JavaScript 実装
- UIパーツ展開
- レスポンシブ対応
最小構成の実装フロー
- 設計：人
- 実装：AI
- 調整：人
admin.html 実装デモ（動画）
関連ページ
design20｜事業・業務・成果を先に決める
AI導入が止まる最大原因は、技術ではなく「事業・業務・成果」が定義されないまま進むことにある。
design20 を開くdesign20_01｜専門チーム立ち上げ（実行条件）
人数・期間・稼働・有料LLM前提など、片手間では成立しない現実条件を整理。
design20_01 を開くdesign20_02｜設計・ドキュメント実践（動画）
要件定義・仕様書・画面遷移・API定義を、AI前提でどう進めるかを動画で示す。
design20_02 を開く