@@ -73,34 +73,42 @@ Open [http://localhost:5173](http://localhost:5173) in your browser.
7373This project adopts ** MVVM + Clean Architecture + Atomic Design** .
7474
7575``` mermaid
76- block-beta
77- columns 1
78- block:view["🎨 View Layer ( view/, ui/) "]
79- view_desc["View: 画面の構造定義 / Screen structure<br> ViewModel: ビジネスロジックとの橋渡し / Bridge<br> UI Components: 再利用可能なUIパーツ / Reusable UI "]
76+ flowchart TB
77+ subgraph view["🎨 View Layer"]
78+ view_path[" view/, ui/"]
79+ view_desc["View・ ViewModel・ UI Components"]
8080 end
81- block:interface["📋 Interface Layer (interface/)"]
82- interface_desc["型定義とインターフェース / Type definitions"]
81+
82+ subgraph interface["📋 Interface Layer"]
83+ interface_path["interface/"]
84+ interface_desc["型定義・インターフェース"]
8385 end
84- block:application["⚙️ Application Layer (model/application/)"]
85- application_desc["UseCase: ビジネスロジック実装 / Business logic"]
86+
87+ subgraph application["⚙️ Application Layer"]
88+ app_path["model/application/"]
89+ app_desc["UseCase: ビジネスロジック"]
8690 end
87- block:domain["💎 Domain Layer (model/domain/)"]
88- domain_desc["コアビジネスルール / Core business rules"]
91+
92+ subgraph domain["💎 Domain Layer"]
93+ domain_path["model/domain/"]
94+ domain_desc["コアビジネスルール"]
8995 end
90- block:infrastructure["🔧 Infrastructure Layer (model/infrastructure/)"]
91- infrastructure_desc["Repository: データアクセス / Data access"]
96+
97+ subgraph infrastructure["🔧 Infrastructure Layer"]
98+ infra_path["model/infrastructure/"]
99+ infra_desc["Repository: データアクセス"]
92100 end
93101
94102 view --> interface
95103 interface --> application
96104 application --> domain
97105 application --> infrastructure
98106
99- style view fill:#e3f2fd
100- style interface fill:#fff9c4
101- style application fill:#f3e5f5
102- style domain fill:#e8f5e9
103- style infrastructure fill:#fce4ec
107+ style view fill:#e3f2fd,stroke:#1565c0
108+ style interface fill:#fff9c4,stroke:#f9a825
109+ style application fill:#f3e5f5,stroke:#7b1fa2
110+ style domain fill:#e8f5e9,stroke:#2e7d32
111+ style infrastructure fill:#fce4ec,stroke:#c2185b
104112```
105113
106114詳細は [ ARCHITECTURE.md] ( ./ARCHITECTURE.md ) を参照してください。
0 commit comments