<aside> ◻️ L I F E

<aside> 📝 2022/12/25 知識系はツェッテルカステンベースで再整理中（✅  再整理完了 ‣ ）

</aside>

• 自身について
• 学び（一般）
• 学び（IT / プログラミング）
• 学び（デザイン / マーケティング）
• ライフログ </aside>

<aside> 💡 目次

</aside>

<aside> 📆 2021/01/25 作った 2021/02/06 追記 知らなかった知識を追記

</aside>

• コンパイル時に何が起きているか
  • トランスパイル
    • 型注釈、型を作るだけの文（type 等）、TypeScript 特有のキーワード（abstract）の除去

自分の基本スタンス

反復処理可能な union 型の定義する

• as const を使用することで、反復処理可能な union 型を定義できて便利 けっこうよく使う
  • （参考）‣
  • サンプルコード（性別の例）

インデックス型（Index Signatures）

• オブジェクトのキーを指定せず、プロパティのみ指定したい場合に使用
• プロパティがすべて string 型であるオブジェクトは以下のように定義する

type Butterfly = {
  [key: string]: string;
}

Mapped type

• インデックス型だとどのようなキーも自由に設定できてしまう
• ユニオン型と組み合わせることで、キーに制約をもたせることができる

type SystemSupportLanguage = 'en' | 'fr' | 'it' | 'es';

type Butterfly = {
  [key in SystemSupportLanguage]: string;
};

Required<T> Partial<T>

• それぞれ、すべてのプロパティの Optional を外して必須にする、Optional を付ける、をしてくれる

const assertion

• 基本的には readonly と同じ
• 個別のプロパティに制御はかけられないが、再帰的に readobly がつくのが特徴（オブジェクトに readonly を付けても、ネストしてる部分は変更可能）

Pick<T, K>

• 巨大なタイプエイリアスから、必要な部分のみを抽出する
• 大元になる型の変更に追従しやすくなる
• Omit<T, K> という取り除く方もある

type Mandatory = 'surname' | 'middleName' | 'givenName';
type Person = Pick<User, Mandatory>;

関連

• ‣