GitHub Copilot に視覚的な入力を提供する

メモ

Copilot コーディングエージェントの概要については、「GitHub Copilot コーディングエージェントについて」を参照してください。

イントロダクション

コーディングエージェントは、タスクの説明として、スケッチまたは設計の写真やスクリーンショットなどのイメージを処理できます。これは、たとえば、UI の更新や設計の実装など、Copilot 視覚的に何を達成しようとしているのかを示す場合に役立ちます。

Copilot に画像を提供する方法は、2 つあります。

        **問題の中**: Copilot に完了させたいタスクの説明を含む画像を問題の本文に追加し、その後、その問題を Copilot に割り当てます。

        **Copilot チャット** で: Copilot にプル リクエストの作成を指示する際に、イメージをプロンプトに添付します。

問題を作成するリポジトリに移動します。
新しい問題を作成するか、既存の問題を開きます。
問題の本文で、画像をドラッグアンドドロップします。
Copilot が画像に対して行うべきことを明確に説明する文を追加してください。たとえば、"このモックアップに合わせてログインフォームを更新しましょう" などです。
Copilot に問題を割り当てます。詳細な手順については、「 GitHub.com の Copilot に問題を割り当てる」を参照してください。

Copilot は、タスクの作業時に、イメージを説明と一緒に分析します。

Copilot チャットを開きます。
画像をチャットプロンプトに添付し、 /task を使用して、Copilot で実行する操作を説明します。たとえば、「このモックアップに一致するように通知バッジを更新する」などです。

詳細な手順については、「GitHub.com の Copilot チャットでプルリクエストを作成するよう Copilot に指示する」を参照してください。
Copilot は、画像をタスクの文脈に使用してプルリクエストを作成します。

        [AUTOTITLE](/copilot/how-tos/use-copilot-agents/coding-agent/create-a-pr)

        [AUTOTITLE](/copilot/tutorials/coding-agent/best-practices)

        [AUTOTITLE](/copilot/how-tos/use-copilot-agents/coding-agent/review-copilot-prs)