# 問題のあるアーティファクトの使用

計画、調査、リンク、対話型 HTML を、それらが関連する課題と共に保持します。

この機能はパブリック プレビュープレビューで、変更される可能性があります。

Issue アーティファクトは、問題にアタッチされた名前付きコンテンツです。 計画、調査、決定、プロトタイプ、参考資料を、作業と共にコンテキストとして保持するための長く使える場所を提供します。

成果物は URL を介して他のユーザーと共有できます。成果物を更新すると、変更の記録は GitHub によって保持されるため、プロジェクトの過程で成果物がどのように進化したかを確認できます。

## サポートされている成果物の種類

Issue アーティファクトでは、次の種類がサポートされます。

* **Markdown ドキュメント (`generic`)**: 研究、調査ノート、デザイン ドキュメントなどの汎用コンテンツ。
* **プラン (`plan`)**: Markdown 実装計画。
* **リンク (`link`)**: ディスカッション、プロトタイプ、Slack、Teams スレッドなど、他の場所にあるコンテンツへの名前の付いたリンク。
* **HTML ファイル (`embedded_html`)**: 対話型プロトタイプ、視覚化、フローチャート、図などの自己完結型 HTML ドキュメント。

## 成果物の作成

GitHub.comでアーティファクトを作成するか、組み込みの GitHub MCP サーバー、GitHub CLI、または issue artifacts REST API を使用してアーティファクトを作成するようにエージェントまたは開発者ツールに依頼できます。 たとえば、 Copilot app に実装計画、根本原因分析、調査の概要を作成して問題に添付するように依頼できます。

### GitHub.com で成果物を作成する

1. 成果物を作成する課題に移動します。
2. **\[成果物]** セクションで、\[<svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-plus" aria-label="Add artifact" role="img"><path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path></svg>] をクリックします。
3. 成果物の種類を選択してください:
   * 名前付き URL を追加するには、\[ **リンクの追加**] をクリックします。
   * Markdown ドキュメントを作成するには、\[ **アーティファクトを作成**] をクリックします。
   * HTML ドキュメントを作成するには、\[**HTML アーティファクトを作成**] をクリックします。
4. 画面の指示に従って、アーティファクトに名前を付けて作成してください。

## 成果物の表示と共有

1. 成果物を含む課題に移動します。
2. **\[成果物]** セクションで、成果物の名前をクリックします。
3. 成果物が開き、課題上のサイド パネルに表示されます。
4. 成果物を他のユーザーと共有する URL をコピーするには、\[ <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-link" aria-label="the link" role="img"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg>] をクリックします。

## アーティファクトの編集

1. アーティファクトを開く。
2. アーティファクト パネルで、<svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-pencil" aria-label="Edit artifact" role="img"><path d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z"></path></svg> をクリックします。
3. 成果物の名前または内容を更新してください。
4. 変更を保存。

アーティファクトを編集すると、履歴にバージョンが作成されます。

## 成果物のバージョン履歴の表示

1. アーティファクトを開く
2. アーティファクト パネルで、<svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-history" aria-label="Edit history" role="img"><path d="m.427 1.927 1.215 1.215a8.002 8.002 0 1 1-1.6 5.685.75.75 0 1 1 1.493-.154 6.5 6.5 0 1 0 1.18-4.458l1.358 1.358A.25.25 0 0 1 3.896 6H.25A.25.25 0 0 1 0 5.75V2.104a.25.25 0 0 1 .427-.177ZM7.75 4a.75.75 0 0 1 .75.75v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5A.75.75 0 0 1 7.75 4Z"></path></svg> をクリックします。
3. バージョンを選択すると、その名前、コンテンツ、作成者、作成時刻が表示されます。

Web インターフェイスでバージョンを復元することはできません。 以前のバージョンを復元するには、 `gh issue artifact edit --restore-version`を使用します。 復元すると、以前の名前とコンテンツが新しいバージョンとして保存され、完全な履歴が保持されます。

## アーティファクトの並べ替え

成果物は、**成果物** セクション内でドラッグして並べ替えることができます。 成果物の横にある \[ <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-kebab-horizontal" aria-label="Artifact actions" 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> ] をクリックし、\[ **移動**] をクリックして、位置を選択することもできます。

## 成果物を削除する

> [!WARNING]
> 成果物は完全に削除され、そのバージョン履歴も削除されます。

1. 問題の \[ **成果物** ] セクションで、成果物の横にある \[ <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-kebab-horizontal" aria-label="Artifact actions" 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. **\[削除]** をクリックします。

## HTML 成果物を安全にプレビューする

GitHub.comでは、HTML アーティファクトが**ソース** ビューで開くので、コードを実行する前に確認できます。 HTML をレンダリングするには、**プレビュー** を選択します。
GitHub は、制限付きサンドボックスにプレビューをレンダリングします。 このインターフェイスは、プレビューによって、外部サイトにその内容を送信する可能性があるユーザー指定のコードが実行されることを警告します。 ソースを確認し、信頼できるソースの HTML のみをプレビューしてください。 ソースに戻すには、**ソース** を選択します。

## エージェントでのアーティファクトの使用

Copilot appを使用して問題に取り組むと、セッション中に作成された成果物が自動的に問題にアタッチされます。 実装計画、根本原因分析、履歴コンテキストの概要など、特定の成果物を作成するように Copilot に依頼することもできます。

エージェントと開発者ツールは、組み込みの GitHub MCP サーバー、REST API、または GitHub CLI を使用して成果物の読み取りと管理を行うこともできます。

## GitHub CLI を使用したアーティファクトの管理

Issue artifact コマンドには、GitHub CLI 2.103.0 以降が必要です。

issue artifact コマンドの詳細については、[`gh issue artifact`リファレンス](https://cli.github.com/manual/gh_issue_artifact)を参照してください。

## 詳細については、次を参照してください。

* REST API ドキュメントの「[Issue アーティファクトの REST API エンドポイント](/ja/rest/issues/artifacts)」
* [問題について](/ja/issues/tracking-your-work-with-issues/learning-about-issues/about-issues)