Team Foundation Server ／Visual Studio Team Services 手順書

Team Foundation Server /
Visual Studio Team Services による
プロジェクト管理・リポジトリ管理・
継続的インテグレーション体験ハンズオン
日本マイクロソフト株式会社
開発ツール推進部
武田正樹
Masaki.Takeda@microsoft.com
最終更新日: 2017 年 6 月 7 日

2
目次 (1)
 手順書概要 4
 準備編 5
 Visual Studio Team Services のサインアップ 6
 プロジェクト管理編 13
 チケットの操作 14
 Excel からチケットの操作 20
 開発編 35
 Visual Studio との接続 36
 ワークスペースにプロジェクトを作成 40
 担当作業の確認 43
 単体テストの自動生成 45
 単体テストの実行 50
 Visual Studio Team Services へのチェックイン 58

3
目次 (2)
 ビルド編 64
 ビルド定義の作成 65
 ビルドの実行 79
 ゲートチェックインの有効化 83
 ビルドサーバー構築編 93
 ビルドエージェントのダウンロード 94
 ビルドエージェントの有効化 96
 リリース管理編 102
 承認ワークフローの作成 103
 ビルドパイプラインの作成 124
 まとめ 140
 まとめ 141
 参考資料 142

4
手順書概要
 Team Foundation Server／Visual Studio Team Services を使用すると、コードのホスト、プロジェ
クトの計画と追跡、チームメンバーとのコラボレーションができ、より良いソフトウェアをリリースで
きます。Visual Studio Team Services が実現するクラウドベース ALM ソリューションでは、ソース
コードの管理から、課題のトラッキング、ロードテスト、自動ビルドまで、ソフトウェア開発のすべて
の工程で必要なソリューションが提供されます。主要な各 IDE と統合されており、最大の利点はほぼど
こからでもアクセスできることです。
 本手順書では、Visual Studio 2017 (15.2) と Visual Studio Team Services を使用します。
 マイクロソフトアカウントは事前にご準備ください。
 本手順書では、以下のことを学習します。
 Windows アプリケーションを Visual Studio Team Services で管理する
 Visual Studio Team Services のタスク管理や自動テスト、継続的インテグレーションを利用する
 所要時間：約90分 - 120分

準備編
- Visual Studio Team Services のアカウント作成
Team Foundation Server の場合は、
下記手順書に従い、インストール～チームプロジェクトの作成を
実施してください。
https://doc.co/PEHBGK

6
1. ブラウザーで https://www.visualstudio.com/ja-jp にアクセスし、[Sign in] をクリックします。
2. Microsoft アカウントを入力します。
3. [続行] をクリックします。
Visual Studio Team Services のアカウント作成 (1)
1
2
3

7
Visual Studio Team Services のサインイン画面が表示されます。
1. Microsoftアカウントのパスワードを入力します。
2. [サインイン]をクリックします。
1
2

8
1. 詳細情報に関する画面が表示されます。[発信元] に [Japan] を選択します。
2. [続行]をクリックします。
1
2

9
1. [新しいアカウントの作成] をクリックします。
1

10
Visual Studio Team Services のアカウント作成画面が表示されます。
1. 任意のURLを入力します。
2. [Team Foundation Version Control] を選択します。設定忘れやすいので注意！
3. [詳細の変更]をクリックします。
2
3
1

11
Visual Studio Team Services のアカウントを作成します。
1. プロジェクト名が [MyFirstProject] 、プロセステンプレート [Agile] となっている事を確認します。
2. [続行]をクリックします。
2
1
プロジェクト名は変更可能ですが、
本手順書では、デフォルトのままにします。

12
Visual Studio Team Services のアカウント作成が完了すると下記画面が表示されます。
今回は、MyFirstProject というチームプロジェクトをそのまま使用します。

プロジェクト管理編
-チケットの操作
- Excel からチケットの操作

14
Visual Studio Team Services では、ユーザーの要件を自然言語のまま管理し、さらに要件を具体的な作業項目として要件
に関連付けて管理する機能が用意されています。作成された作業項目はチケットとして扱うことができるので、チケット管
理とコードのチェックインを関連付けることで、作業項目への対応として変更したソースの追跡がしやすくなります。
ユーザーの要件を実現するために変更したコードの一覧を列挙することも簡単になります。
1. [WORK] をクリックします。
2. ワークアイテム管理画面が表示されます。[Backlog] をクリックします。
3. [Title]に [チケットの流れを理解する] と入力します。
4. [Add] をクリックします。
チケットの操作 (1)
3
4
2
1

15
1. ユーザーストーリーが作成されます。 [チケットの流れを理解する] をダブルクリックします。
1

16
詳細画面が表示されます。作成直後は[State]が[New]になっています。[チケットの流れを理解する]というユーザース
トーリーに着手しましたから、[チケットの流れを理解する]の[State]を変更しましょう。
1. Visual Studio Team Services にログインしているユーザーを選択します。
2. [State]を[Active]に変更します。
3. [Save & Close]の[▼] をクリックして、 [Save] をクリックします。
4. [履歴] タブをクリックします。
1
3
42

17
1. このチケットの状態の変更履歴が表示されることを確認します。
1

18
[チケットの流れを理解する]というユーザーストーリーはやり終えましたので、チケットをクローズします。
1. [Closed] を選択します。
2. [Save ＆ Close] をクリックするとウインドウを閉じます。
1
2

19
1. 画面上から [チケットの流れを理解する] のチケットが画面から消えていることを確認します。
なお、このチケットは Visual Studio Team Service 上には残っています。このチケットを再び [Active] に変更すると
バッグログ上に表示されます。
1

20
Excelから Visual Studio Team Services のチケットを操作することも可能です。
1. Excelを起動して、[チーム]タブをクリックします。
2. [新しい一覧]をクリックします。
Excel からチケットの操作 (1)
1
2

21
1. 先ほど作成した Visual Studio Team Services に接続します。[サーバー] をクリックします。
2. 接続するサーバーの管理画面が表示されます。[追加] をクリックします。
1 2

22
1. [先ほど作成した Visual Studio Team Services のURL（xxxx.visualstudio.com）] と入力します。
2. [OK] をクリックします。
3. 先ほど作成した Visual Studio Team Services にログイン可能なマイクロソフトアカウント情報を入力します。
4. [サインイン] をクリックします。
1
2
3
4

23
1. 追加された Visual Studio Team Services をクリックして、選択します。
2. [閉じる] をクリックします。
3. チームプロジェクト[MyFirstProject] をクリックします。
4. [接続] をクリックします。
2 3
1
4

24
1. [入力リスト] を選択します。
2
1

25
1. Excel からUser Story を登録します。[Visual Studioで行った変更にチケットを紐づける] と入力します。
2. [User Story] を選択します。
3. [チーム] タブの [公開] をクリックします。
4. [ID] 欄に数字が挿入されていることを確認します。
これで User Story の登録は完了です。
21
3
4

26
続いて、User Story に紐づく Task を登録します。
1. [Visual Studioで行った変更にチケットを紐づける]を選択します。
2. [チーム] タブの [子の追加]をクリックします。
2
1

27
[ツリーリストに変換]ダイアログが表示されます。
1. [ツリーを作成するリンクの種類を選択] を [Parent-Child]のまま、[変換] をクリックします。
1

28
1. 新しい列として [Title 2] が以下のように追加されます。
[Visual Studioで行った変更にチケットを紐づける]に[Task]を紐づけます。
2. その下の行の [Title 2] に [単体テストの追加]を入力し、[Work Item Type]に[Task]を選択します。
3. [Assigned To] に表示される [名前] を選択します（一人だけしか表示されません）。
4. [チーム] タブの [公開] をクリックします。
5. [ID] 欄に数字が挿入されていることを確認します。
これで User Story に紐づいた Task の登録は完了です。
1
2
4
5 3

29
続いて、Excel で User Story と関連付けられた Task を一括で抽出します。
1. Visual Studio Team Services に戻り、[Queries] をクリックします。
2. [New] をクリックします。
3. [New query] をクリックします。
2
1
3

30
1. [Type of query] を [Tree of work items] を選択します。
2. [▶] をクリックして、クエリを実行します。
3. クエリの結果として、先ほど登録した User Story と Task が親子関係として表示されていることを確認します。
4. [Save] アイコンをクリックして、このクエリを [New Query 1] として [MyQueries] に保存します。
2
1
3
4

31
1. Excel に戻り、[+] をクリックして新しいシートを開きます。
1

32
1. [新しい一覧] をクリックします。
2. [新しいリスト] 画面が表示されます。先ほど保存した [New Query 1]を選択します。 […] をクリックします。
1 2

33
1. [クエリの選択] 画面で [New Query 1]を選択します。
3. [新しいリスト] 画面の [OK] をクリックします。
1
2 3

34
User Story とそこにひもづいた Task が表示されている事を確認します。
このように、Excel からVisual Studio Team Services のチケットを操作することで、手軽に大量のチケットの登録/更新
を行えるようになります。また、Excel にVisual Studio Team Services で管理しているチケットのデータを容易に取得で
きるため、チケットの状態を分析する際にも役に立ちます

開発編
- Visual Studio と Visual Studio Team Services との接続
- ワークスペースにプロジェクトを追加
- 担当作業の確認
- 単体テストの自動生成
- 単体テストの実行
- Visual Studio Team Services へのチェックイン

36
Visual Studio と Visual Studio Team Services と接続します。
1. Visual Studio を起動し、メニュー [表示] – [チームエクスプローラー] の順にクリックします。
2. [接続の管理] アイコンをクリックします。
3. Visual Studio Team Services の [接続...] をクリックします。
Visual Studio との接続 (1)
3
1
2

37
1. 先ほど作成した Visual Studio Team Services に接続します。[▼] をクリックします。
2. [アカウントの追加...] をクリックします。
3. 先ほど作成した Visual Studio Team Services にログイン可能なマイクロソフトアカウント名を入力します。
4. [続行] をクリックします。
1
2
3
4

38
1. 先ほど作成した Visual Studio Team Services にログイン可能なマイクロソフトアカウントのパスワードを入力します。
2. [サインイン] をクリックします。
3. ログインしたマイクロソフトアカウントに紐づいたVisual Studio Team Services のアカウントとチームプロジェクト
のリストが表示されます。リポジトリの [MyFirstProject] をクリックして選択します。
4. [接続] をクリックします。
1
2
3
4

39
チームエクスプローラーのワークスペースの構成が表示されます。
1. [マップと取得] をクリックしてワークスペースを作成します。
2. [ワークスペースが正常にマップされました] と表示されることを確認します。
1
2

40
今回は、Windows Form で作成した計算機アプリケーションのサンプルプロジェクトをダウンロードして使用します。
1.http://aka.ms/vsts-holから [SampleWinForm.zip] をクリックして、ダウンロードします。
2. ZIP ファイルを展開して、作成された [SampleWinForm] フォルダーを
[C:Users<User名>SourceWorkspacesMyFirstProject] にコピーします。
3. [C:Users<User名>SourceWorkspacesMyFirstProjectSampleWinForm] フォルダーの中に、
[SampleWinForm] フォルダーと [SampleWinForm.sln] があることを確認します。
ワークスペースにプロジェクトを追加 (1)
2
3

41
1. Visual Studio のチームエクスプローラーの [ソリューションタブ] の [開く...] をクリックします。
2. [C:Users<User名>SourceWorkspacesMyFirstProjectSampleWinFormSampleWinForm.sln] をダブルク
リックして開きます。
3. セキュリティ警告が表示されますが、[OK]をクリックします。
1
2
3
[開く] メニューが表示されない場合は、メ
ニュー[ファイル]-[開く]-[プロジェクト/ソ
リューション]の順にクリックしてください。

42
1. 開始をクリックして、デバッグ実行をします。
2. Windows Form 作成の計算機アプリケーションが起動します。[1] [+] [1] [=] と入力し、[2]が表示されることを確
認します。
3. [X] をクリックしてデバッグ実行を終了します。
1
2
3

43
Visual Studio の準備が終わりましたので、プロジェクト管理者がアサインした自分の担当作業を確認します。
1. チームエクスプローラーの [担当作業] をクリックします。
2. タスク [3-単体テストの追加] を選択します。
3. タスク [3-単体テストの追加] に取り掛かります。[開始] をクリックします。
担当作業の確認 (1)
1
2
3

44
1. タスク [3-単体テストの追加] が [処理中の作業] 欄に移動していることを確認して、ダブルクリックします。
2. Web 画面でタスク [3-単体テストの追加] の [State] が [New] から [Active] に変更されていることを確認します。
担当作業の確認 (2)
1
2

45
タスク [3-単体テストの追加] に取り掛かりますが、今回はVisual Studio の単体テスト自動生成機能 [IntelliTest] を使用
して単体テストを自動生成します。
1. [ソリューションエクスプローラー] をクリックします。
2. [Calculator.cs] をダブルクリックして、ファイルを開きます。
単体テストの自動生成 (1)
1
2

46
1. クラス [Calculator] を右クリックします。
2. [IntelliTest] - [IntelliTest の作成] の順にクリックします。
2
1

47
1. [IntelliTest の作成] 画面が表示されます。[テストフレームワーク] は [MSTestv2] を選択します。
2. [OK]をクリックします。
3. ソリューションエクスプローラーで、単体テストプロジェクト [SampleWinForm.Tests] が自動生成されていること
を確認します。
2
1
3

48
この時点では、まだテストプロジェクトが作成されただけで、単体テストそのものは生成されていません。
IntelliTest を実行して、単体テストを自動生成します。
1. クラス [Calculator] を右クリックします。
2. [IntelliTest] - [IntelliTest の実行] の順にクリックします。
2
1

49
1. ソリューションエクスプローラーのクラス [Calculator.Test.cs] 内に四則演算のメソッドごとに単体テストが生成さ
れていることを確認します。
1

50
IntelliTest を実行して自動生成された単体テストを実行します。
1. Visual Studio のメニュー [テスト] – [実行] - [すべてのテスト] の順にクリックします。
単体テストの実行 (1)
1

51
単体テストの実行が終了すると、テストエクスプローラーに結果が表示されます。
1. 失敗のテストが2件あることを確認します。
1

52
1件目の失敗テストの内容を確認します。
1. テストエクスプローラーの [DivideTestThrowsDivideByZeroExpection…] をダブルクリックします。
2. テストエクスプローラーの下側にエラーメッセージが表示されます。
単体テストの失敗原因が 0 で除算していることを確認します。
1
2

53
続いて、2件目の失敗テストの内容を確認します。
1. テストエクスプローラーの [DivideTestThrowsOverflowExpection…] をダブルクリックします。
2. テストエクスプローラーの下側にエラーメッセージが表示されます。単体テストの失敗原因が int 最小値
(-2,147,483,648) を -1 で除算した結果 int の最大値 (2,147, 483,647) を超えてしまっていることを確認します。
1
2

54
Live Unit Testing を開始します。
1. Visual Studio のメニュー [テスト] – [Live Unit Testing] - [開始] の順にクリックします。
1

55
1. 5行目と7行目に緑色の[✔] のアイコンが追加されたことを確認します。
1

56
テストが成功するように、Calculator.cs を修正します。
1. [Calculator.cs] をクリックして、ソースコードを表示します。
2. [Divide] メソッドに赤枠の内容を追加します。テスト失敗ケースの値の場合は意図的に0 をかえすようにしています。
3. [保存] アイコンをクリックして、ファイルを保存します。
4. 赤い[×] のアイコンが全て緑色の [✔]アイコンに変更されていることを確認します。
1
2
3
4

57
1. テストエクスプローラーに 6 件のテストが成功していることを確認します。
1

58
Calculator.cs に対するカバレッジ 100%の単体テストが完成しました。
Visual Studio Team Services にチェックインしましょう。
1. ソリューションエクスプローラーの [ソリューション “SampleWinForm”] を右クリックします。
2. [ソリューションをソース管理に追加] をクリックします。
Visual Studio Team Services へのチェックイン (1)
1
2

59
1. [チームエクスプローラー] をクリックします。
2. [ホームアイコン] をクリックします。
3. [保留中の変更] をクリックします。
1
3
2

60
1. [コメント] 欄に [Calculator クラスの単体テスト作成] と入力します。
2. [含まれる変更] 欄には [SampleWinForm] プロジェクトと [SampleWinForm.Tests]プロジェクトが含まれているこ
とを確認します([含まれる変更(21)] になっています)。
3. [関連作業項目] 欄には [3-単体テストの追加] があることを確認します。
4. [チェックイン] をクリックします。
5. [チェックインの確認] ウインドウが表示されるので、[はい] をクリックしてチェックインを行います。
4
1
2
5
チェックイン時の項目数は 21 以外になることがあります。3

61
チェックインの完了を確認します。
1. Visual Studio Team Services が開いているブラウザに移動して、[CODE] をクリックします。
2. [SampleWinForm] をクリックして、[SampleWinForm] プロジェクトと [SampleWinForm.Tests]プロジェクトが含
まれていることを確認します。
なお、[History] をクリックすると、変更履歴やソースの修正内容が確認できます。
1
2

62
IntelliTest で生成した単体テストをビルドするには、一か所変更する必要があります。
Visual Studio Team Services では、Web 上でソースコード変更ができますので、その機能を使用して変更します。
1. [SampleWinForm.Tests] – [SampleWinForm.Tests.csproj] の順にクリックします。
2. [Contents] をクリックします。
3. [Edit] をクリックします。
1
2
3
[Edit] アイコンが表示されない場合は、
ブラウザの再読み込みを実施してください。

63
1. 48 行目の下記の箇所を変更します。
（修正前）<HintPath>..............Program Files (x86)…
（修正後）<HintPath>c:Program Files (x86)…
2. [保存] アイコンをクリックします。
3. [Check in] をクリックして、変更を保存します。
1
2
* 行数は異なる場合があります。
* 該当する HintPath がない場合、
先に進んでください。
3

ビルド編
- ビルド定義の作成
- ビルドの実行
- ゲートチェックインの有効化

65
ビルド定義を作成します。
1. [MyFirstProject] をクリックします。
2. [Build & Release] をクリックします。
3. [Builds] をクリックします。
4. [+ New] をクリックします。
ビルド定義の作成 (1)
4
2
3
1

66
1. ビルド定義画面が表示されます。[.NET Desktop] をクリックして選択します。
2. [Apply] をクリックします。
3. 続いて、ビルド定義の設定画面が表示されます。[Solution] の […] をクリックします。
1
3
2

67
1. [SampleWinForrm] フォルダーにある [SampleWinForm.sln] をクリックします。
1
2

68
1. [Visual Studio Build] をクリックします。
2. [Visual Studio Version] が [Visual Studio 2017] であることを確認します。
1
2

69
1. [Visual Studio Test] をクリックします。
2. [Version] が [2.*] であることを確認します。Version 2.* でないと Visual Studio 2017 でのテストが動きません
1
2

70
1. [Copy Files] をクリックします。
2. [Remove] をクリックして、削除します。
1
2

71
1. [Publish Build Artifacts] をクリックします。
2. [Remove] をクリックして、削除します。
1
2

72
1. [+ Add Task] をクリックします。
2. [Utility] をクリックします。
3. [Copy and Publish Build Artifacts] をクリックします。
4. [Add] をクリックして、ビルドタスクを追加します。
1
4
2
3

73
1. [Copy and Publish Build Artifacts] をクリックします。
2. [Copy Root] 欄の [...]ボタンをクリックします。
1
2

74
1. [SampleWinForrm] フォルダーをクリックします。
1
2

75
1. [Copy Root] 欄に[$/MyFirstProject/SampleWinForm] と入力されていることを確認します。
2. [Contents] には、[**bin] と入力します。
3. [Artifact Name] には、[drop] と入力します。
4. [Artifact Type] には、[Server] を選択します。
1
3
4
2

76
1. [Variables] をクリックします。
2. [BuildConfigration] に[debug]、[BuildPlatform] に[any cpu] に変更します。
1
2

77
1. [Options] をクリックします。
2. [Default agent queue] は、[Hosted VS2017] を選択します。
3. [V] をクリックします。
4. [Save] をクリックします。
1
2
4
3

78
1

79
1. Visual Studio Team Services 上でビルド実行します。[Queue] をクリックします。
ビルドの実行 (1)
1
1

80
1. ビルド設定画面が表示されます。[Queue] をクリックします。
1

81
1. ビルドが成功すると、[Build Succeeded] と表示されます。[Build …] をクリックします。
1

82
ビルド結果のSummary が表示されます。ビルドに関する様々な項目が追跡可能です。
1. チェックインの際に関連付けたワークアイテムが確認できます。
2. ビルドに関連したチェックイン履歴が確認できます。
3. テスト結果、コードカバレッジの結果が確認できます。
2
3
1

83
Team Foundation Server 2015 Update 2 以降 / Visual Studio Team Services では、ゲートチェックイン機能を有効化す
ることで、定義されたビルド処理が失敗した場合にはソースコードのチェックインを拒否することが可能になります。
ゲートチェックインを使用すると、リポジトリを健全な状態に保つことができます。
1. ビルド定義を編集します。[MyFirstProject-.NET Desktop-CI] をクリックします。
ゲートチェックインの有効化 (1)
1
2

84
1. [Triggers] をクリックします。
2. [Gated Check-in] をクリックして、[Enabled] に変更します。
3. [Run continuous integration triggers for committed changes] にチェックをいれます。
4. [Use workspace mappings for filters] のチェックを外します。
5. [V] をクリックします。
1
2
5
7
6
3
4

85
ゲートチェックインの有効化は完了しました。
ビルドが失敗した際にソースコードのチェックインが拒否されることを確認しましょう。
1. Visual Studio に戻り、[Calculator.cs] をクリックして、ソースコードを表示します。
2. [Divide] メソッドを以下のように修正します。具体的には、[return number1 / number2;] のみにします。
3. [保存] アイコンをクリックして、ファイルを保存します。
1
2
3

86
1. [チームエクスプローラー] をクリックします。
2. [ホームアイコン] をクリックします。
3. [保留中の変更] をクリックします。
1
3
2

87
1. [コメント] 欄に [ゲートチェックインの検証] と入力します。
2. [含まれる変更] 欄には [Calculator.cs] が含まれていることを確認します。
3. [チェックイン] をクリックします。
4. [チェックインの確認] ウインドウが表示されるので、[はい] をクリックしてチェックインを行います。
5. [ゲートチェックイン]ウインドウが表示されるので、[ビルドの変更] をクリックします。
3
1
2
4
5

88
ゲートチェックインが開始されると、チームエクスプローラーにメッセージが表示されます。
1. [ここ] をクリックします。
2. ビルド要求の画面が表示されます。しばらくすると、ビルドが失敗し、チェックインが拒否された旨が表示されます。
[ビルド番号] をクリックします。
1
2

89
ブラウザが開いて、Visual Studio Team Services のビルド結果が表示されます。
ビルド定義の単体テストで失敗したためにチェックインが拒否されたことが確認できます。

90
チェックインがされていないことを確認します。
1. [CODE] をクリックします。
2. [Changesets] をクリックします。
3. 先ほどの [ゲートチェックインの検証] という名前のチェックインが存在しないことを確認します。
1
2
3

91
Visual Studio に戻り、Calculator.cs のソースコードを元に戻します。
1. チームエクスプローラーで[Calculator.cs] を右クリックして、[元に戻す] をクリックします。
2. [変更を元に戻す] をクリックします。
3. [すべてはい] をクリックします。
1
2
3

92
Calculator.cs のソースコードが元に戻っていることを確認します。

ビルドサーバー構築編
- ビルドエージェントのダウンロード
- ビルドエージェントの有効化

94
お手元の PC をビルドサーバーとして利用できるように設定します。
1. Visual Studio Team Services にアクセスします。[設定アイコン] をクリックします。
2. [Agent queues] をクリックします。
3. [Download agent] をクリックします。
ビルドエージェントのダウンロード (1)
1
2
3

95
1. [Windows] タブの[Download] をクリックして、zip ファイルをダウンロードします。
2. ZIP ファイルを展開して、作成されたフォルダーを [agent] にリネームして [デスクトップ] にコピーします。
3. [agent] フォルダーの中に、[config.cmd] があることを確認します。
ビルドエージェントのダウンロード (2)
2
3
1

96
ビルドエージェントの有効化に必要なアクセストークンを発行します。
1. 別ウインドウで Visual Studio Team Services にアクセスし、[ログインアカウントのアイコン] をクリックします。
2. [Security] をクリックします。
3. [Personal access tokens] 画面が表示されます。 [Add] をクリックします。
ビルドエージェントの有効化 (1)
1
2
3

97
1. [Description] には、[ビルドエージェント] と入力します。
2. [Create Token] をクリックします。
1
2

98
1. アクセストークンが発行されましたので、発行されたアクセストークンをメモ帳にコピーします。
1

99
1. ビルドエージェントの有効化を行います。 [agent] フォルダの [configure.cmd] を右クリックします。
2. [管理者として実行] をクリックします。コマンドプロンプトが起動します。
3. [サーバーURLを入力する] は[https://(作成したアカウント).visualstuio.com] と入力します。
4. [認証の種類を入力する] は、[Enterキー]をおします。
5. [個人用アクセストークンを入力する] は、先ほど発行したアクセストークンを入力します。
5
2
4
3
1

100
Visual Studio Team Services への接続が完了すると、ビルドエージェントの登録設定を行います。
1. [エージェントプールを入力する] は、[default] を使用するため、[Enterキー]をおします。
2. [エージェント名を入力する] は、[Enterキー]をおします。
3. [作業フォルダーを入力する] は、 [Enterキー]をおします。
4. 今回は対話型のビルドエージェントのため、[N] と入力します。コマンドプロンプトが終了します。
5. [agent] フォルダの [run.cmd] を右クリックします。
6. [管理者として実行] をクリックします。コマンドプロンプトが起動します。
7. [ジョブをリッスンしています] が表示されると、対話型ビルドエージェントの設定完了です。* ウインドウは閉じないこと
7
43
1
2
6
5

101
1. [X] をクリックして、Get Agent ウインドウを閉じます。
2. Visual Studio Team Services 上でもビルドエージェントが有効化されていることを確認します。
1
2

リリース管理編
- 承認ワークフローの作成
- ビルドパイプラインの作成

103
リリース管理を利用して承認ワークフローを作成します。
1. Visual Studio Team Services に戻り、[Release] をクリックします。
2. [+ New definition] をクリックします。
承認ワークフローの作成 (1)
1
2

104
1. [Empty] を選択します。
2. [Next] をクリックします。
3. リリース管理に使用するビルド成果物などの設定画面が表示されます。[Create] をクリックします。
3
1
2

105
1. リリース管理の名前を入力します。[Edit] アイコンをクリックします。
2. [Definition] 欄に [リリース管理] と入力します。
2 1

106
1. 環境に承認者を割り当てます。[テスト環境]の[…]をクリックして、さらに [Assign approvers] をクリックします。
2. [General] をクリックし、[Environment Owner] 名を確認します。
3. [Approvals] をクリックします。
4. 今回は前承認のワークフローとします。 [Pre-deployment approver] の [Specific Users] をクリックします。
5. 承認者の名前を入力します。[Step 2] で確認した名前を入力すると、候補が表示されますので選択します。
1
2
3
4
5

107
1. [Deployment conditions] をクリックします。
2. [After release creation] をクリックして、自動でリリース管理が始まるようにします。
3. [OK] をクリックして、設定ウインドウを閉じます。
4. 続いて、[テスト環境] で実行するタスクを選択します。[Add tasks] をクリックします。
1
2
3

108
1. [Artifacts] をクリックします。
2. [MyFirstProject-.NET Desktop-CI] のビルド成果物が関連付けされています。 […] をクリックします。
1
2
3

109
1. ビルド成果物が関連付けされることを確認して、[Cancel] をクリックします。
2

110
1. 続いて、実行するタスクを設定します。[Environments] をクリックします。
2. [Add tasks] をクリックします。
1
2

111
1. ビルド定義と同じ画面が表示されます。[Utility] をクリックします。
2. [Copy Files] の [Add] をクリックします。
3. [Close] をクリックします。
2
1
3

112
1. [Source Folder] の […] をクリックします。
1

113
1. [MyFirstProject-.NET Desktop-CI (Build)]–[drop]–[SampleWinForm]-[bin]-[Debug] の順にクリックします。
1
2

114
1. [Contents] に [SampleWinForm.exe] と入力します。
2. [Target Folder] に [c:drop] と入力します。
2
1

115
1. リリースワークフローの実行環境を設定します。[Run on agent] をクリックします。
2. [Deployment queue] には、[Default] を選択します。
2
1

116
1. リリース環境の設定を行います。[Triggers] をクリックします。
2. [Continuous Deployment] をクリックします。
3. [Set trigger on artifact source] は、 [MyFirstProject-.NET Desktop-CI] を選択します。
1
2
3

117
2. [OK] をクリックして、保存します。
1
2

118
リリース管理の設定が完了したので、ビルドとリリース管理が一連の処理として実行されることを確認します。
2. [MyFirstProject-.NET Desktop-CI] の列の空白部分をクリックします。
3. […] をクリックします。
4. [Queue new build] をクリックします。
2 3
4
1

119
1. [OK] をクリックして、ビルドを開始します。
1

120
1. ビルドが成功することを確認したら、[Releases] をクリックします。
1

121
リリース管理画面で、1件承認待ちとなっています。
1. [承認者] アイコンをクリックします。
2. 承認を求められています。[Approve] をクリックします。
1
2

122
リリースワークフローの実行状況を確認します。
1. [Release-xx] をダブルクリックします。
2. [Logs] をクリックします。
3. ワークフローが成功していると全ての項目に緑色のチェックがはいります。
1
2
3

123
今回のリリースワークフローの実行がお手元のPC上で実行されたことを確認します。
1. [c:drop] フォルダーの中に、[SampleWinForm.exe] があることを確認します。
2. ビルドエージェントを実行しているコマンドプロンプト上でリリースワークフローが実行されていることを確認します。
1
2

124
ビルドパイプラインの作成 (1)
1. ビルドパイプライン作成します。[リリース管理] をクリックします。
1
2

125
1. [Add environments] – [Clone selected environment] の順にクリックします。
2. 作成する環境では承認フローは不要のため、[Automatically approve] を選択します。
3. [Trigger] に、チェックがはいっていることを確認します。[Enveironment 1]が成功後、この環境が実行される設定です。
4. [Create] をクリックして、新しい環境を作成します。
1
2
3
4

126
1. 環境名を変更します。[Copy of テスト環境] の文字をクリックして、[Step2-1] と入力し、[Enter キー] を入力します。
2. [Environment 1] 環境の成功後に実行される環境をもう1 つ作成します。[Environment 1] をクリックします。
1
2

127
1. [Add environments] – [Clone selected environment] の順にクリックします。
2. 作成する環境では承認フローは不要のため、[Automatically approve] を選択します。
3. [Trigger] は、チェックを外します。
4. [Create] をクリックして、新しい環境を作成します。
1
2
3
4

128
1. 環境名を変更します。文字をクリックして、[Step2-2] と入力し、[Enter キー] を押します。
2. Step2-2 の実行環境を設定します。[Run on agent] をクリックします。
3. [Deployment queue] には、[Hosted] を選択します。
1
2
3

129
1. ビルドエージェント [Hosted] は、Visual Studio Team Services 上のビルド環境です。コピーできませんので、
タスクを削除します。ビルドタスク [Copy Files] をクリックして、[X] をクリックします。
2. Step2-2 の […] をクリックします。
3. [Deployment conditions] をクリックします。
2
13

130
1. [After successful deployment on ...] をクリックして [Environment 1] にチェックを入れます。
[Environment 1]が成功後、この環境実行される設定です。
2. [OK] をクリックして、設定ウインドウを閉じます。
1
2

131
2. 保存時のコメント入力画面が表示されます。[OK] をクリックします。
1
2

132
リリース管理の設定が完了したので、ビルドとリリース管理が一連の処理として実行します。
2. [MyFirstProject-.NET Desktop-CI] の列の空白部分をクリックします。
3. […] をクリックします。
4. [Queue new build] をクリックします。
2 3
4
1

133
1. [OK] をクリックして、ビルドを開始します。
1

134
1. ビルドが成功することを確認したら、[Releases] をクリックします。
1

135
リリース管理画面で、1件承認待ちとなっています。
1. [承認者] アイコンをクリックします。
2. 承認を求められています。[Approve] をクリックします。
1
2

136
処理状況を確認します。
1. 実行中の[Release-xx] をダブルクリックします。
1

137
1. [Environment] に、環境ごとの状態が表示されています。
2. [Environment 1]が成功後、[Step2-1] と [Step2-2] が同時に実行されることを確認します。
1
2

138
関連付けられた成果物のビルド画面にリリース管理の各環境の実行結果が確認できるようになります。
1. [ビルド番号] をクリックします。
1

139
1. ビルド画面にリリース管理の各環境の実行結果が記載されていることを確認します。
1

まとめ
- まとめ
- 参考資料

141
Visual Studio と Visual Studio Team Services を利用したチーム開発の一連の流れを体験しました。
Visual Studio と Team Foundation Server / Visual Studio Team Services を利用することで複数人でのアプ
リケーション開発を効率的に管理していくことが可能になります。
まとめ

142
手順書
• Team Foundation Server ／ Visual Studio Team Services 体験
• Visual Studio + Team Foundation Server ／ Visual Studio Team Services による開発業務効率化体験
• Visual Studio と Team Foundation Server / Visual Studio Team Services で実現するビルド・テスト・
デプロイ自動化
• Visual Studio と Team Foundation Server / Visual Studio Team Services で実現するビルド・テスト・
デプロイ自動化 + Azure 仮想マシン起動自動化
• Team Foundation Server 2015 Update 3 インストール
• Team Foundation Server 2015 Update 3 へのアップグレード
• Team Foundation Server 2015 によるテスト工数削減
• Team Foundation Server プロセステンプレートの変更
• Entity Framework 6.1.3 + ASP.NET MVC 5 サンプルアプリケーション構築
• Entity Framework 6.1.3 + Windows フォームサンプルアプリケーション構築

143
Visual Studio Team Services 月額費用
Visual Studio Team Services のアカウント（テナント）と紐づいた
Azure サブスクリプションに請求されます
Visual Studio Team Services 料金詳細
https://azure.microsoft.com/ja-jp/pricing/details/visual-studio-team-services/
最初の 5 ユーザー無料
ユーザー数 6 から 10 612円 / ユーザー
ユーザー数 1001 以上 204円 / ユーザー
* MSDN Subscription にひもづいたアカウントは
課金対象としてカウントされません
ユーザー Visual Studio Team Services の
ビルドパイプラインを利用する場合
無料のビルドパイプライン
*単一ジョブの最大実行時間 30 分
無料
有料のビルドパイプライン
*単一ジョブの最大実行時間 360 分
4,080円 /
パイプライン
自前のビルドサーバーを利用する場合
最初の1 つ目無料
2 つ目以降
1,530円 /
パイプライン* 2017年1月14日時点

Team Foundation Server ／Visual Studio Team Services 手順書

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Team Foundation Server ／Visual Studio Team Services 手順書 (20)

More from Masaki Takeda (11)