Skip to content

Commit 3694a81

Browse files
committed
#56 update README
1 parent 9fef69b commit 3694a81

1 file changed

Lines changed: 25 additions & 17 deletions

File tree

‎template/README.md‎

Lines changed: 25 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -73,34 +73,42 @@ Open [http://localhost:5173](http://localhost:5173) in your browser.
7373
This 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

Comments
 (0)