フロントエンド・PHPカンファレンス北海道2026
LT（5分)
フロントエンド
LLM が生成するコードの品質は設計で決まる！ ― Vue コンポーネント設計のプラクティス
矢光隆太郎
LLM にフロントエンドのコードを書かせたときにこんな問題に直面していませんか？
・同じようなコードが繰り返されている
・コンポーネントの責務が曖昧
・使われていないコンポーネントがある
これらのコード品質の問題は開発前の設計で防ぐことができます。
Vue コンポーネント開発において、props とコンポーネントの依存関係を事前に設計することで、LLM が生成するコードの品質を安定させることができます。
本 LT では、業務で試して分かった品質を担保するための設計プラクティスをお話しします:
・LLM に渡すべき設計情報
・品質ブレを防ぐ設計フォーマット
・実務で得られた効果と課題
LLM でも長期的に保守できるコードを書けるように設計を工夫していきましょう！