diff --git a/docs/phase3_team.md b/docs/phase3_team.md index a91b971..e248cad 100644 --- a/docs/phase3_team.md +++ b/docs/phase3_team.md @@ -22,6 +22,7 @@ feature/xxx ──► commit ──► push ──► PR ──► review ── ## Day 11: Base App（共有資産）の解析 ### 学習目標 + - 他人が書いたコードを読み解く力を養う - IPOカードを使って構造を理解する @@ -40,6 +41,7 @@ cd team_product/ 以下のファイルを読み、IPOカードに書き起こしてください： **対象ファイル：** + - `src/server.js` - サーバーのメイン処理 - `src/public/index.html` - クライアント側のUI @@ -50,40 +52,41 @@ Base Appの各機能について、IPOカードを作成： **機能1: アイテムの追加** | 項目 | 内容 | |------|------| -| **Input** | （自分で調べて記入） | -| **Process** | （自分で調べて記入） | -| **Output** | （自分で調べて記入） | +| **Input** | （ページを読み込む） | +| **Process** | （DBからitemを全件もらう） | +| **Output** | （item一覧の情報をJSON形式で出力する） | **機能2: アイテムの一覧表示** | 項目 | 内容 | |------|------| -| **Input** | （自分で調べて記入） | -| **Process** | （自分で調べて記入） | -| **Output** | （自分で調べて記入） | +| **Input** | （クライアントからtitleを受け取る） | +| **Process** | （DBに新しいitemを保存する） | +| **Output** | （新しいitemをJSON形式で出力する） | **機能3: アイテムの削除** | 項目 | 内容 | |------|------| -| **Input** | （自分で調べて記入） | -| **Process** | （自分で調べて記入） | -| **Output** | （自分で調べて記入） | +| **Input** | （/api/items/:idからidを受け取る） | +| **Process** | （idから一致するitemをDBから削除する） | +| **Output** | （"削除しました"を出力） | #### 4. 構造図の作成 手書きで以下の図を作成してください： ``` -┌─────────────┐ ┌─────────────┐ ┌─────────────┐ -│ Client │ │ Server │ │ Database │ -│ │ │ │ │ │ -│ index.html │ ──► │ server.js │ ──► │ items.db │ -│ │ ◄── │ │ ◄── │ │ -└─────────────┘ └─────────────┘ └─────────────┘ +┌─────────────┐ ┌─────────────┐ ┌─────────────┐ +│ Client │ │ Server │ │ Database │ +│ │ req │ │ query │ │ +│ index.html │ ─────► │ server.js │ ─────► │ items.db │ +│ │ ◄───── │ │ ◄───── │ │ +└─────────────┘ res └─────────────┘ result └─────────────┘ ``` 各矢印に「何が送られているか」を書き込む。 ### 完了条件 + - [ ] Base Appを起動して動作確認した - [ ] 3つの機能のIPOカードを作成した - [ ] 3層構造の図を手書きで作成した @@ -94,6 +97,7 @@ Base Appの各機能について、IPOカードを作成： ## Day 12: コンフリクト演習 ### 学習目標 + - Gitコンフリクト（衝突）を体験する - コンフリクトの解決方法を学ぶ @@ -197,13 +201,14 @@ git push ### コンフリクト解決のコツ -| やること | やってはいけないこと | -|---------|-------------------| -| チームに相談する | 勝手に相手の変更を消す | -| 両方の意図を理解する | 自分の変更だけ残す | -| テストしてからコミット | 確認せずにプッシュ | +| やること | やってはいけないこと | +| ---------------------- | ---------------------- | +| チームに相談する | 勝手に相手の変更を消す | +| 両方の意図を理解する | 自分の変更だけ残す | +| テストしてからコミット | 確認せずにプッシュ | ### 完了条件 + - [ ] コンフリクトを体験した - [ ] コンフリクトを解決できた - [ ] なぜコンフリクトが起きたか説明できる @@ -213,6 +218,7 @@ git push ## Day 13: 小機能追加 (Branch & PR) ### 学習目標 + - 安全に機能を追加するワークフローを学ぶ - プルリクエスト（PR）とコードレビューを体験する @@ -249,11 +255,11 @@ git checkout -b feature/add-footer 変更前に必ずIPOカードを書く： -| 項目 | 内容 | -|------|------| -| **Input** | | -| **Process** | | -| **Output** | | +| 項目 | 内容 | +| ----------- | ---- | +| **Input** | | +| **Process** | | +| **Output** | | #### 4. 実装 @@ -329,6 +335,7 @@ git push - [ ] 関連Issueをリンクした ### 完了条件 + - [ ] Issueを作成した - [ ] ブランチを作成して実装した - [ ] PRを作成した @@ -338,11 +345,11 @@ git push ## Phase 3 チェックリスト -| 日 | タスク | 完了 | -|----|--------|------| -| Day 11 | Base Appの解析＆IPOカード作成 | [ ] | -| Day 12 | コンフリクト演習 | [ ] | -| Day 13 | 小機能追加（Branch & PR） | [ ] | +| 日 | タスク | 完了 | +| ------ | ----------------------------- | ---- | +| Day 11 | Base Appの解析＆IPOカード作成 | [ ] | +| Day 12 | コンフリクト演習 | [ ] | +| Day 13 | 小機能追加（Branch & PR） | [ ] | --- diff --git a/team_product/src/public/index.html b/team_product/src/public/index.html index a8badc5..bf97ca0 100644 --- a/team_product/src/public/index.html +++ b/team_product/src/public/index.html @@ -1,228 +1,228 @@ - + - - - - Base CRUD App - - - -
- -
-

Base CRUD App

-

シンプルなリストアプリ

-
- - -
- - -
- - -
-

アイテム一覧

- -

- アイテムがありません。上のフォームから追加してください。 -

-
-
- - - + // ページ読み込み時にアイテム一覧を取得 + loadItems(); + +