Visual studioonlineとwebサイトで始めるci/cdの第一歩
-
Upload
kazunori-hamamoto -
Category
Documents
-
view
643 -
download
1
Transcript of Visual studioonlineとwebサイトで始めるci/cdの第一歩
![Page 1: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/1.jpg)
VisualStudioOnlineとWebサイトで始めるCI/CDの第一歩
Japan Windows Azure User Group
2014/06/28@熊本
濱本一慶(@airish9)
![Page 2: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/2.jpg)
自己紹介
2
濱本一慶(はまもと かずのり)@airish9
C#とVB.NETでご飯を食べてます!
エンタープライズ系の開発中心
Azureで好きなサービスはモバイルサービス
最近はインフラの知識不足がツライ
![Page 3: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/3.jpg)
当セッションのゴール
3
CI/CDについて知る
CI/CDを導入してみる
Azureに触れる ←最重要
![Page 4: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/4.jpg)
目次
4
CI/CDについておさらい
Visual Studio Online の紹介
Webサイトとの連携
まとめ
![Page 5: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/5.jpg)
CI/CDについて継続的インテグレーションと継続的デリバリー
5
![Page 6: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/6.jpg)
はじめに
6
CI/CDのお話をする前に…
私たちの仕事の流れを振り返ってみましょう。
![Page 7: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/7.jpg)
私たちのお仕事
7
要件確認
画面設計
システム設計
開発工程
テスト工程
納品
![Page 8: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/8.jpg)
私たちのお仕事
8
な、何を言っているんだ
この人は・・
![Page 9: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/9.jpg)
一般的理想的な案件
9
要件確認
画面設計
システム設計
開発工程
テスト工程
納品
![Page 10: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/10.jpg)
よくあるお仕事の流れ
10
要件確認 画面設計 システム設計 開発工程
仕様変更開発工程テスト工程仕様変更
開発工程 テスト工程 納品
![Page 11: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/11.jpg)
よくあるお仕事の流れ
11
開発工程
テスト工程
仕様変更
開発工程
テスト工程
仕様変更
![Page 12: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/12.jpg)
なぜデスマーチが発生するのか?
12
要件の確認漏れ(ミス)
システム設計時のミス
予算や時間の切りつめられた案件
お客様との関係がそもそも良くない
等々…
![Page 13: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/13.jpg)
ミスしないようにするには…
13
漏れの無い業務用件確認
完璧なシステム設計
潤沢な予算と時間
ミスだってするよ、人間だもの…
![Page 14: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/14.jpg)
ではどうする?
14
![Page 15: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/15.jpg)
仕様変更に強いプロジェクト運用とは
15
• “間違い”をいち早く検知して後工程に持ち越さない
後戻りのコストを最小限にする
• 開発に集中する時間を増やす。
• 自動化できる物は自動化を行う。
開発効率を上げる
![Page 16: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/16.jpg)
CI(継続的インテグレーション)
16
Continuous Integration(継続的インテグレーション)
主にプログラマーのアプリケーション作成時の品質改善や納期の短縮のための習慣のことである。エクストリーム・プログラミング (XP) のプラクティスの一つで、狭義にはビルドやテスト、インスペクションなどを継続的に実行していくことを意味する。(Wikipediaより抜粋)
自動ビルド
自動テスト
![Page 17: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/17.jpg)
CD(継続的デリバリー)
17
Continuous Delivery(継続的デリバリー)
継続的インテグレーションの次段階として本番環境にリリースを行い、絶えずお客様にとっての価値を提供し続ける事。
自動デプロイ• ヒューマンエラーの排除• リリース作業の属人化を回避
![Page 18: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/18.jpg)
CI/CDを行うには
18
CI/CDツールの導入
開発チームにCIツールを普及(CIの導入)
開発チームと運用チームの協力(CDの実施)
![Page 19: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/19.jpg)
少しでも敷居を下げるために
19
CI/CDは簡単にできる物ではない
少しでも導入する際の敷居を低くしたい
![Page 20: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/20.jpg)
継続的インテグレーションと継続的デリバリー
20
Visual Studio Online
![Page 21: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/21.jpg)
VisualStudioOnlineとは
21
旧、Team Foundation Service
Visual Studio 2013と同時発表(2013/11/14)
自動でビルド、テスト、デプロイをサポート
Microsoft Azureとの連携したCI/CD
EclipseやXcodeでもプロジェクト共有
![Page 22: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/22.jpg)
VisualStudioOnline
22
TFVSやGitを使用したコード管理開発
コミット時の自動ビルドビルド
コミット時の自動テストテスト
プロジェクトメンバとの情報共有タスク管理
![Page 23: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/23.jpg)
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
•詳細なポートフォリオ
•作業項目のチャート表示
![Page 24: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/24.jpg)
VisualStudioOnlineのデモ
24
メンバー1
メンバー2
Visual Studio Online
Gitリポジトリ
Microsoft
Azure
Webサイト
自動ビルド
自動テスト
自動デプロイ
![Page 25: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/25.jpg)
VisualStudioOnline
25
![Page 26: Visual studioonlineとwebサイトで始めるci/cdの第一歩](https://reader036.fdocument.pub/reader036/viewer/2022073101/55942d4d1a28abee1e8b4609/html5/thumbnails/26.jpg)
まとめ
26
CI/CDはすぐに出来る物ではない
Visual Studio Onlineで導入の敷居を下げよう
無料枠で初めてみましょう
少しずつ導入していこう