研究/論文初出 8/12 11:32
「作るべき理由」には強さの段階がある — なぜ『HTML構造上つくれない』が最強か
https://zenn.dev/topics/ai/feed2026/8/12
AI要約
デザインシステムにおけるコンポーネント設計の根拠の強さについて考察。AIに170画面を組ませるコールドテストを通じて、「HTML構造上つくれない」といった強力な制約がいかに重要であるかを実証し、設計判断の基準を分析する。
AI要点
- コンポーネントを「作るべきか」の判断根拠には、「弱・中・強」の3段階の強さがある。
- 「弱」はコンポーネントが存在せず手組みされた場合で、3回以上独立して手組みされたら作成を検討する。
- 「中」は対応表の誤誘導で、ユーザーが期待通りに動かないケースで、弱より発見が遅れコストが重い。
- 「強」は既存コンポーネントの拡張ではHTML構造上作成できない場合で、新設が必須となる。
- DocumentRowの例では、ListCardがHTML仕様上、独立したタップ対象を複数持つことができないため新設が必要だった。
なぜ重要か
「作るべき理由」の強弱を明確に定義することで、デザインシステムにおけるコンポーネントの新設・拡張の判断基準が明確になり、開発リソースの最適化と一貫性のあるUI構築が可能となる。