カテゴリ: TypeScript 更新日: 2026/05/09

TypeScriptのInstanceTypeとは?クラスから型を自動取得する方法を解説

TypeScriptの`InstanceType<T>`でクラスインスタンスの型を取得する方法
TypeScriptの`InstanceType<T>`でクラスインスタンスの型を取得する方法

先生と生徒の会話形式で理解しよう

生徒

「TypeScriptでクラスを使ってプログラムを作っているのですが、クラスの設計図から、そのクラスを使って作られたインスタンスの型を自動で取り出す方法ってありますか?」

先生

「TypeScriptには、InstanceTypeという便利な仕組みが用意されています。これを使えば、クラス定義から型を簡単に抽出できますよ。」

生徒

「InstanceTypeを使うと、具体的にどのようなメリットがあるんですか?」

先生

「コードの重複を減らして、型安全性を高めることができます。それでは、具体的な使い方を見ていきましょう!」

1. TypeScriptにおけるクラスとインスタンスとは?

1. TypeScriptにおけるクラスとインスタンスとは?
1. TypeScriptにおけるクラスとインスタンスとは?

まず、プログラミング初心者の方のために、クラスとインスタンスの関係を例え話で解説します。クラスは「たい焼きの金型」で、インスタンスは「その金型から実際に作られたたい焼き」だと考えてください。金型そのものは食べられませんが、そこから作られるたい焼きは、中身のあんこやクリームといった具体的なデータを持っています。TypeScriptにおいて、この金型(クラス)から、実際のデータ(インスタンス)の型情報を取り出す作業は、プログラムを効率よく作るために非常に重要です。型とは、変数やオブジェクトがどのようなデータを持つべきかという定義のことです。これらを正確に定義することで、プログラムのバグを未然に防ぐことができます。

2. InstanceTypeを使う目的とは?

2. InstanceTypeを使う目的とは?
2. InstanceTypeを使う目的とは?

プログラミングをしていると、クラスそのものの型(コンストラクタ)と、そこから作られるインスタンスの型を使い分ける必要があります。例えば、ある関数が特定のクラスのインスタンスを受け取りたい場合、そのインスタンスの型を正確に指定しなければなりません。通常、クラス名を書けばそれが型として扱われますが、より高度なプログラム、例えばライブラリ開発や、型変換を伴う処理では、クラスという「定義そのもの」から「出来上がった形」へ型を変換したい場面が出てきます。InstanceTypeは、そのような「定義から形へ」という変換を、TypeScriptのエンジンが自動的に行ってくれる便利な仕組みです。これを使うことで、手動で何度も型を書き直す手間が省け、コードの修正がとても楽になります。

3. InstanceTypeの基本的な書き方

3. InstanceTypeの基本的な書き方
3. InstanceTypeの基本的な書き方

それでは、実際にコードを見てみましょう。InstanceTypeは、TypeScriptが最初から用意しているユーティリティ型です。ユーティリティ型とは、既存の型を加工して新しい型を作るための補助ツールのようなものです。書き方は簡単で、InstanceTypeの中にクラス名を指定するだけです。下の例では、Userというクラスから、そのインスタンスの型を抽出しています。


class User {
    name: string = "名無し";
    sayHello() {
        console.log("こんにちは");
    }
}

type UserInstance = InstanceType<typeof User>;

const user1: UserInstance = new User();
user1.sayHello();

ここで出てくるtypeofは、クラスそのものの型(コンストラクタの型)を取得するためのものです。InstanceTypeは、このtypeof Userを受け取って、実際のインスタンスの構造を返してくれます。結果として、user1はUserクラスのインスタンスとして正しく扱われます。

4. 複雑なプログラムでの活用例

4. 複雑なプログラムでの活用例
4. 複雑なプログラムでの活用例

InstanceTypeは、単なるインスタンス化だけではなく、複数の型を組み合わせて使う際にも非常に強力です。例えば、関数がクラスを受け取り、そのインスタンスを生成して返すような場合、戻り値の型をInstanceTypeで定義することで、プログラムがより安全になります。プログラミング未経験の方にとって、型を意識するのは少し難しく感じるかもしれませんが、型を正しく指定しておくと、プログラムを動かす前にエラーを教えてくれるため、後で大きなトラブルを防ぐことができます。


class Product {
    price: number = 100;
}

function createItem<T extends new () => any>(ItemClass: T): InstanceType<T> {
    return new ItemClass();
}

const myProduct = createItem(Product);
console.log(myProduct.price);

この例では、どのようなクラスが渡されても、そのクラスから作られるインスタンスを正しく返却できる関数を作っています。このような柔軟なプログラミングが可能になるのが、TypeScriptの型の強みです。

5. Mapped Typesとの組み合わせ

5. Mapped Typesとの組み合わせ
5. Mapped Typesとの組み合わせ

次に、Mapped Types(マップド型)と組み合わせて、さらに高度な操作をしてみましょう。Mapped Typesは、ある型のプロパティを一つずつ変換して、新しい型を定義する方法です。例えば、クラスのすべてのプロパティを読み取り専用にしたい場合などに使います。InstanceTypeと組み合わせることで、クラスの定義をベースに、特定の変更を加えた新しいインターフェースを自動生成することができます。これは、非常に強力なテクニックです。


class Settings {
    theme: string = "light";
    notifications: boolean = true;
}

type ReadOnlySettings = {
    readonly [P in keyof InstanceType<typeof Settings>]: InstanceType<typeof Settings>[P];
};

const appSettings: ReadOnlySettings = {
    theme: "dark",
    notifications: false
};

このように、InstanceTypeでインスタンスの型を取り出し、Mapped Typesでそれを一つずつ取り出して処理を加えています。プログラミングの世界では、このように複数の技術を組み合わせることで、複雑な問題もシンプルに解決できるようになります。

6. 型安全性を保つための注意点

6. 型安全性を保つための注意点
6. 型安全性を保つための注意点

最後に、InstanceTypeを使う上での注意点をお伝えします。InstanceTypeは、コンストラクタを持つクラスに対してのみ機能します。もし、関数やただのオブジェクトに対してInstanceTypeを使おうとすると、TypeScriptがエラーを出します。これは、プログラムが「インスタンスを作るための設計図ではない」と判断するからです。エラーが出たときは、自分が渡しているものが本当に「クラス」であるかを確認しましょう。また、TypeScriptのバージョンによって使える機能が制限されることもあるため、常に開発環境を最新の状態に保つことも大切です。型を指定する目的は、あくまで「人間が読みやすく、間違いを犯しにくいコードを書くため」です。最初は難しく感じるかもしれませんが、何度も繰り返して使っていくうちに、自然と使いこなせるようになります。


// 間違った使い方:クラス以外の型を渡そうとするとエラーになる
type WrongType = InstanceType<string>; 

エラーが出ることで、「これはインスタンス化できる型ではないよ」と教えてくれるのも、TypeScriptの優しさだと言えます。この安全機能のおかげで、私たちは安心してプログラムを書くことができるのです。

カテゴリの一覧へ
新着記事
New1
TypeScript
TypeScriptの関数に型をつける方法(引数・戻り値)を初心者向けに徹底解説!
New2
TypeScript
TypeScriptの始め方:開発環境の構築手順【初心者向け】
New3
TypeScript
TypeScriptでExpressのミドルウェアを型安全に定義する方法!バックエンド開発の初心者向け解説
New4
JavaScript
JavaScriptのfilterメソッドで条件に合う要素を抽出する方法
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptでフォームの値を取得する方法を徹底解説!valueプロパティの使い道
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptでHTML5バリデーションAPIを使いこなす!初心者でもわかるフォーム入力チェック
No.3
Java&Spring記事人気No3
TypeScript
TypeScript学習におすすめの無料教材・リファレンスサイト【初心者向け】
No.4
Java&Spring記事人気No4
TypeScript
TypeScriptでコメントを書く正しい書き方と使い分け【初心者向けにやさしく解説】
No.5
Java&Spring記事人気No5
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.6
Java&Spring記事人気No6
JavaScript
JavaScriptで要素を削除する方法(removeChild, removeなど)
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptの配列操作でよくあるエラーとその解決法まとめ
No.8
Java&Spring記事人気No8
JavaScript
JavaScriptの現在日時を取得する方法を完全ガイド!初心者でもわかるDate.now()とnew Date()