📦 devBlock とは?
✅ 定義
devBlock は「一つの機能に関わる、関連ファイル群の集合体」。
HTML・JS・Route・Controller・Modelなどが機能単位で1ブロック化されたもの。
📌 開発ルール(超重要)
- devBlock内のファイルは全てセットで管理・変更
- 1ファイルを編集したら、必ずdevBlock全体を確認すること!
- 分担作業単位は **「devBlock単位」**で切る
🧱 devBlock テンプレート構成
devBlock: <機能名>
Frontend
├─ public/<機能名>.html
└─ public/js/<機能名>.js
Backend
├─ routes/<カテゴリ>/<機能名>.js
├─ controllers/<カテゴリ>/<機能名>.js
└─ models/<対象Model>.js に関数追加
✅ 例:devBlock: mypage-info
| 種別 | ファイル | 内容 |
|---|---|---|
| HTML | public/mypage.html |
ユーザー情報の表示 |
| JS | public/js/mypage.js |
fetch実行+DOM更新 |
| Route | routes/user/login-info.js |
GET /api/user/login-info |
| Controller | controllers/user/getLoginUserInfo.js |
ユーザー情報取得ロジック |
| Model | models/userModel.js |
findUserByEmail() を使用 |