概要
このプロセスは、GitHubリポジトリでNext.jsをv15にアップグレードし、appディレクトリ構造へ移行する流れを説明しています。 JulesというAIアシスタントを活用し、タスク割り当てからコード修正、PR作成、マージまでを自動化します。 各ステップでのやり取りや承認フローが明確に示されています。 音声による変更サマリー機能も含まれています。 効率的な開発・レビュー・公開の一連の流れを理解できます。
GitHubリポジトリでのNext.js v15アップグレードとappディレクトリ移行プロセス
タスク割り当てと指示
- GitHubリポジトリとブランチを 選択 し、Julesにタスク割り当てを 実施 すること
- "assign-to-jules"ラベルを Issue に付与し、直接タスクを 割り当て すること
- 例:@kathy/flipdisc mainリポジトリで、Next.jsをv15へアップグレードし、appディレクトリ構造へ 変換 することを指示
Julesによる計画立案と準備
- Julesがリポジトリを 取得 し、Cloud VMへ クローン すること
- 最新のGemini 2.5 Proモデルを活用し、 開発計画 を立案すること
- appディレクトリ構造への移行に伴い、 22ファイルの更新 を計画
- 計画内容を 確認 し、"Continue"で作業の 継続 を指示すること
コード変更の確認・承認
- Julesが 差分(diff) を提示し、変更内容を 迅速に閲覧 ・ 承認 すること
- 例:package.json内で "next": "10.2.3" → "next": "15.0.1" への バージョン更新
- 変更内容を 確認 し、問題なければ 承認 すること
プルリクエスト作成とマージ
- Julesが PR(プルリクエスト) を作成し、レビュー・承認・マージを 実施 すること
- マージ後、 GitHub上で公開 すること
変更内容の迅速把握
- Julesが 音声サマリー を生成し、変更内容を 短時間で把握 すること
- ブランチを 公開 し、音声サマリーも 活用 すること
この一連の流れにより、Next.jsプロジェクトの大規模アップデートと構造変更を 効率的かつ安全 に進めることが可能です。