1. VisualStudioOnlineと
Webサイトで始めるCI/CDの第一歩
Japan Windows Azure User Group
2014/06/28@熊本
濱本一慶(@airish9)

2. 自己紹介
2
濱本一慶（はまもと かずのり）
@airish9
C#とVB.NETでご飯を食べてます！
エンタープライズ系の開発中心
Azureで好きなサービスはモバイルサービス
最近はインフラの知識不足がツライ

3. 当セッションのゴール
3
CI/CDについて知る
CI/CDを導入してみる
Azureに触れる ←最重要

4. 目次
4
CI/CDについておさらい
Visual Studio Online の紹介
Webサイトとの連携
まとめ

5. CI/CDについて
継続的インテグレーションと継続的デリバリー
5

6. はじめに
6
CI/CDのお話をする前に…
私たちの仕事の流れを
振り返ってみましょう。

7. 私たちのお仕事
7
要件確認
画面設計
システム設計
開発工程
テスト工程
納品

8. 私たちのお仕事
8
な
、
何
を
言
っ
て
い
る
ん
だ
こ
の
人
は
・
・

9. 一般的理想的な案件
9
要件確認
画面設計
システム設計
開発工程
テスト工程
納品

10. よくあるお仕事の流れ
10
要件確認 画面設計 システム設計 開発工程
仕様変更開発工程テスト工程仕様変更
開発工程 テスト工程 納品

11. よくあるお仕事の流れ
11
開発工程
テスト工程
仕様変更
開発工程
テスト工程
仕様変更

12. なぜデスマーチが発生するのか？
12
要件の確認漏れ（ミス）
システム設計時のミス
予算や時間の切りつめられた案件
お客様との関係がそもそも良くない
等々…

13. ミスしないようにするには…
13
漏れの無い業務用件確認
完璧なシステム設計
潤沢な予算と時間
ミ ス だ っ て す る よ 、 人 間 だ も の …

14. ではどうする？
14

15. 仕様変更に強いプロジェクト運用とは
15
• “間違い”をいち早く検知して後工程に持ち越さない
後戻りのコストを最小限にする
• 開発に集中する時間を増やす。
• 自動化できる物は自動化を行う。
開発効率を上げる

16. CI(継続的インテグレーション)
16
Continuous Integration
(継続的インテグレーション)
主にプログラマーのアプリケーション作成時の品質改善や納期の短縮のための習慣のことである。
エクストリーム・プログラミング (XP) のプラクティスの一つで、狭義にはビルドやテスト、
インスペクションなどを継続的に実行していくことを意味する。(Wikipediaより抜粋)
自動ビルド
自動テスト

17. CD(継続的デリバリー)
17
Continuous Delivery
(継続的デリバリー)
継続的インテグレーションの次段階として本番環境にリリースを行い、絶えずお客様にとって
の価値を提供し続ける事。
自動デプロイ
• ヒューマンエラーの排除
• リリース作業の属人化を回避

18. CI/CDを行うには
18
CI/CDツールの導入
開発チームにCIツールを普及(CIの導入)
開発チームと運用チームの協力(CDの実施)

19. 少しでも敷居を下げるために
19
CI/CDは簡単にできる物ではない
少しでも導入する際の敷居を低くしたい

20. 継続的インテグレーションと継続的デリバリー
20
Visual Studio Online

21. VisualStudioOnlineとは
21
旧、Team Foundation Service
Visual Studio 2013と同時発表(2013/11/14)
自動でビルド、テスト、デプロイをサポート
Microsoft Azureとの連携したCI/CD
EclipseやXcodeでもプロジェクト共有

22. VisualStudioOnline
22
TFVSやGitを使用したコード管理
開発
コミット時の自動ビルド
ビルド
コミット時の自動テスト
テスト
プロジェクトメンバとの情報共有
タスク管理

23. VisualStudioOnlineの料金
23
Visual Studio Online Basic
•5ユーザまで無料(追加ユーザあたり $20/月)
•コードリポジトリ(TFVC または Git)
•プロジェクト計画、バグ追跡ツール
Visual Studio Online Professional
•1アカウントあたり最大10名のProfessionalユーザ(ユーザ追加は$45/月)
•Visual Studio Professionalを月単位での利用
Visual Studio Online Advanced
•詳細なポートフォリオ
•作業項目のチャート表示

24. VisualStudioOnlineのデモ
24
メンバー１
メンバー２
Visual Studio Online
Gitリポジトリ
Microsoft
Azure
Webサイト
自動ビルド
自動テスト
自動デプロイ

25. VisualStudioOnline
25

26. まとめ
26
CI/CDはすぐに出来る物ではない
Visual Studio Onlineで導入の敷居を下げよう
無料枠で初めてみましょう
少しずつ導入していこう