0Pricing
TypeScript Academy · レッスン

Partial、Readonly、Record、Pick、Omit

オブジェクトを組み替える主要なユーティリティ型、Partial、Readonly、Record、Pick、Omitを使いこなします

「Partial、Readonly、Record、Pick、Omit」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン2/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全3レッスンが含まれています。

導入

目標：Partial、Readonly、Record、Pick、Omitを使って、オブジェクト型を安全に変形します。これらのツールで定型コードを減らし、バグを防ぎます。

Partial

Partial<T>はすべてのプロパティをオプションにします。更新用のペイロードに最適です。

interface User {
  id: number;
  name: string;
  email?: string;
}

type UserUpdate = Partial<User>;
const patch: UserUpdate = { name: "Ada" }; // only changed fields

Readonly

Readonly<T>はプロパティの再代入を防ぎます。共有設定に適しています。

type Config = Readonly<{ api: string; timeout: number }>;
const cfg: Config = { api: "https://api", timeout: 1000 };
// cfg.timeout = 2000; // Error: readonly

Record

Record<K,T>は、ユニオンKのキーと、型Tの統一された値を持つ型を作成します。

type Status = "idle" | "loading" | "error";
type Flags = Record<Status, boolean>;
const f: Flags = { idle: true, loading: false, error: false };

// Also works for arbitrary string keys
const scores: Record<string, number> = { math: 95, eng: 88 };

PickとOmit

Pickは特定のプロパティを選択し、Omitはいくつかのプロパティを削除します。ビューモデルやAPI DTOに最適です。

interface User {
  id: number;
  name: string;
  email?: string;
  role: "user" | "admin";
}

type PublicUser = Pick<User, "id" | "name">;
type PrivateUser = Omit<User, "role">;

const pu: PublicUser = { id: 1, name: "Ada" };
const pr: PrivateUser = { id: 1, name: "Ada", email: "a@x.io" };

ヒント

ヒント：

  • ユーティリティ型を組み合わせます。例：不変なパッチにはReadonly<Partial<T>>を使います。
  • キーから値へのマップにはRecordを使ってください。
  • 似た型を再宣言するより、Pick/Omitを優先してください。

Recordユーティリティの確認

クイックチェック：キーの集合を1つの値の型に対応付けるユーティリティはどれですか？

まとめ

まとめ：パッチにはPartial、不変性にはReadonly、キーから値へのマップにはRecord、モデルをすばやく変形するにはPick/Omitを使います。

よくある質問

「Partial、Readonly、Record、Pick、Omit」レッスンは無料ですか？

はい。「Partial、Readonly、Record、Pick、Omit」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全3レッスンが含まれています。

「Partial、Readonly、Record、Pick、Omit」で何を学びますか？

オブジェクトを組み替える主要なユーティリティ型、Partial、Readonly、Record、Pick、Omitを使いこなします ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/3です。

「Partial、Readonly、Record、Pick、Omit」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. ジェネリック関数と制約（extends、デフォルトパラメーター）
  2. Partial、Readonly、Record、Pick、Omit
  3. keyofとインデックスアクセス型（入門）
← TypeScript Academyに戻る