0Pricing
TypeScript Academy · レッスン

PickとOmit：プロパティの選択

キーを含めたり除外したりして部分型を作成します。

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

概要

Pick は指定したプロパティだけを持つ型を作成します。Omit は指定したプロパティを持たない型を作成します。これらはオブジェクト型を整形するための相補的なツールです。

Pick<T, K>

T から指定したキーだけを残します。
interface User { id: number; name: string; email: string; role: string; }
type PublicUser = Pick<User, 'id' | 'name'>;
// { id: number; name: string }

Omit<T, K>

T から指定したキーを削除します。
type UserWithoutRole = Omit<User, 'role'>;
// { id: number; name: string; email: string }

ビューモデルに使う Pick

表示用の完全なデータモデルからビューモデルを作成するときは、Pick を使用します。
type UserCard = Pick<User, 'name' | 'email'>;

作成用 DTO に使う Omit

自動生成されるフィールドを除外した入力型を作成するときは、Omit を使用します。
interface Post { id: number; title: string; content: string; createdAt: Date; }
type CreatePost = Omit<Post, 'id' | 'createdAt'>;
// { title: string; content: string }

Pick の実装方法

Pick は、キー K に制約されたマップ型で実装されています。
type Pick<T, K extends keyof T> = { [P in K]: T[P] };

Omit の実装方法

Omit は Pick と Exclude を組み合わせ、除外するキー以外のすべてのキーを選択します。
type Omit<T, K extends keyof any> = Pick<T, Exclude<keyof T, K>>;

ユニオンキーでの Pick

Pick にキーリテラルのユニオンを渡します。
type MinimalUser = Pick<User, 'id' | 'email'>;

複数のキーでの Omit

複数のキーを一度に Omit で除外します。
type SafeUser = Omit<User, 'password' | 'token' | 'internalId'>;

Pick とインターフェースのサブセットの比較

Pick は多くの型で再利用できます。新しいインターフェースのサブセットを定義する方法は一度しか使えません。元の型が変更される可能性がある場合は Pick を使用します。

Pick、Omit、Partial の組み合わせ

ユーティリティ型を組み合わせて、複雑な更新用の型を作成します。
type UpdatePost = Partial<Omit<Post, 'id' | 'createdAt'>>;
// Can update title and content, both optional

確認問題

`interface User { id: number; name: string; email: string }` がある場合、`Pick` の結果はどうなりますか？

まとめ

Pick は指定したプロパティだけを残します。Omit は指定したプロパティを削除します。これらを使うと、インターフェース定義を重複させずにビューモデル、DTO、更新用の型を作成できます。

よくある質問

「PickとOmit：プロパティの選択」レッスンは無料ですか？

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

「PickとOmit：プロパティの選択」で何を学びますか？

キーを含めたり除外したりして部分型を作成します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「PickとOmit：プロパティの選択」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

  1. PartialとRequired：オプション性の切り替え
  2. PickとOmit：プロパティの選択
  3. Record：キーと値の型の対応付け
  4. Readonly、Exclude、Extract、NonNullable
← TypeScript Academyに戻る