Skip to content

ビルダーパターン

公開日:November 17, 2024更新日:November 28, 2024
TypeScriptDesign pattern📄

ビルダーパターン

ビルダーパターン(Builder Pattern) は、複雑なオブジェクトの生成過程をカプセル化し、その手順を順序立てて定義できるようにするデザインパターンです。ビルダーパターンを使うことで、複雑なオブジェクトの構築を段階的に行い、最終的なオブジェクトを簡単に生成することができます。

ビルダーパターンは、オブジェクトに対してさまざまな設定を行う必要がある場合や、複数のバリエーションを持つオブジェクトを作成する必要がある場合に有効です。

TypeScriptでのビルダーパターンの実装

以下に、TypeScriptでビルダーパターンを使用して「家(House)」オブジェクトを構築する例を示します。この例では、家の構造をさまざまなオプションを用いて段階的に組み立てることができます。

家の構築例

typescript
// Houseクラス(生成するオブジェクト)
class House {
  private hasGarage: boolean;
  private hasSwimmingPool: boolean;
  private numberOfRooms: number;

  setGarage(hasGarage: boolean): void {
    this.hasGarage = hasGarage;
  }

  setSwimmingPool(hasSwimmingPool: boolean): void {
    this.hasSwimmingPool = hasSwimmingPool;
  }

  setNumberOfRooms(numberOfRooms: number): void {
    this.numberOfRooms = numberOfRooms;
  }

  getDescription(): string {
    return `This house has ${this.numberOfRooms} rooms, ` +
      `${this.hasGarage ? 'a garage' : 'no garage'}, and ` +
      `${this.hasSwimmingPool ? 'a swimming pool' : 'no swimming pool'}.`;
  }
}

// HouseBuilderクラス(ビルダー)
class HouseBuilder {
  private house: House;

  constructor() {
    this.house = new House();
  }

  addGarage(): HouseBuilder {
    this.house.setGarage(true);
    return this;
  }

  addSwimmingPool(): HouseBuilder {
    this.house.setSwimmingPool(true);
    return this;
  }

  setNumberOfRooms(number: number): HouseBuilder {
    this.house.setNumberOfRooms(number);
    return this;
  }

  build(): House {
    return this.house;
  }
}

// 実際の使用例
const builder = new HouseBuilder();
const myHouse = builder.setNumberOfRooms(4).addGarage().addSwimmingPool().build();
console.log(myHouse.getDescription()); // "This house has 4 rooms, a garage, and a swimming pool."

const simpleHouse = builder.setNumberOfRooms(2).build();
console.log(simpleHouse.getDescription()); // "This house has 2 rooms, no garage, and no swimming pool."

解説

  1. Houseクラス

    • Houseクラスは生成される最終的なオブジェクトです。ガレージ、プール、部屋数などのプロパティを持っています。
    • 各プロパティには、それを設定するためのメソッド(setGaragesetSwimmingPoolsetNumberOfRooms)が用意されています。
  2. HouseBuilderクラス(ビルダー)

    • HouseBuilderクラスは、Houseオブジェクトを段階的に構築する責任を持つクラスです。
    • addGarageaddSwimmingPoolsetNumberOfRoomsなどのメソッドをチェーンできるようにすることで、流れるような構文でオブジェクトを組み立てることができます。
    • 最終的にbuildメソッドを呼び出すことで、構築したHouseオブジェクトを返します。
  3. 実際の使用例

    • HouseBuilderを使って、家を段階的に構築しています。setNumberOfRooms(4).addGarage().addSwimmingPool().build()のように、ビルダーのメソッドをチェーンして最終的な家の構造を定義します。
    • 必要な機能を自由に組み合わせて、異なる仕様の家を作成することができます。

利点

  • 柔軟なオブジェクト構築: 複雑なオブジェクトを段階的に構築することができ、必要な機能を自由に組み合わせることができます。
  • コードの可読性向上: メソッドチェーンを使用することで、オブジェクトの構築過程を直感的に理解しやすくなります。
  • 冗長性の排除: オブジェクトを構築する過程で、無駄な初期化やコードの冗長性を排除できます。

使用例

  • 複雑なUIコンポーネントの構築: 複数のオプションを持つUIコンポーネントを構築する際に、ビルダーパターンを用いることで柔軟に組み立てることができます。
  • 設定クラスの生成: 様々な設定オプションを持つクラスを段階的に構築し、最終的な設定を確定する際に使用されます。
  • ゲームキャラクターの生成: ゲームにおけるキャラクターの装備やスキルを柔軟に構築する際に使用されます。

まとめ

ビルダーパターンは、複雑なオブジェクトを段階的に構築するのに非常に有効なパターンです。TypeScriptのクラスとメソッドチェーンを活用することで、読みやすく、柔軟にオブジェクトを構築できます。

このパターンを使うことで、オブジェクトの生成がわかりやすくなり、コードの保守性が向上します。特に、オブジェクトの構築に多くのパラメーターや設定が関わる場合に、その真価を発揮します。