2024-06

こんにちは、かつコーチです。前回はunion型を安全に絞り込む「型ガード」を扱いました。今回はその型ガードとも相性がいい、as const（値を変更不可・かつ最も狭い型として扱う指示）とリテラル型推論を紹介します。「配列や設定オブジェクトを...

こんにちは、かつコーチです。前回はPartial・Pick・Omitといったユーティリティ型で、既存の型を加工する方法を紹介しました。今回は、union型（string | number のように複数の型のどれかを表す型）を安全に扱うための...

こんにちは、かつコーチです。前回はジェネリクスの制約（extends）を扱い、型パラメータに条件をつける方法を紹介しました。今回は、その仕組みを使って作られているユーティリティ型（既存の型を加工して新しい型を作る組み込み機能）を紹介します。...

こんにちは、かつコーチです。前回はジェネリクスの基本を扱い、型を引数のように渡す考え方を紹介しました。今回はその一歩先、ジェネリクスの制約（extends）を扱います。「ジェネリクスは書けるようになったけど、T に対して自由にプロパティへア...

こんにちは、かつコーチです。前回は、null と undefined を安全に扱う strictNullChecks について解説しました。今回からは少し応用的な内容に入っていきます。最初のテーマは、TypeScriptを学んでいると必ずぶ...

こんにちは、かつコーチです。前回は、オプショナルプロパティ（?）と readonly の使い方について解説しました。今回は、TypeScriptを実務で使ううえで避けて通れない「null と undefined の扱い方」を取り上げます。「...

こんにちは、かつコーチです。前回は、enum（列挙型）の使い方について解説しました。今回は、オブジェクトの型定義をより実務向きにする2つの記法、「オプショナルプロパティ（?）」と「readonly」を扱います。どちらも小さな記号ひとつですが...

こんにちは、かつコーチです。前回は、type と interface の違いについて解説しました。今回は、TypeScript独自の機能である「enum（列挙型）」を扱います。「決まった選択肢の中からどれか一つを選ばせたい」という場面は、実...

こんにちは、かつコーチです。前回は、リテラル型で値を限定する方法を解説しました。TypeScriptで型を定義しようとすると、必ずぶつかるのが「type と interface、どっちを使えばいいの？」という疑問です。どちらもオブジェクトの...

こんにちは、かつコーチです。前回はunion型とintersection型を使って、複数の型を組み合わせる方法を解説しました。その中で何度か登場した「リテラル型」について、今回はあらためて詳しく掘り下げていきます。「特定の値しか受け付けない...

こんにちは、かつコーチです。前回は any・unknown・never という特殊な型を解説しました。今回は、複数の型を組み合わせて新しい型を作る「union型」と「intersection型」を扱います。実務のコードでは「AかBのどちらか...