# GitHub Copilotを使用したプロジェクトの計画

GitHub Copilotを使用してアイデアを問題に変えて、次のプロジェクトを計画します。

> \[!NOTE]
>
> * この機能は パブリック プレビュー であり、変更される可能性があります。
> * この記事に示されている応答は例です。
>   Copilot Chat 応答は非決定論的であるため、ここに示した応答とは異なる応答が得られる場合があります。

GitHub Issuesを使用してCopilotを使用してプロジェクトを管理します。 このチュートリアルでは、 Copilotのエージェント的な問題作成機能を使用して、製品のアイデアをエピック、機能、タスクに変換します。 エピックは大規模な作業単位を表し、フィーチャーとタスクは作業をより小さな実行可能な部分に分割したものです。 最終的に、構造化されたバックログが完成し、チームと共有できるようになります。

## Projectの概要

製品に求める機能や動作を明確に定義することが重要です。 ソフトウェア開発ライフサイクル (SDLC) の計画フェーズでは、projectをエピック、機能、小さな作業に分解することで、アイデアを実用的なタスクに変えます。 これは、考えを整理し、優先順位を設定し、開発に向けてチームの準備を整えるのに役立ちます。

Copilotを使用する場合は、このプロセスを実行します。
Copilot は構造を提案し、詳細を入力できますが、作業を整理する方法を理解している場合に最適な結果が得られます。
Copilot は、プランの絞り込み、拡張、文書化に役立つ入力と連携します。

このシナリオでは、ユーザーが次のことができる新しいショッピング Web サイトを計画します。

* カテゴリ別に製品カタログを閲覧して検索する
* ショッピング カートに商品を追加する
* セキュリティで保護されたチェックアウトを完了する

目標は、 Copilot を使用して、このビジョンをすばやく構造化されたプロジェクト計画に変換し、サイトの各部分をキャプチャするエピックと詳細な問題を作成することです。

## リポジトリをセットアップする

GitHub Issuesが有効になっているリポジトリを設定します。 「[新しいリポジトリの作成](/ja/enterprise-cloud@latest/repositories/creating-and-managing-repositories/creating-a-new-repository)」を参照してください。

既定では、新しいリポジトリに対して issue が有効になっています。 既存のリポジトリを使いたいのに **\[Issue]** タブが表示されない場合は、次の手順に従って issue を有効にします。

1. リポジトリから **\[Settings]** を選びます。
2. "「Features」の下にある **「Issues」** ボックスをオンにします。"

## プロジェクトの課題を生成する

リポジトリを設定すると、 Copilot を使用して、プロジェクトビジョンを一連の実用的な問題に変えることができます。

### Copilot で GitHub を始める

1. 移動先: [https://github.com/copilot](https://github.com/copilot?ref_product=copilot\&ref_type=engagement\&ref_style=text)
2. チャット パネルを使って、ショッピング Web サイトのリポジトリをアタッチします。 これにより、 Copilot はリポジトリにアクセスし、その中で直接問題を作成できます。

### エピックのイシューを作成する

1. プロンプトとして詳細なプロジェクト説明を入力します。 例: `I’m planning to create a shopping website in React and Node.js. The site should allow users to browse products by category, search for items, add products to a cart, and complete checkout. Please help me plan the project by creating issues and breaking it down into epics, features, and tasks.`
2. プロンプトを送信してください。
   Copilot は問題ツリーを生成します。通常は、各主要な機能またはタスクの上部にエピックとサブイシューが表示されます

![Copilot Chatのスクリーンショット。 Copilotチャットでは、エピックに関する課題の一覧が上部に表示され、その下にいくつかのサブ課題が表示されます。](/assets/images/help/copilot/copilot-creates-sub-issues.png)

## 問題ツリーをナビゲートする

1. エピックをクリックすると、ワークベンチにその詳細が表示されます。 ワークベンチ内を移動しながら課題ツリーを調査します。

2. 通常、各 issue にはタイトルと説明が含まれています。 ラベルや担当者などの追加のメタデータは、ワークベンチで直接編集できます。

3. サブイシューを展開または折りたたみ、プロジェクトの特定の部分に集中できます。

   問題ツリーには、project構造の概要が明確に表示され、エピック、機能、タスク間を簡単に移動できます。

4. ドラフトのこの最初のイテレーションでは、 Copilot は高レベルの問題のみを生成する可能性があります。 これらの issue をより小さなタスクやフィーチャーに分割することで、さらに絞り込むことができます。 "フィーチャー: UI スケルトンとナビゲーション" という issue を洗練させましょう。

Copilot に次の指示をします：`Can you break down the issue "Feature: UI Skeleton and Navigation" into smaller tasks?`

Copilot では、次のような複数の新しいサブ問題が生成されます。
\* タスク: React project構造と初期ファイルを設定する
\* タスク: メイン ルートのプレースホルダー ページを作成する
\* タスク: サイト全体のナビゲーション バー コンポーネントを実装する
\* タスク: ナビゲーションとルーティングを統合する
\* タスク: 基本的なレスポンシブ レイアウトを追加する

1. エピック内の残りの機能イシューに対してこのプロセスを繰り返します。

![Copilot Chat ワークベンチのスクリーンショット。 ワークベンチには、エピックを先頭にして複数のサブイシューがその下に続くイシュー ツリーが表示されます。](/assets/images/help/copilot/copilot-creates-sub-issues-workbench.png)

### 問題の説明を改善する

問題ツリーの生成が完了すると、 Copilotの問題の説明が簡潔であるか、不明である可能性があります。 実用的な内容にするには、必要に応じて各 issue を改善します。

1. "タスク: メイン ルートのプレースホルダー ページを作成する" などの新しく生成された issue から始めましょう。

Copilot に次の指示をします：`Can you improve the description for “Task: Create placeholder pages for main routes”? Please provide a detailed technical summary, list the main routes to be included, outline the steps for implementation, and specify what should be delivered for this task. Please add any relevant code snippets.`

1. Copilot では、"タスク: メイン ルートのプレースホルダー ページを作成する" という下書き問題の新しいバージョンが生成されます。

   Issue の左上にあるバージョン管理ドロップダウンをクリックし、**\[Version 2]** を選んで新しい変更をレビューします。
2. Copilotの改訂版を保持するか、さらに編集するか、もう一度詳細を確認するかを確認して決定します。
   Copilot では、コード スニペットを下書きに追加して、わかりやすくし、これらの問題に対する即時のコンテキストを提供できます。
3. エピック内の他の issue に対してもこのプロセスを繰り返し、必要に応じて説明を改良し、タスクを分割します。
4. Issue の説明に満足したら、**\[Create all]** をクリックして、リポジトリに issue を作成します。

## 問題のリンク解除

Copilot問題ツリーに属していないサブイシューが生成された場合は、問題ツリーからリンクを解除できます。

1. ワークベンチの問題ツリーで、サブイシューの横にある <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-kebab-horizontal" aria-label="More options" role="img"><path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path></svg> をクリックし、\[ **サブイシューのリンクを解除**] をクリックします。
2. このイシューは親からリンク解除され、ツリーでそのエピックの下に表示されなくなります。

## 次のステップ

プロジェクトの問題を生成して調整したので、適切なチーム メンバーに割り当てたり、さらに支援を得るために Copilot に割り当てたりすることができます。 問題に Copilot または共同作成者を割り当てる方法、および Copilotのエージェント機能を使用してプロジェクトの計画と実装を続行する方法の詳細については、 [GitHub Copilot セッションの開始](/ja/enterprise-cloud@latest/copilot/how-tos/use-copilot-agents/cloud-agent/start-copilot-sessions) を参照してください。

## 参考資料

* [GitHub Copilotを使用して問題を作成または更新する](/ja/enterprise-cloud@latest/copilot/how-tos/copilot-on-github/copilot-for-github-tasks/use-copilot-to-create-or-update-issues)
* [組織で GitHub Copilot クラウド エージェントのパイロットを実施する](/ja/enterprise-cloud@latest/copilot/tutorials/cloud-agent/pilot-cloud-agent)
* [GitHub Copilotを使用してタスクに取り組むためのベスト プラクティス](/ja/enterprise-cloud@latest/copilot/tutorials/cloud-agent/get-the-best-results)
* [GitHub Copilot Spaces を使用した開発作業の高速化](/ja/enterprise-cloud@latest/copilot/tutorials/speed-up-development-work)