設計フェーズの全体像（MVC構造）

ユーザー

View

Next.js

(React)

Controller

Express

(Node.js)

Model

PostgreSQL

(データ層)

データベース

View層 (Next.js)

  • ユーザーインターフェース表示
  • React Componentsによるレンダリング
  • Server ComponentsとClient Components
  • ユーザー入力の受付と検証

Controller層 (Express)

  • HTTPリクエスト処理
  • ビジネスロジック実装
  • APIルーティング
  • データ検証と変換

Model層 (PostgreSQL)

  • データ操作と永続化
  • データスキーマ定義
  • リレーショナルデータモデリング
  • トランザクション管理

EcoMarketのMVCアーキテクチャ採用メリット

コンポーネント分離

開発の並列化

保守性向上

テスト容易性

SE向けAI開発技術レクチャーシリーズ

© 2025 Tech Innovation Team