Azure DevOps Delivery Plans のために Work Item に期間を追加してみた

Azure DevOps の Delivery Plans を使ってガントチャートを作成していて、User Story の一つを Iteration とは別の期間で表示させたい場合の方法についてご紹介します。

# デフォルトの設定だと User Story に期間を設定できない！？
デフォルトの設定のままだと、Feature にはデフォルトで Start Date / Target Date の設定項目があり、Iteration とは別に期間を設定することが可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/cd77ee7a-7742-a19c-80e6-405b295d7375.png)
しかし、User Story はデフォルトでは期間の設定をすることができないため、Delivery Plans を使用した際に、Iteration 内にのみ表示させることしかできません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/a2a5f467-9335-9cb6-0a10-2a7fee0a80cd.png)
そこで、デフォルトの設定を変更し、User Story に期間を設定できるようにしてみます。

# User Story で期間を設定できるようにしてみた
1. Organization Settings > Boards > Process から All processes を開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/0bf3cd9f-2f38-2f4d-0572-169d232d15cd.png)

1. デフォルトの設定では、対象のプロジェクトがプロジェクト作成時に選択したデフォルトのプロセスになっていると思います。 User Story など、WorkItem の内容に変更を加えたい場合はデフォルトのプロセスのままだとできないため、プロセスを変更します。
※今回は **Agile** プロセスで作成していた場合を例に説明します。

1. **Agule** にカーソルを合わせると「・・・」が表示されるのでそれを押下し、「Create inherited process」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/2779efc6-55e0-9ed8-0519-01e8db753950.png)

1. **Agile** から設定を引き継いで、新しく作成するプロセスの名前を入力し、「Create process」を押下します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/f87e4b84-70c1-e644-8a33-f38d470c3d50.png)

1. 作成が完了したら、対象のプロジェクトのプロセスの「Team projects」を押下します。
※今回の場合は **Agile** の「Team projects」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/3e64316d-4b4b-b760-d9b5-e6fe1f5251c8.png)

1. 選択したプロセスを使用しているプロジェクトが表示されるので、先ほどと同様に「・・・」 を表示させて押下し、「Change process」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/b1fb1c3c-2b7e-5f10-5001-9f82a31e552b.png)

1. プロセス変更画面にて、先ほど作成した「Custom-Agile」を選択し、「Save」を押下します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/beaa70b2-7eae-25bd-9982-5407cfb728e5.png)

1. 変更に成功した場合は「Close」を押下して、変更画面を閉じます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/3c1f3dd0-f10a-990d-7063-9aa0242ab54a.png)

1. 再び、All processes の画面まで戻り、今度は作成した「Custom-Agile」を押下します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/9a0ce198-2818-d075-2d2b-bb9c9ecada56.png)

1. 期間を追加したい WorkItem を選択します。
※今回は「User Story」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/91bb3263-6c28-4271-7275-28a0afdd45b0.png)

1. WorkItem の編集画面が開いたら、「New group」を押下します。  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/717d2e65-d5a2-9499-6a25-6db770b39389.png)

1. グループ作成画面が開いたら、下記の通り入力し、「Add group」を押下します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/d4e9ab5d-91f3-93df-6762-7ce0f9bedb7f.png)

    ※ WorkItem の編集画面に戻ると、真ん中の列に作成したグループが追加されています。先ほどのグループ作成画面の「Select the column for the group.」により、グループが作成される位置が変わります。(作成後にドラッグ＆ドロップで変更も可能)![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/7b9b0981-4717-dfbb-d222-fe558317dc13.png)

1. 次に WorkItem の編集画面で「New field」を押下します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/3b466125-9bec-1718-6d20-48731c1a930e.png)

1. Field 作成画面が開いたら、Definition > Use an existing field を選択し、「Start Date」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/52102d9b-da6c-5c33-4895-3608ed2197f9.png)

1.  続けて、Layout > Select existing group を選択し、「Schedule」を選択し、「Add field」を押下します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/d66da2e0-feda-fb1d-cc6a-bf22489b4c0d.png)

1.  これで「Start Date」の設定項目が追加できたので、同様の手順で「Target Date」も追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/bb3b8f68-af41-a941-23b0-709a15787be5.png)

1. 「Target Date」の追加が終われば、User Story の設定変更は完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/9dd385d1-1acf-d587-3381-9afa1c884704.png)

# User Story に期間を設定できた！
実際に User Story を開くと、先ほどまでは設定できなかった期間が設定できるようになっています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2851723/ce7979c9-64fa-0925-3921-cd5fdb041d18.png)
これにより、デフォルトでは期間を設定できなかった User Story に期間を設定して、その期間で Delivery Plans に表示させることが可能となります。