Interfaceの拡張とマージ
Interfaceを拡張し、宣言マージの仕組みを理解します。
「Interfaceの拡張とマージ」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全4レッスンが含まれています。
ようこそ
インターフェースの拡張
interface Animal { name: string; }
interface Dog extends Animal {
breed: string;
}
const rex: Dog = { name: 'Rex', breed: 'Labrador' };複数のインターフェースの拡張
interface Flyable { fly(): void; }
interface Swimmable { swim(): void; }
interface Duck extends Flyable, Swimmable {
quack(): void;
}拡張時のプロパティのオーバーライド
interface Base { value: string | number; }
interface Derived extends Base { value: string; } // OK — string is narrower
// interface Bad extends Base { value: boolean; } // Error宣言のマージ
interface Window { title: string; }
interface Window { location: Location; }
// Merged: Window has both title and locationライブラリ型の拡張
// express.d.ts
declare namespace Express {
interface Request {
user?: User;
}
}型エイリアスのインターフェースによる拡張
type Named = { name: string };
interface User extends Named { email: string; }入れ子になった拡張チェーン
interface A { a: number; }
interface B extends A { b: number; }
interface C extends B { c: number; }
const obj: C = { a: 1, b: 2, c: 3 };extendsとimplements
interface Serializable { serialize(): string; }
class Model implements Serializable {
serialize() { return JSON.stringify(this); }
}マージによるすべての利用箇所への追加
マージと拡張：使い分け
確認問題
まとめ
よくある質問
「Interfaceの拡張とマージ」レッスンは無料ですか？
はい。「Interfaceの拡張とマージ」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全4レッスンが含まれています。
「Interfaceの拡張とマージ」で何を学びますか？
Interfaceを拡張し、宣言マージの仕組みを理解します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
TypeScript Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。
「Interfaceの拡張とマージ」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このTypeScript Academyレッスンでコードを書いて実行できますか？
はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- Interfaceによるオブジェクト形状の定義
- 複雑な型のための型エイリアス
- Interfaceの拡張とマージ
- InterfaceとType：使い分け