Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
67 changes: 37 additions & 30 deletions docs/phase3_team.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ feature/xxx ──► commit ──► push ──► PR ──► review ──
## Day 11: Base App(共有資産)の解析

### 学習目標

- 他人が書いたコードを読み解く力を養う
- IPOカードを使って構造を理解する

Expand All @@ -40,6 +41,7 @@ cd team_product/
以下のファイルを読み、IPOカードに書き起こしてください:

**対象ファイル:**

- `src/server.js` - サーバーのメイン処理
- `src/public/index.html` - クライアント側のUI

Expand All @@ -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層構造の図を手書きで作成した
Expand All @@ -94,6 +97,7 @@ Base Appの各機能について、IPOカードを作成:
## Day 12: コンフリクト演習

### 学習目標

- Gitコンフリクト(衝突)を体験する
- コンフリクトの解決方法を学ぶ

Expand Down Expand Up @@ -197,13 +201,14 @@ git push

### コンフリクト解決のコツ

| やること | やってはいけないこと |
|---------|-------------------|
| チームに相談する | 勝手に相手の変更を消す |
| 両方の意図を理解する | 自分の変更だけ残す |
| テストしてからコミット | 確認せずにプッシュ |
| やること | やってはいけないこと |
| ---------------------- | ---------------------- |
| チームに相談する | 勝手に相手の変更を消す |
| 両方の意図を理解する | 自分の変更だけ残す |
| テストしてからコミット | 確認せずにプッシュ |

### 完了条件

- [ ] コンフリクトを体験した
- [ ] コンフリクトを解決できた
- [ ] なぜコンフリクトが起きたか説明できる
Expand All @@ -213,6 +218,7 @@ git push
## Day 13: 小機能追加 (Branch & PR)

### 学習目標

- 安全に機能を追加するワークフローを学ぶ
- プルリクエスト(PR)とコードレビューを体験する

Expand Down Expand Up @@ -249,11 +255,11 @@ git checkout -b feature/add-footer

変更前に必ずIPOカードを書く:

| 項目 | 内容 |
|------|------|
| **Input** | |
| **Process** | |
| **Output** | |
| 項目 | 内容 |
| ----------- | ---- |
| **Input** | |
| **Process** | |
| **Output** | |

#### 4. 実装

Expand Down Expand Up @@ -329,6 +335,7 @@ git push
- [ ] 関連Issueをリンクした

### 完了条件

- [ ] Issueを作成した
- [ ] ブランチを作成して実装した
- [ ] PRを作成した
Expand All @@ -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) | [ ] |

---

Expand Down
Loading