LoginSignup
9
7

More than 3 years have passed since last update.

スマホアプリのハッカソンで使える、App Centerが熱い!

Last updated at Posted at 2020-11-01

スマホアプリのハッカソンでおすすめな、App Centerをご紹介します!

背景

ハッカソンで与えられる時間は限られており、可能な限り、自分のアイデアやサービスを磨く時間に使いたいものです。
多くの場合チーム開発をするため、開発環境やCI&CDパイプラインを整えることも非常に重要な要素となります。
App Centerはパイプラインの定義ファイルを書くこと無く、Webの管理コンソールを操作するだけで、すぐにCI&CDパイプラインを整えることができます!

App Centerとは

「Visual Studio App Center」が正式名称で、Microsoft社が提供するAzureのサービスの一つです。
公式サイトでは、モバイルやデスクトップ アプリを作成、テスト、リリース、監視するための開発者向け統合サービスと紹介されています。

様々なリポジトリ(GitHub、Bitbucket、GitLab、Azure DevOps)と接続して、ビルド、テスト、リリースを自動化することができます。
また、そのためにパイプラインの定義ファイル(YAMLファイルなど)を書く必要がなく、Webの管理コンソールから簡単に設定できます。

iOS開発を例にすると、GitHubのリポジトリと接続して簡単な設定を追加するだけで、ビルド、起動テスト、リリース(Adhoc/TestFlight/AppStore)までを自動化することができます🎉

ハッカソンでは、フロントエンド(アプリなど)とサーバサイド(APIなど)を分業して開発することが多いと思います。
App Centerを利用して、最新のアプリケーションをサーバサイドの開発者が常にダウンロードできる状態にしましょう👍

似たサービスとして、Firebase App Distributionがあります。
こちらも非常に簡単にアプリケーションを配布できますが、自動ビルドを行うことができません。ここが大きな違いです。

やってみよう

iOS開発を例にApp Centerの使い方をご紹介します。
今回はApp Centerの紹介が本題のため、以下については割愛します🙇‍♂️

  • XcodeでiOSアプリの開発
  • GitHubリポジトリの作成、開発した資材のPushなど

App Centerに登録

App Centerから利用を開始しましょう!
GitHubアカウントやMicrosoft アカウントを利用して始められます。
image.png

App Centerにアプリケーションの追加

「Add new」→「Add new app」を選択する

image.png

アプリケーションの情報を入力する

iOSだけでなく、Androidやデスクトップアプリケーションも追加することが出来ます!
image.png

Overviewが表示されたら、アプリケーションの追加は完了です

iOS SDKを追加しましょうという案内がありますが、必須ではありません。
SDKを追加すると、クラッシュや分析を行うことができます。
image.png

リポジトリに接続

接続するリポジトリタイプを選択する

ここでは、GitHubを選択します
image.png

接続するリポジトリを選択する

Privateリポジトリも指定できるのは嬉しいですね👏
image.png

ブランチ一覧が表示されたら、リポジトリの接続は完了です

image.png

ビルドを設定する

ビルドするProjectやSchemeの設定、ビルドに必要なプロビジョニングプロファイルや証明書を設定します

個人的にはビルド番号を自動で設定してくれるのが嬉しいポイントです👏
image.png

実機で起動テストを行うか、配布先、ステータスバッジの設定も行えます

image.png

「Save&Build」を押すと、ビルドが開始されます!

配布設定を行っていれば、以下のようなメールが届き、デバイスにインストールすることができます。
image.png

さいごに

ハッカソンだけでなく、ビジネスを発展させるためには、開発の高速化が必要になってきます。
ビルドやテスト、配布の自動化がWeb上の管理画面で簡単に設定できるApp Centerを利用して、限られた時間を有効に使いましょう!!

補足

You must add a shared scheme. と言われたら

ご参考: iOS Build Troubleshooting
image.png

Xcodeでビルド対象にしたいスキーマがSharedになっていることを確認する

image.png

ビルド対象にしたいスキーマがGit管理されていることを確認する

image.png

9
7
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
9
7