JavaScript中級

中級 JavaScriptで学ぶデザインパターン｜アンチパターン編

 

導入

デザインパターンは、ソフトウェア開発における共通の課題を解決するための効果的な手法です。しかし、実際の開発現場では、これらのパターンを誤って適用することがあり、結果としてアンチパターンと呼ばれる状況に陥ることがあります。本記事では、JavaScriptを用いた具体的なシチュエーションを通じて、よくあるアンチパターンとその改善方法について解説します。

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

重要な概念の整理

デザインパターンは、オブジェクト指向プログラミングにおいて再利用可能なソリューションを提供します。特に、クラスやオブジェクトの構造を整理するためのパターンは、コードの可読性や保守性を向上させます。これにより、長期的なプロジェクトにおいても効率的に開発を進めることが可能になります。

コード例（JavaScript）


class User {
    constructor(name) {
        this.name = name;
    }
}

class UserManager {
    constructor() {
        this.users = [];
    }

    addUser(user) {
        this.users.push(user);
    }

    findUser(name) {
        return this.users.find(user => user.name === name);
    }
}

const userManager = new UserManager();
userManager.addUser(new User('Alice'));
userManager.addUser(new User('Bob'));
console.log(userManager.findUser('Alice')); // User { name: 'Alice' }

コードの行ごとの解説

  1. クラスUserは、ユーザーの名前を保持する基本的なクラスです。
  2. クラスUserManagerは、ユーザーの管理を行うクラスで、ユーザーの追加と検索の機能を提供します。
  3. addUserメソッドは、新しいユーザーをusers配列に追加します。
  4. findUserメソッドは、指定された名前のユーザーを検索して返します。
  5. 最後に、UserManagerのインスタンスを作成し、ユーザーを追加し、検索結果をコンソールに表示します。

アンチパターン編

デザインパターンの適用において、特に「ゴッドオブジェクト」というアンチパターンがよく見られます。これは、あるクラスが過剰な責任を持ちすぎて、他のクラスとの依存関係が強くなる状況を指します。上記のUserManagerクラスは、ユーザーの追加や検索の機能を持っていますが、さらにユーザーの削除や更新などの機能を追加すると、次第にその役割が肥大化し、ゴッドオブジェクトになりかねません。

この問題を解決するためには、機能を分割し、責任を明確にすることが重要です。たとえば、ユーザーの管理を行うUserManagerクラスとは別に、ユーザーのデータ操作を担当するUserServiceクラスを作成することで、各クラスの責任を明確に分けることができます。

まとめ

  • ゴッドオブジェクトは、クラスの責任が過剰になり、コードの可読性や保守性を低下させる。
  • 機能を分割し、各クラスの責任を明確にすることで、アンチパターンを回避できる。
  • デザインパターンの適用は、状況に応じた柔軟なアプローチが求められる。
RELATED POST