TypeScript上級

上級 TypeScriptで学ぶデザインパターン｜ケーススタディ編

 

導入

本記事では、TypeScriptを用いたデザインパターンの実践的な適用方法について考察します。特に、現場での具体的なシチュエーションを題材にし、どのようにデザインパターンを活用できるのかを探ります。架空のプロジェクトを通じて、特定のデザインパターンがどのように役立つのか、またその適用に伴う落とし穴についても触れます。

教科書レベルの解説（デザインパターン）

重要な概念の整理

デザインパターンは、ソフトウェア開発において直面する共通の問題に対する再利用可能な解決策です。特に、オブジェクト指向プログラミングにおいては、コードの再利用性や可読性を向上させるために、適切なパターンを選択することが求められます。ここでは、特定のケースにおいて「ファクトリーパターン」を使用し、オブジェクトの生成を効率化する方法を考えます。

コード例（TypeScript）


interface Product {
    operation(): string;
}

class ConcreteProductA implements Product {
    operation(): string {
        return 'Result of ConcreteProductA';
    }
}

class ConcreteProductB implements Product {
    operation(): string {
        return 'Result of ConcreteProductB';
    }
}

class Creator {
    createProduct(type: string): Product {
        switch (type) {
            case 'A':
                return new ConcreteProductA();
            case 'B':
                return new ConcreteProductB();
            default:
                throw new Error('Unknown product type');
        }
    }
}

// 使用例
const creator = new Creator();
const productA = creator.createProduct('A');
console.log(productA.operation());

コードの行ごとの解説

  1. interface Product: 生成される製品のインターフェースを定義します。
  2. class ConcreteProductA: Productインターフェースを実装し、具体的な製品Aを表現します。
  3. class ConcreteProductB: 同様に、製品Bを実装します。
  4. class Creator: 製品を生成するためのファクトリーメソッドを持つクラスです。
  5. createProduct(type: string): 引数に応じて異なる製品を生成します。
  6. const creator = new Creator(): Creatorクラスのインスタンスを生成し、製品の生成を行います。
  7. console.log(productA.operation()): 生成した製品の操作を実行し、結果を出力します。

ケーススタディ編

架空のプロジェクトとして、オンラインストアの開発を考えます。このストアでは、異なる種類の製品（電子機器、衣類、食品など）を扱っています。各製品には異なる属性や動作があり、製品の生成を効率的に行う必要があります。ここでファクトリーパターンを適用することにより、製品の生成ロジックを簡素化し、新しい製品タイプを追加する際の変更コストを低減できます。

例えば、最初は電子機器と衣類のみを扱っていたが、後に食品を追加することになった場合、ファクトリーメソッドを拡張するだけで済み、全体のコードに影響を与えずに新しい製品タイプを導入できます。

ただし、ファクトリーパターンを適用する際の落とし穴として、製品の種類が増えるにつれて、createProductメソッドのswitch文が肥大化するリスクがあります。この場合、戦略パターンや依存性注入を組み合わせることで、より柔軟な設計を実現できます。

まとめ

  • ファクトリーパターンを用いることで、製品生成の柔軟性を高めることができる。
  • 新たな製品タイプの追加が容易になり、コードのメンテナンス性が向上する。
  • 設計の拡張性を考慮し、適切なデザインパターンを組み合わせることが重要である。
RELATED POST