ワークフロー概要
タスクの規模に応じて適切な開発ワークフローを選択しましょう。
3つの開発レイヤー
Vibe codingでは、変更の規模と複雑さに応じて3つの異なるワークフローをサポートしています。適切なワークフローを選択することで、効率的な開発と適切なドキュメント管理が可能になります。
| ワークフロー | スコープ | 計画ツール | 想定期間 |
|---|---|---|---|
| 軽微な変更 | 単一機能、バグ修正、小規模更新 | Claude Codeのみ | 1セッション |
| フェーズ開発 | 主要機能、複数タスク | Claude Web → Claude Code | 数日〜数週間 |
| 大規模な変更 | アプリ再構築、大幅な方向転換 | Claude Web → 全ドキュメント | 数週間以上 |
選び方
軽微な変更を使う場合:
- 単一の機能追加やバグ修正
- UI調整やコンテンツ更新
- 1セッションで完了できる変更
- アーキテクチャの決定が不要
→ 軽微な変更ガイド
フェーズ開発を使う場合:
- 複数タスクを含む主要な新機能の追加
- 開発が複数日にまたがる
- コーディング前に構造化された計画が必要
- タスク全体の進捗を追跡したい
大規模な変更を使う場合:
- アプリ全体の再構築
- 機能の大幅な方向転換
- 既存のドキュメントが古くなっている
- すべてのAIドキュメントを再作成する必要がある
簡易判断フロー
単一の小さな変更ですか?
├── はい → 軽微な変更
└── いいえ → 新しいドキュメント構造が必要ですか?
├── はい → 大規模な変更
└── いいえ → フェーズ開発
よくあるシナリオ
| シナリオ | 推奨ワークフロー |
|---|---|
| ボタンの色を修正 | 軽微な変更 |
| ユーザー認証を追加 | フェーズ開発 |
| REST APIをGraphQLに変換 | 大規模な変更 |
| テキストコピーを更新 | 軽微な変更 |
| 新しいダッシュボードページを追加 | フェーズ開発 |
| 新しいフレームワークでアプリを再構築 | 大規模な変更 |
| フォームバリデーションを追加 | 軽微な変更 |
| 通知システムを実装 | フェーズ開発 |