TypeScriptでのインターフェースのエクスポートとインポート方法

インターフェースのエクスポート: インターフェースをエクスポートするには、以下のようにinterfaceキーワードの前にexportキーワードを追加します。

export interface MyInterface {
  // インターフェースのプロパティやメソッドの定義
}

インターフェースのインポート: 他のファイルで定義されたインターフェースを使用するには、以下のようにimportキーワードを使用します。

import { MyInterface } from './path/to/interfaceFile';

上記の例では、interfaceFileはインターフェースが定義されているファイルのパスを指定します。インターフェースの名前は波括弧({})内に指定します。

インターフェースのエクスポートとインポートの例: 以下は、インターフェースのエクスポートとインポートを使用した例です。

// interfaceFile.ts
export interface MyInterface {
  name: string;
  age: number;
}
// mainFile.ts
import { MyInterface } from './interfaceFile';
const person: MyInterface = {
  name: 'John',
  age: 25
};
console.log(person.name); // 出力: John
console.log(person.age); // 出力: 25

上記の例では、interfaceFile.tsでMyInterfaceを定義してエクスポートし、mainFile.tsでインポートして使用しています。personオブジェクトはMyInterfaceの型を持ち、nameとageのプロパティを持っています。

これらの方法を使用することで、TypeScriptでインターフェースをエクスポートしてインポートし、異なるファイル間で再利用することができます。