Visual studioonlineとwebサイトで始めるci／cdの第一歩

VisualStudioOnlineとWebサイトで始めるCI/CDの第一歩

Japan Windows Azure User Group

2014/06/28@熊本

濱本一慶(@airish9)

自己紹介

2

濱本一慶（はまもと かずのり）@airish9

C#とVB.NETでご飯を食べてます！

エンタープライズ系の開発中心

Azureで好きなサービスはモバイルサービス

最近はインフラの知識不足がツライ

当セッションのゴール

3

CI/CDについて知る

CI/CDを導入してみる

Azureに触れる ←最重要

目次

4

CI/CDについておさらい

Visual Studio Online の紹介

Webサイトとの連携

まとめ

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

5

はじめに

6

CI/CDのお話をする前に…

私たちの仕事の流れを振り返ってみましょう。

私たちのお仕事

7

要件確認

画面設計

システム設計

開発工程

テスト工程

納品

私たちのお仕事

8

な、何を言っているんだ

この人は・・

一般的理想的な案件

9

要件確認

画面設計

システム設計

開発工程

テスト工程

納品

よくあるお仕事の流れ

10

要件確認 画面設計 システム設計 開発工程

仕様変更開発工程テスト工程仕様変更

開発工程 テスト工程 納品

よくあるお仕事の流れ

11

開発工程

テスト工程

仕様変更

開発工程

テスト工程

仕様変更

なぜデスマーチが発生するのか？

12

要件の確認漏れ（ミス）

システム設計時のミス

予算や時間の切りつめられた案件

お客様との関係がそもそも良くない

等々…

ミスしないようにするには…

13

漏れの無い業務用件確認

完璧なシステム設計

潤沢な予算と時間

ミスだってするよ、人間だもの…

ではどうする？

14

仕様変更に強いプロジェクト運用とは

15

• “間違い”をいち早く検知して後工程に持ち越さない

後戻りのコストを最小限にする

• 開発に集中する時間を増やす。

• 自動化できる物は自動化を行う。

開発効率を上げる

CI(継続的インテグレーション)

16

Continuous Integration(継続的インテグレーション)

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

自動ビルド

自動テスト

CD(継続的デリバリー)

17

Continuous Delivery(継続的デリバリー)

継続的インテグレーションの次段階として本番環境にリリースを行い、絶えずお客様にとっての価値を提供し続ける事。

自動デプロイ• ヒューマンエラーの排除• リリース作業の属人化を回避

CI/CDを行うには

18

CI/CDツールの導入

開発チームにCIツールを普及(CIの導入)

開発チームと運用チームの協力(CDの実施)

少しでも敷居を下げるために

19

CI/CDは簡単にできる物ではない

少しでも導入する際の敷居を低くしたい

継続的インテグレーションと継続的デリバリー

20

Visual Studio Online

VisualStudioOnlineとは

21

旧、Team Foundation Service

Visual Studio 2013と同時発表(2013/11/14)

自動でビルド、テスト、デプロイをサポート

Microsoft Azureとの連携したCI/CD

EclipseやXcodeでもプロジェクト共有

VisualStudioOnline

22

TFVSやGitを使用したコード管理開発

コミット時の自動ビルドビルド

コミット時の自動テストテスト

プロジェクトメンバとの情報共有タスク管理

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

•詳細なポートフォリオ

•作業項目のチャート表示

VisualStudioOnlineのデモ

24

メンバー１

メンバー２

Visual Studio Online

Gitリポジトリ

Microsoft

Azure

Webサイト

自動ビルド

自動テスト

自動デプロイ

VisualStudioOnline

25

まとめ

26

CI/CDはすぐに出来る物ではない

Visual Studio Onlineで導入の敷居を下げよう

無料枠で初めてみましょう

少しずつ導入していこう