🔧 Auto Layout とは？
Auto Layout では、ビューの位置やサイズを「制約（Constraint）」で定義します。制約は次のようなルールを定めます：
- 上から20ptに固定
- 左右の中央に配置
- 幅を画面の半分にする
- 別のビューと同じサイズにする
🧰 Storyboardでの制約の追加方法
- 対象のViewを選択
- 右下の 制約アイコン（Add New Constraints） をクリック
- マージンやサイズ、配置などを指定して「Add Constraints」をクリック
- 制約が青線として表示されればOK
🎯 よく使う制約の例
- Top / Bottom / Leading / Trailing 制約
- Width / Height を固定
- Center X / Y で中央揃え
- Equal Width / Height（別のビューと同じサイズ）
- Aspect Ratio（縦横比を固定）
📏 制約が赤くなる原因と対処法
赤い線は「制約の衝突」や「不十分な制約」があることを意味します。
- 制約が足りない → 必要な方向に制約を追加
- 複数の制約が矛盾 → どちらかを削除
- 優先度（Priority）を調整して回避する
📱 実機サイズに合わせて確認
Xcodeのプレビュー（Assistant Editor や Live Preview）で、iPhone SE〜Pro Max など異なる画面サイズで崩れないか確認しましょう。