3分でわかるAzure DevOps

すばやく理解するための、簡単な説明です。

画像をクリックすると、最大化します。

# Azure DevOpsとは

高品質のソフトウェアを、短期間でリリースするための、サービス群です。

https://azure.microsoft.com/ja-jp/services/devops/

# Azure DevOpsに含まれるサービス

つぎのサービスが含まれます。

| アイコン | 名前 | 説明 |
|--------|-----|-----|
| <img width="25x" alt="Overview.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/6deaad2b-f2a4-1a58-0835-cad77c699f93.png"> |  Overview  | 概要を表示したり、Wikiを作成することができます。 |
| <img width="25x" alt="Boards.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/e6eebee3-ed36-2d1f-bbcb-df9a3466d984.png"> | Boards     | アジャイル開発ツールです。<br>作業計画を作成／実行できます。 |
| <img width="25x" alt="Repos.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/e6244f71-3e6d-e0cf-27e4-4d6e07fc5b28.png"> | Repos      | Gitリポジトリです。<br>成果物を管理できます。 |
| <img width="25x" alt="Pipelines.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/70ca494a-d29b-1931-9749-6eac6b8dc911.png"> | Pipelines  | CI/CDツールです。<br>ビルド／テスト／デプロイを自動化できます。 |
| <img width="25x" alt="Test Plans.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/02a58430-d9bc-ee79-9ce4-9107362bfc42.png"> | Test Plans | テストツールです。<br>テスト計画を作成／実行できます。 |
| <img width="25x" alt="Artifacts.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/28b1ea4c-375a-101f-e56f-378279320a50.png"> | Artifacts  | パッケージリポジトリです。<br>Maven/npm/NuGet/Pythonのパッケージを管理できます。 |

# 画面イメージ

## Overview

プロジェクトの概要です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/3d582241-30ef-f427-a612-c0b3442636f3.png)

Wikiです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/dd738661-6e25-2341-e79e-a8c7cbb118f3.png)

## Boards

作業の一覧です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/926809f7-a6b4-9647-2ca2-b0cc9d3db85e.png)

作業の詳細です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/ada6a6cf-1e10-8c88-5961-8661b772d7ff.png)

## Repos

Gitリポジトリです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/fa769f8b-6eea-e552-cf28-2ee635e1273d.png)

プルリクエストもできます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/bb2cf80b-8c3a-c643-430d-007fba24c90b.png)


## Pipelines

パイプラインの実行結果の一覧です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/2960ce85-ecd9-f17e-2aa7-4675da2cc45a.png)

パイプラインを設定すれば、さまざまなことを自動化できます。

つぎのようなファイルで、パイプラインを設定できます。

```yml:azure-pipelines.yml
trigger:
- master

# 仮想マシンを指定する。
pool:
  vmImage: ubuntu-latest

# Node.jsをインストールする。
steps:
- task: NodeTool@0
  inputs:
    versionSpec: '16.14.0'
  displayName: 'Install Node.js'

# Artifactsの認証をする。
- task: npmAuthenticate@0
  inputs:
    workingFile: .npmrc

# ビルドする。
- script: |
    npm install -g @angular/cli
    npm install
    ng build --prod
  displayName: 'npm install and build'

# ビルドの成果物を発行する。
- publish: $(System.DefaultWorkingDirectory)/dist
  artifact: dist
```

## Test Plans

テストケースの一覧です。

テストケースを作成したあと、結果も入力できます。
E2Eテストなどの機能はありません。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/e3695820-b1b5-bd48-9abe-d9a48e23f6c4.png)

不具合の報告をするための、ブラウザの拡張機能もあります。

https://chrome.google.com/webstore/detail/test-feedback/gnldpbnocfnlkkicnaplmkaphfdnlplb

## Artifacts

パッケージの一覧です。

プライベートリポジトリを作成して、パッケージを保護できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2542211/97ebea12-f644-ce49-a692-7d935c31398c.png)