as constと列挙パターン
なぜ学ぶか: 「サイズは3種類」「カテゴリは5つ」— 決まった選択肢の一覧を、AIはas constという書き方で管理します。初見では読めない形なので、例で種明かしします。
まずはこの例を見てみましょう
// 選択肢の一覧を1箇所で定義する定番パターン const SIZES = ["S", "M", "L"] as const; // この配列から「型」を自動で作れる(決まり文句) type Size = (typeof SIZES)[number]; // "S" | "M" | "L" になる const size: Size = "M"; // OK // const bad: Size = "XL"; // ← 一覧に無いのでエラー
値の一覧(SIZES)から型(Size)を作るので、選択肢を足すときは配列に1つ足すだけで済みます。
as const=「この値のまま」に固定
ただの文字列の配列ではなく、「まさにこの3つが並んだ、書き換え不可の配列」という厳しい型になります。
配列から型を作れる
例の(typeof SIZES)[number]は「配列の中身のどれか」という型を作る決まり文句です。丸暗記でOKです。
一覧と型がズレない
選択肢をSIZESに足せばSize型にも自動で入ります。値と型の二重管理がいらない、AIもよく使う形です。
ステップ 1 / 3
※ カリキュラムの内容はAIが生成しており、誤りが含まれる場合があります。正確な情報は公式ドキュメント等でご確認ください。