Qiitaの16日目です。Online)での継続的インテグレーションについて書きます。Studioでプログラム改修&プッシュ!継続的ビルド&テスト....デプロイももちろんできますが、長くなりそうな(長くなって力尽きた...)のでやめときます...。英語版のVS使ってるので日本語メニューの正式な名称がわかりません...各種操作は画面のキャプチャからお察しください。(以下、VSTS)のアカウントがない場合...うう...ググっていただき作成します。Demo」)を作っておきましょう。control]は「Git」を選択こんな感じ。project]をポチッとしてプロジェクトはできあがり。Studioでの作業に移ります。Consoleのプロジェクトと、そのテストプロジェクトをつくりまーす。4.5.2」を選択しています。4.6.1」でやったらVSTSのビルドでwarning出てそのあとの作業に影響が出たので....。この辺の作業の手順は省略しますが、手抜きな感じで以下のプログラムかきました。StudioをVSTSに接続しておきましょう。Studioでチームエクスプローラーを開きます。上部のコンセントのようなアイコンをクリックします。下図の感じでクリックします。ウインドウが表示されますので、Serverをクリックします。プロジェクトを追加するウインドウが表示されますので、VSTSのアカウントのURLを入力して追加します。今回のデモの場合、「https://beachside.visualstudio.com/」です。プロジェクトへ接続します。先ほどVSTSで作ったプロジェクトをリモートリポジトリとして、ソースコード管理をしましょう。Studioで、ソリューションエクスプローラーを開きます。ソリューションを右クリックしてソリューションをソースコード管理に追加的なメニューをクリックします。ソース管理は、VSTSでGitを指定しているので、「Git」を指定します。(TFVCで管理したい場合は、VSTS側もTFVCに設定します。)チームエクスプローラーが表示されますので、メッセージを入力してコミットします。同期をクリックして画面に移動します。初回だとリモートリポジトリと紐づいていないので、こんな画面が表示されます。下図の矢印のところのURLにリポジトリーのURLを入力します。URLは、VSTSで確認することができます。いうことで、ブラウザでVSTSをみます。Demo」プロジェクトを開き、[CODE]をクリックして、確認しましょう。origin...」もコピーされるというトラップがあります。(CLI用のコピーなので、トラップっていうよりは優しさでしょうか)URLだけを貼り付けて、Publishしましょう。ブラウザーでVSTSみてみましょう。先ほどURLを確認したプロジェクトの[CODE]をリロードすると、コードが同期されていることが確認できます。引き続き、VSTSで継続的ビルド&テストの設定します。VSTSで[BUILD]をクリックします。definitions]が選択された状態になっていますので、新規追加できそうな気配のボタンをクリックします。ウインドウが表示されます。Studio」を選択し、[Next]をクリックします。以下のウインドウが表示されます。branch]を選択することができます。状況に応じてブランチごとの設定はここらへんでできます。チェックボックスが一つありますが、文章の通りです。Gitなので、リモートリポジトリにプッシュする毎に動作させたい場合、このチェックボックスをチェックします。今回はチェックしておきましょう。[Create]をクリックします。動作の定義をする画面が表示されます。Artifacts]を削除します。Test]の設定をします。これは文言の通り、ビルドをするStepとテストをするStepです。Test]で、エラーが出ても継続するチェックを入れるだけで大丈夫です。今回は利用しませんが、スケジュール起動したい場合は、[Triggers]をクリックし、[Scheduled]から設定することもできます。[save]をクリックして保存します。definitions]に表示されます。これで、リモートリポジトリへプッシュするたびにビルドとテストが動きます。試しに、この定義を手動で動かしてみましょう。build]をクリックすると手動で起動できます。別のウインドウが出てきますので、OKをクリックすると実行されます。継続的ビルドからチケット登録さっそくバグが出たようですね。実行結果についてみてます。左ペインの「Build...」をクリックして[Summary]をてみましょう。表示されていていい感じです。左ペインのその他の項目をクリックすると、それぞれの処理のログなどを見ることができます。左ペインの「Build...」をクリックしたところで表示されている[Tests]をクリックすると、失敗したテストを確認することができます。bug]をクリックし、作業項目(チケット)を登録することができます。チケットが自動生成されます。テストのエラーメッセージも出ています。期待値だったのに、モコモコになっているようですね。必要に応じて追記などをし、保存しましょう。保存したチケットは、画面上部の[Work]をクリックして確認することができます。Item、そしてバグといったチケットを管理する画面です。[Backlog]による一覧や、[Board]によるタスクボードのビューが用意されており、見せる化ができます。次の作業に進む前に、ちょっと仕込みをします。チケットを検索するクエリを登録する画面が表示されます。Type」が入力されていますのでそのままにして、[Value]に「Bug」と入力します。再生してくれそうなボタンをクリックすると、画面の下の方にBugのチケットが表示されますでしょうか。(されない場合は入力が何か変な可能性ありです)Bugのチケットが表示できることを確認し、保存をします。Queries」を選びました。Studioから実行してチケットを検索することができます。Queries」にしておくと、チームのメンバーで見ることができます。Queries」を選ぶと自分しか見えないので、自分に割り当てられたタスクを取得するクエリを作っておくと便利です。Studioでプログラムを修正しましょう。Studioから確認することができます。チームエクスプローラーでホームを開くと、作業項目という項目が表示されているはずです(表示されていない場合は、リロードとかしてみると表示されると思います)。list」が見えます。クリックして実行すると、チケットを確認することができます。Studioでチケットを確認して作業ができるので便利ですね。プログラムの修正ですが、Demo1.GetMofuMofuでモフモフするように修正するだけなので操作は省きます。プログラム修正をしたら、チケットと紐づけてプッシュしましょう。チームエクスプローラーを開き、[Changes]を開きます。ID]をクリックするとIDを入力できます。チケットのIDは先ほどの画面で確認できますので、入力してコミットしちゃいましょう。プッシュまでしてしまいます。Buildでは、ブラウザでVSTSを見てみましょう。[Build]を開きます。実行中のものは、[Queued]で確認することができます。(起動していない場合は、設定がおかしくて動いていないか、既に完了して[Completed]にいるかのどちらかと...)処理が終わると、[Completed]から完了した結果を見ることができます。今回はビルドして無事にすべてのテストをパスすることができました。Commitの情報も記載がありますので便利です。Buildもこんな簡単にセットアップできるのでVSTSを使う価値あるなーと思っています。機能はたくさんあったり(バグもあったり...)しますので、有効に活用してDevOpsしたいと思っています。当ブログに掲載されている情報は、必ずしも正確性や安全性を保証するものではありません。掲載された内容によって生じた損害等の一切の責任を負いかねます。当ブログに掲載されている情報は個人の見解であり、所属する団体・組織は一切関係ありません。引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。