1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Windows環境からCordova-iOSアプリがビルドできるVSTS-CIが凄い!と思ったらガッカリした話

Posted at

この記事はWindows環境から無料のVSTS-CIを使ってCordova-iOSアプリとCordova-Androidアプリをビルドできて凄い!と思ったらガッカリした話です。

1人で「Webアプリ+ iOS & Android モバイルアプリ+サーバー処理」を実装するための知見」に記載したVSTS-CIについての補足記事になります。

:one: VSTS-CIの凄い所と、ガッカリな所

1.1 凄い!と思った内容

  • Cordova-iOSをクラウドでビルドできる数少ない環境です
  • CI機能だけではなく、「gitリポジトリ」と「Issuesのカンバン機能」と「Wiki機能」などをPrivateかつ無料で利用できます

1.2 ガッカリだった内容

すべて私の下調べ不足が招いたものですが、期待してしまったぶんガッカリしてしまいました('◇')

  • 価格ページにはビルド時間について記載が無く、CIのホスト数による料金体系しか書かれていない
  • 当初は「無料でビルド時間無制限!?本当か?Microsoft太っ腹~」と思っていたら、突如時間制限によるビルドエラーが表示された。流石にそっすよねー
  • そのエラーの内容で初めて240分/月の制限があることを知った

:two: VSTS-CIとは?

MicrosoftのVSTS(Visual Studio Team Services)に付属するクラウド型のCIサービスです。

1.png

CIと名にある通り、「ビルドや自動テストをクラウドで自動的にやってしまおう」といたサービスになります。

競合はクラウドだとCircleCI, TravisCI, shippable, AppCenterなどがあり、オンプレミスだとJenkinsGitLab-CIなどがあります。

:three: VSTS-CIで何ができる?

(1) ビルドのAgent環境には以下のものが選択できます

  • Windows
  • Linux(Preview)
  • macOS(Preview)

(2) ソースコードの取得は以下のものに対応しています

  • VSTS Git
  • GitHub
  • GitHub Enterprise
  • Subversion
  • Bitbucket Cloud
  • External Git

(3) ビルド環境には以下のものが対応しています

  • .NET Core
  • Ant
  • CMake
  • Cordova
  • Docker
  • Go
  • Gradle
  • Grunt
  • Gulp
  • Ionic
  • MSBuild
  • PhoneGap
  • Visual Studio Build
  • Xamarin.Android
  • Xamarin.iOS
  • Xcode

など・・・
他にも色々できそうです。

:four: 具体的な使用用途

私は以下の使い方を試しました。

リポジトリのmasterブランチがプッシュされたことをトリガーに以下の動作が自動的に行われます。

  1. macOS環境をロード
  2. VSTS-gitリポジトリからプライベートソースコードを取得
  3. Node.js 6.x系をセット
  4. npm install -g ionicでionicをグローバルインストール
  5. npm insatllでパッケージを取得
  6. ionicでHTML,TypeScript,SCSS等のソースコードをバンドルしてwwwディレクトリに出力
  7. wwwディレクトリからcordova-androidを使ってAndroidアプリ(apkファイル)を生成
  8. wwwディレクトリからcordova-iosを使ってiOSアプリ(ipaファイル)を生成
  9. ビルドしたAndroidアプリ(apkファイル)iOSアプリ(ipaファイル)のダウンロード

:five: 料金

結局料金については公式ページを見ても良く分かりませんでした。とりあえずビルド時間が240分超えたら有料です。
料金について書かれたページを2つ見つけたのでURLを記載しておきます。

「VSTS CI」で検索して見つけたページ

「VSTS CI 240」で検索して見つけたページ

:six: 最後に

現在は VSTS-CI は使用せずに自前のMac環境でビルドするように構築しました。
ビルド環境の詳細は「1人で「Webアプリ+ iOS & Android モバイルアプリ+サーバー処理」を実装するための知見」を参照していただければ思います。

VSTS-CIは日本語による情報が少なく、使用前調査の段階から「調べてもよくわからないから、とりあえず使ってみよう」といったスタンスだったので、こういったミスは致命的ではないので仕方のないリスクとして受け入れることにしました(*'ω'*)

1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?