potatotips #51 (iOS/Android開発Tips共有会)で発表した資料です。 https://potatotips.connpass.com/event/85025/

1. Visual Studio App Center
の始め方
2018/05/23
potatotips #51
中島進也

2. Profile
• 名前：なかしょ（中島 進也）
• Twitter：@nakasho_dev
• ブログ：なかしょの技術日誌
http://nakasho-dev.hatenablog.jp/
• 最近の興味
TDD、アジャイル開発、Xamarin、Chatbot、Tizen
• 主な参加コミュニティ
JXUG、.NETラボ、Cogbot、Teratail
※本資料は私個人の意見であり、所属企業・部門見解を代表するもの
ではありません。
2

3. 3
Visual Studio App Center

4. 主な機能
4
自動ビルド・単体テスト
実機デバイスでUIテストを自動化
テスターやストアへのアプリ配布
クラッシュログの収集
使用状況の分析
プッシュ通知

5. 対応プラットフォーム
5
Android
Java/Kotlin
ReactNative
Cordova(Preview)
Xamarin
iOS
Objective-C/Swift
ReactNative
Cordova(Preview)
Xamarin
Windows
UWP
macOS(Preview)
Objective-C/Swift

6. まずはログイン
• 以下のアカウントが使用可能
GitHub
Microsoft
Facebook
Google
6https://appcenter.ms/create-account

7. Getting Started
• 新規アプリを登録
• Add New ⇒ Add New App
• OSはAndroidを選択
• PlatformはJavaを選択
• 作成後ポータル画面に遷移
7https://docs.microsoft.com/en-us/appcenter/quickstarts/android/getting-started
ポータル画面では最初
にやるべきことが書い
てある

8. SDKの組み込み
8https://docs.microsoft.com/ja-jp/appcenter/sdk/
dependencies {
def appCenterSdkVersion = '1.5.1’
compile "com.microsoft.appcenter:appcenter-analytics:${appCenterSdkVersion}“
compile "com.microsoft.appcenter:appcenter-crashes:${appCenterSdkVersion}“
compile "com.microsoft.appcenter:appcenter-push:${appCenterSdkVersion}"
}
app/build.gradle
import com.microsoft.appcenter.AppCenter;
import com.microsoft.appcenter.analytics.Analytics;
import com.microsoft.appcenter.crashes.Crashes;
import com.microsoft.appcenter.push.Push;
・・・・・・・・・・中略・・・・・・・・・・・・・・
AppCenter.start(getApplication(), " xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx ",
Analytics.class, Crashes.class , Push.class);
起動時のActivityのonCreate
VSAppCenterのプロジェクト
作成時に払い出されたAPI-KEY
を使用する。
Pushを送信するにはFirebase
のSender IDを管理画面から登
録する。

9. 対応リポジトリ
9

10. Build – ビルド設定- Android（１／２）
• Android Module
• Build Variant
• Build Script
 固定名のファイルを含めることで有効と
なる
• Build frequency
 Pushごとにビルドするか否か
• Automatically increment build number
 ビルドごとにビルド番号を増加させるか否か
• Run unit tests
 ビルド時に単体テストをおこなうか否か
• Lint source code
 コードの静的解析(Lint)をおこなうか否か
10https://docs.microsoft.com/ja-jp/appcenter/build/android/first-build

11. Build – ビルド設定 - Android（２／２）
• Environment variables
 環境変数を設定しビルドに反映できる
 リポジトリに含められないものはここ
で管理すべき
• Sign builds
 ビルド時に署名を付与するか否か
• Test on a real device
 実機テストを実施するか否か
• Distribute builds
 ビルドを配信するか否か
• Advanced
 ビルドステータスバッジの有無
11https://docs.microsoft.com/ja-jp/appcenter/build/android/first-build

12. Build – ビルド状態表示
12https://docs.microsoft.com/ja-jp/appcenter/build/windows/uwp/first-build
ビルド状態画面
から配信やビル
ドファイルのダ
ウンロード等が
可能

13. Diagnostics – クラッシュ情報取得
13https://docs.microsoft.com/ja-jp/appcenter/crashes/ios
スタックトレース
を閲覧可能
レポートを取得可能
クラッシュ情報が
AppCenterに送信される
のはアプリ再起動後

14. Bug Tracker Integration
• 以下のTrackerと連携し、Crash時に自動でTicketを起票
Visual Studio Team Services
GitHub
Jira
14https://docs.microsoft.com/ja-jp/appcenter/dashboard/bugtracker/

15. Analytics用のログ設定
15https://docs.microsoft.com/ja-jp/appcenter/sdk/
Analytics.trackEvent("Sample event");
イベント名だけ送信する
Map<String, String> properties = new HashMap<>();
properties.put("Color", "Yellow");
Analytics.trackEvent("Color event", properties);
プロパティと共にイベント名を送信する

16. Analytics - Overview
• Active Users
Monthly、Weekly、Daily
• Engagement
• Devices and OS
• Countries and Languages
• Active Users per Version
16https://docs.microsoft.com/ja-jp/appcenter/analytics/overview

17. Analytics – Custom Events
• Event Page
Count、Trend、Users、User change、Per user
• Detail event view
Users、Count、Count per user、Count per session
17https://docs.microsoft.com/ja-jp/appcenter/analytics/event-metrics

18. Analytics – Log Flow
18https://docs.microsoft.com/ja-jp/appcenter/analytics/log-flow

19. Analytics – Export
• Azure の以下の機能に生ログをExport可能
Blob Storage
Application Insights
19https://docs.microsoft.com/ja-jp/appcenter/analytics/export

20. その他 – App Center Client (Preview)
20https://openapi.appcenter.ms/
Infrastructure
as Codeを
実現

21. その他 –App Center Plugin for Flutter
21https://pub.dartlang.org/packages/appcenter

22. 参考サイト
• Visual Studio App Center Docs
https://docs.microsoft.com/ja-jp/appcenter/
• Visual Studio App Center Blog
https://blogs.msdn.microsoft.com/vsappcenter/
• Advice and Answers App Center
https://intercom.help/appcenter/
• JXUGC #24 春の App Center 祭り
https://jxug.connpass.com/event/72491/
• 最新ツールとVisual Studioサブスクリプションで変わ
る開発環境
http://www.itmedia.co.jp/pcuser/articles/1801/17/news00
1.html
22

23. ご清聴ありがとうございました。
なかしょ（中島 進也）
@nakasho_dev
23