【初学者向け】レイヤードアーキテクチャの基礎を理解しよう

公開日2024.12.25

#エンジニア概念マップ

エンジニア

Tsukamura

はじめに
レイヤードアーキテクチャって何？
レイヤードアーキテクチャの基本構造：ECサイトを例に
1. プレゼンテーション層
2. ビジネス層
3. データ層
このような設計のメリット
いつレイヤードアーキテクチャを使うべき？
まとめ

はじめに

みなさんは「レイヤードアーキテクチャ」という言葉を聞いたことがありますか？

レイヤードアーキテクチャは多くのWebアプリケーションで採用されている、とても基本的な設計パターンです。この記事では、レイヤードアーキテクチャの基礎を、ECサイトを例に挙げながら分かりやすく解説していきます。

レイヤードアーキテクチャって何？

レイヤードアーキテクチャは、アプリケーションを「層（レイヤー）」と呼ばれる複数の階層に分けて設計する方法です。

身近な例で例えると...

デパートの階層構造に似ています
- 1階：食品売り場（お客様との接点）
- 中間階：衣類・雑貨売り場（商品の管理・展示）
- 地下：バックヤード（在庫管理・仕入れ）

それぞれの階が特定の役割を持っているように、アプリケーションも役割ごとに層を分けて管理します。

レイヤードアーキテクチャの基本構造：ECサイトを例に

レイヤードアーキテクチャでは、各レイヤーが特定の作業に特化し、他のレイヤーの詳細を気にせずに開発できるように設計します。

ECサイトを例に、各層の役割と実装を見ていきましょう。商品の割引価格を表示する機能を通じて、それぞれの層がどのような仕事を担当するのかを理解していきます。

1. プレゼンテーション層

責務：表示に関する処理のみを担当

商品価格の表示方法（赤字表示など）の定義
ビジネス層から受け取った価格データの表示
重要： 割引計算の方法は知る必要がありません

実装例：

class ProductDisplay {
  showPrice(price: number) {
    // 価格の表示方法だけを定義
    return `<span class="discount-price">¥${price}</span>`;
  }
}

2. ビジネス層

責務：割引計算に関する処理のみを担当

会員ランクに応じた割引計算の実装
価格データの加工処理
重要： データベースやAPIの詳細は知る必要がありません

実装例：

class DiscountCalculator {
  calculatePrice(originalPrice: number, memberRank: string) {
    // ビジネスロジック（割引計算）だけを実装
    const discount = this.getDiscountRate(memberRank);
    return originalPrice * (1 - discount);
  }
}

3. データ層

責務：データの保存と取得のみを担当

商品データの保存処理
価格データの取得処理
重要： 画面表示方法や割引計算は知る必要がありません

実装例：

class ProductDatabase {
  getProductPrice(productId: string) {
    // データの取得処理だけを実装
    return database.query("SELECT price FROM products WHERE id = ?", [productId]);
  }
}