← inaro.devAI駆動開発 学習ツール
中級

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が生成しており、誤りが含まれる場合があります。正確な情報は公式ドキュメント等でご確認ください。