拡張機能サンプル
Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019
サンプルから作業して拡張機能の開発を開始します。
ヒント
Azure DevOps 拡張機能 SDK を使用した拡張機能開発に関する最新のドキュメントを確認してください。
次の Microsoft サンプルは、拡張機能フレームワークの機能と、さまざまな領域に貢献する方法を示しています。 各サンプルは、1 つ以上のコントリビューションを示しています。 拡張フレームワークの理解を深めるために、各サンプルのコントリビューションの数を制限します。
サンプル | ソース | 貢献 | 説明 |
---|---|---|---|
BreadcrumbService | GitHub | 階層リンク サービス、ハブ | 階層リンク サービスを追加します。このサービスは、サンプル ハブに "Sample Breadcrumb Item" を追加します。 この項目を表示するには、Pipelines ハブ グループのサンプル ハブに移動します。 |
CodeEditorContribution | GitHub | コード エディター | コード エディターの言語定義と JSON スキーマを追加します。 |
機能 | GitHub | 機能、ハブ、プロパティ プロバイダー | ユーザー プロファイル メニューの [プレビュー機能] パネルにフックする方法について説明します。 "ABC" 機能を有効にしたときにのみ表示される単純なハブを追加します。 機能のオンとオフは、ユーザーごと、または組織ごとに切り替えることができます。 |
ハブ | GitHub | ハブ | Pipelines ハブ グループに Sample Hub という名前のハブを追加します。 サンプル ハブは、プロジェクト レベルのページの [パイプライン] ナビゲーション要素の下にあります。 |
メニュー | GitHub | [ビルド定義] メニュー項目 | ドロップダウン アクション メニューの [ビルド] ハブにサンプル ビルド定義メニュー項目を追加します。 メニュー ハンドラーは、渡されたコンテキストから現在のビルド定義を取得し、REST 呼び出しを行い、結果をメッセージ ボックスに表示します。 |
Panel | GitHub | パネル コンテンツ、ハブ | ハブ サンプル内で適用されます。 [OK] ボタンと [キャンセル] ボタンと共にトグル ボタンが含まれています。 カスタム パネルまたはダイアログ コンテンツとして使用できます。 |
ピボット | GitHub | [Web] タブ | [プロジェクト]、[作業項目]、[マイ プル要求] の横にある組織またはプロジェクト コレクションのホーム ページに、[サンプル ピボット] タブを追加します。 |
ピル | GitHub | Pii Provider | パイプライン定義 (実行) ページのタイトルに丸薬を追加します。 |
QueryParamsHandler | GitHub | イベント サブスクリプション | 任意のページが読み込まれるときに、クエリ パラメーターが URL に表示されるたびに showMyPanel 、任意のページに読み込むサービスを追加します。 スタートアップ サービスでは、パネル のサンプルからカスタム パネルが表示され、オプション myPanelTitle のクエリ パラメーターがパネル タイトルとして使用されます。 |
RepositoryActions | GitHub | メニュー項目 | コード ハブ ページの ヘッダーのリポジトリ ピッカーにサンプル リポジトリ アクション メニュー項目を追加します。 プロパティに表示される href 場合は、指定された URL に移動するアクションを選択します。 プロパティが uri 指定されている場合、そのコードはアクションを選択したときに実行されます。 |
RepositoryServiceHub | GitHub | ハブ | リポジトリ情報ハブをコード ハブ グループに追加します。 ユーザーの Git リポジトリに関する基本情報を IVersionControlRepositoryService 取得するために対話する方法を示します。 |
WorkItemFormGroup | GitHub | 作業項目フォーム グループ | サンプルの WorkItem フォーム グループ拡張機能を作業項目フォームに追加して、サービスと対話する方法をIWorkItemFormService 示しますIWorkItemNotificationListener 。 フォーム サービスを使用してフィールド値を変更し、作業項目フォーム通知イベントを表示する方法を示す UI を提供します。 |
WorkItemOpen | GitHub | ハブ | サンプル WorkItem Open ハブを Boards ハブ グループに追加して、サービスと対話する方法をIWorkItemFormNavigationService 示します。 既存の作業項目を ID で開いたり、作業項目の種類別に新しい作業項目の作業項目フォームを開いたりするための UI を提供します。 これらのオプションのいずれかを選択すると、ホスト フレームでダイアログが開きます。 |
DevLabs の例
その他のオープンソース例を参考にしてください。
サンプル | ソース | 貢献 | 説明 |
---|---|---|---|
チーム予定表 | GitHub | ハブ、イベント ソース | チームにとって重要なイベントの追跡、休暇の表示と管理、スプリントの開始と終了のタイミングをすばやく確認できます。 |
WSJF (Weighted Shortest Job First) | GitHub | 通知 (作業項目)、コンテキスト メニュー アクション (作業項目) | 自動では、作業項目ごとに WSJF (最も短いジョブの重み付け) が計算され、作業項目フィールドに格納されます。 |
Cascading Lists | GitHub | 作業項目フォーム | 作業項目フォームの選択リストの連鎖動作を定義します。 |
遡及 | GitHub | ハブ | 振り返りと一般的なフィードバック ボードのシナリオに関するファーストクラスのエクスペリエンス。 プロジェクトのマイルストーンに関するフィードバックを収集し、整理と優先順位付けを行い、アクションにつながるタスクを作成して追跡し、チームが時間の経過とともに改善するのを支援します。 |
推定 | GitHub | ハブ、作業項目のアクション メニュー | Azure DevOps で Planning Poker をプレイします。 イテレーション、クエリ、またはバックログから作業を選択し、チームでそれらの項目の作業量を見積もり、作業項目をすぐに更新します。 |
複数値コントロール | GitHub | 作業項目フォーム | 複数の値を選択できる作業項目フォーム コントロール。 |
Azure DevOps 拡張機能のタスク | GitHub | タスクのビルドとリリース | Azure Devops および Visual Studio 拡張機能を Visual Studio Marketplace にパッケージ化して発行するための Azure Pipelines タスク。 |
作業の開始
できるだけ早く開始するには、TypeScript を使用して拡張機能を ビルドするために必要なファイルを含むシード プロジェクト を使用します。 拡張機能のビルド、パッケージ化、発行を自動化するスクリプトがあります。