SlideShare a Scribd company logo
Microsoft Tech Summit 2017
(前職はモバイルアプリ(iOS/Android)開発者)
#mstsJP17 #APP008
このセッションは:
今回のセッションは、こんな人向け!(1)
今回のセッションは、こんな人向け!(2)
今日話すこと
https://mobilelabsinc.com/blog/successful-continuous-delivery-pipeline
今日話すこと
今日話すこと
今日話すこと
今日話すこと
今日話すこと
2. 自動 UI テスト
3. 「Mobile Center」で開発運用
4. 「Mobile Center」の始め方
5. まとめ
330万
330万
Google Play Store に
上がっている Android アプリの数
(2017年9月)
https://www.statista.com/statistics/266210/number-of-available-applications-in-the-google-play-store/
ユーザーの目は厳しい
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
もし、せっかくストアから
インストールしてみたアプリが、
落ちたり動作がもっさり(重い)
してたりしたら?
皆さまに アンケート:
入れたアプリの動作が不安定だったら、
貴方はどうしますか?
使い続ける
低評価 もう使わない
アンインストール
Twitter アンケート:
入れたアプリの動作が不安定だったら、
貴方はどうしますか?
Twitter アンケート:
入れたアプリの動作が不安定だったら、
貴方はどうしますか?
ユーザーは安定した
動作のアプリでないと
耐えられない
品質に厳しい
つまりこんな感じの開発環境が必要:
想定通りの動作
効率良く できる
多くの
ユーザーの環境
つまりこんな感じの全体像かな
(「作って終わり」じゃないよ!)
(「作って終わり」じゃないよ!)
https://mobilelabsinc.com/blog/successful-continuous-delivery-pipeline
決定ボタン押した
時の動作を見たい
この端末の画面サイズだと
レイアウト崩れないか
確認したい
テストアカウントで
ログインした時の
動作を見たい
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
Android は、端末の種類が
2万種以上!
ソース:Android Fragmentation Report August 2015 - OpenSignal
さらにそこに OS のバージョンや
OEMなどが混ざると、カオスが加速
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
3D Touch
iPhone 6s /7
series only
Apple pencil
iPad Pro only
Multi Tasking
Only select iPads
iPads
iPod
touch
iPhones
デバイスの種類 iOS 9+ の機能
25% 50% 75% 90%Market Share
(Xamarin社しらべ)
NumberofDevices
13
45
134
288
0
(米国の)N%のユーザをカバーするのに
必要なスマホの種類
決定ボタン押した
時の動作を見たい
この端末の画面サイズだと
レイアウト崩れないか
確認したい
テストアカウントで
ログインした時の
動作を見たい
しかも実機保有はコスト増大!
管理(無くしてないか確認、セキュリティの設定)
廃棄ポリシー(古くなったら捨てる)
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
今日話すこと
1. モバイルアプリ開発/運用は、
なぜ大変なのか
2. 自動 UI テスト
3. 「Mobile Center」で開発運用
4. 「Mobile Center」の始め方
5. まとめ
2,000台以上の実機で
UIテストが出来る、
クラウド上のテスト環境
コード化された UI Test と
パッケージを投入すると
指定したデバイスに展開し,
テストを実行して
結果を返してくれる!!
自動UIテスト - Mobile Center
Microsoft が保有する
2000を超える実機を保管した
デバイスファーム
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
Tap Scroll Swipe Pinch Multi Finger
Text Entry Rotation GPS
自動 UI テスト
手動 UI テスト
自動 UI テスト
aka.ms/kotlin
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
次はこの
開発ライフサイクル
全体についての話
マルチプラットフォーム対応
マルチプラットフォーム対応
多くの機種で
自動UIテスト
テスターに
テストビルド
配布
各ストアで展開
(リリース)
ユーザの
使用状況
確認/分析
ユーザの
使用状況
確認/分析
A/B Testing
Live Update
Push Notifications
Crash Reporting
Remote Config.
実現するには、たくさんのツールが必要!
HockeyApp Xamarin Test Cloud Xamarin Insights
Distribute • Crashes • Analytics Device Tests Crashes • Analytics
Azure Mobile Engagement Azure App Service CodePush
Analytics • Push Tables • Auth • Push Distribution
Visual Studio Mobile Center
https://mobile.azure.com
今日話すこと
1. モバイルアプリ開発/運用は、
なぜ大変なのか
2. 自動 UI テスト
3. 「Mobile Center」で開発運用
4. 「Mobile Center」の始め方
5. まとめ
Mobile Center の機能は3種類!
選んだユーザに通知を送りたい
どのようにユーザに使われているのか分析
コードの管理〜アプリ配布まで
Mobile Center の機能は3種類!
コードの管理〜アプリ配布まで
Mobile Center の機能は3種類!
コードの管理〜アプリ配布まで
Mobile Center の機能は3種類!
コードの管理〜アプリ配布まで
Mobile Center の機能は3種類!
コードの管理〜アプリ配布まで
Mobile Center の機能は3種類!
コードの管理〜アプリ配布まで
Mobile Center の機能は3種類!
どのようにユーザに使われているのか分析
Mobile Center の機能は3種類!
どのようにユーザに使われているのか分析
Mobile Center の機能は3種類!
どのようにユーザに使われているのか分析
Analytics (分析)
Mobile Center の機能は3種類!
選んだユーザに通知を送りたい
Mobile Center の機能は3種類!
選んだユーザに通知を送りたい
Mobile Center の機能は3種類!
選んだユーザに通知を送りたい
どのようにユーザに使われているのか分析
コードの管理〜アプリ配布まで
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
今日話すこと
1. モバイルアプリ開発/運用は、
なぜ大変なのか
2. 自動 UI テスト
3. 「Mobile Center」で開発運用
4. 「Mobile Center」の始め方
5. まとめ
始めかた
今日話すこと
1. モバイルアプリ開発/運用は、
なぜ大変なのか
2. 自動 UI テスト
3. 「Mobile Center」で開発運用
4. 「Mobile Center」の始め方
5. まとめ
Visual Studio Mobile Center
Mobile Center の機能は3種類!
選んだユーザに通知を送りたい
どのようにユーザに使われているのか分析
コードの管理〜アプリ配布まで
mobile.azure.com
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】

More Related Content

PPTX
Microsoft の MBaaS(Mobile Backend as a Service)である「Mobile Center」を使い、モバイルアプリ開発...
PPTX
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
PPTX
Visual Studio App CenterでAndroid開発にCI/CDを導入しよう
PDF
楽しいものづくり ファーストステップ
PDF
xR Developerなら知っておきたいカメラの基礎知識
PDF
AppCenter
PDF
MIXED REALITY に REALITY を PLUS するハプティクス技術
PDF
テストがあればなんとかなる〜効率化までの道程〜
Microsoft の MBaaS(Mobile Backend as a Service)である「Mobile Center」を使い、モバイルアプリ開発...
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
Visual Studio App CenterでAndroid開発にCI/CDを導入しよう
楽しいものづくり ファーストステップ
xR Developerなら知っておきたいカメラの基礎知識
AppCenter
MIXED REALITY に REALITY を PLUS するハプティクス技術
テストがあればなんとかなる〜効率化までの道程〜

What's hot (20)

PDF
[社内向け]Titanium勉強会
PPTX
Androidが起こしたオープン・イノベーション
PDF
CROSS 2015 モバイル開発環境セッション
PPTX
アンドロイダーが取り組むXamarin開発
PDF
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
PPTX
HTML5/JavaScriptで作るAndroidアプリ開発seminar
PPTX
Minecraftでプログラミングを学べるって本当?
PPTX
PhoneGapユーザー会@大阪 講演資料
PPTX
Androidをやっただけで iOSアプリもできればいいのに 〜MOEという選択〜
PDF
Google I/O 2017 現地レポート VR、PWA風味をJAG運営委員が語る ~IoTやAIも隠し味でVRとAIの報告と I/Oに参加して思ったコ...
PPTX
Onsen UIが目指すもの
PDF
ユーザーの心に刺ささるためには - UX実践編 -
PPTX
Android enterpriseで実現できる端末管理の世界
PDF
スクリプトエンジン作って 無双する
PPTX
エンジニア向け絶対に挫折しない個人サービスの作り方
PPTX
モバイル用Webフレームワーク最前線
PDF
はやわかりHTML5ハイブリッドアプリ開発事情
PDF
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
PDF
最速でリリースするためのAndroidアプリデザイン
PPTX
Web標準技術で iOS、Android両対応アプリを開発
[社内向け]Titanium勉強会
Androidが起こしたオープン・イノベーション
CROSS 2015 モバイル開発環境セッション
アンドロイダーが取り組むXamarin開発
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
HTML5/JavaScriptで作るAndroidアプリ開発seminar
Minecraftでプログラミングを学べるって本当?
PhoneGapユーザー会@大阪 講演資料
Androidをやっただけで iOSアプリもできればいいのに 〜MOEという選択〜
Google I/O 2017 現地レポート VR、PWA風味をJAG運営委員が語る ~IoTやAIも隠し味でVRとAIの報告と I/Oに参加して思ったコ...
Onsen UIが目指すもの
ユーザーの心に刺ささるためには - UX実践編 -
Android enterpriseで実現できる端末管理の世界
スクリプトエンジン作って 無双する
エンジニア向け絶対に挫折しない個人サービスの作り方
モバイル用Webフレームワーク最前線
はやわかりHTML5ハイブリッドアプリ開発事情
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
最速でリリースするためのAndroidアプリデザイン
Web標準技術で iOS、Android両対応アプリを開発
Ad

Viewers also liked (11)

PDF
Cisco の Azure Stack を15分でまるっとご紹介
PDF
[Japan Tech summit 2017] DAL 007
PDF
[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...
PPTX
Azure Cosmos DB を使った高速分散アプリケーションの設計パターン
PDF
Azure Virtual Machines設計の勘所 | Microsoft Tech Summit 2017
PDF
Xamarin.forms入門
PDF
【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
PDF
ZeroFormatterに見るC#で最速のシリアライザを作成する100億の方法
PPTX
RuntimeUnitTestToolkit for Unity
PDF
NextGen Server/Client Architecture - gRPC + Unity + C#
PDF
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
Cisco の Azure Stack を15分でまるっとご紹介
[Japan Tech summit 2017] DAL 007
[Microsoft Tech Summit 2017] マイクロサービスだけじゃない! コンテナー オーケストレーターとしての「Azure Servic...
Azure Cosmos DB を使った高速分散アプリケーションの設計パターン
Azure Virtual Machines設計の勘所 | Microsoft Tech Summit 2017
Xamarin.forms入門
【Unite 2017 Tokyo】「黒騎士と白の魔王」にみるC#で統一したサーバー/クライアント開発と現実的なUniRx使いこなし術
ZeroFormatterに見るC#で最速のシリアライザを作成する100億の方法
RuntimeUnitTestToolkit for Unity
NextGen Server/Client Architecture - gRPC + Unity + C#
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
Ad

Similar to 20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】 (20)

PDF
[Japan Tech summit 2017] APP 008
PDF
ROSによる今後のロボティクスのあり方
PDF
イマドキのソフトウェア開発プロジェクトの流れ
KEY
Androidリリース作業の効率化(2)
PDF
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
PPTX
はじめてのOffice アドイン
PDF
Developers Summit 2013 Summer C3 なぜデバイス向けアプリ開発が失敗するのか
PDF
【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210
PDF
Androidとは何か
PDF
OpenCV on mobile
PDF
UWPによるマルチデバイス開発最新事情
PDF
PowerApps アプリ開発入門
PDF
K1hash20121024
PDF
Developer summit codeer
PDF
アジャイル開発のためのDatadog
PDF
インターン研修 自己紹介スライド
PDF
ビジネスとデザイン ~ビジネスは悪くない~
PDF
成功したチーム 失敗したチーム -F.O.X Meetup #3-
PPTX
これからのNotesモバイルアプリはこう作れ
PPTX
Power apps、始めました
[Japan Tech summit 2017] APP 008
ROSによる今後のロボティクスのあり方
イマドキのソフトウェア開発プロジェクトの流れ
Androidリリース作業の効率化(2)
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
はじめてのOffice アドイン
Developers Summit 2013 Summer C3 なぜデバイス向けアプリ開発が失敗するのか
【Halo】スマホアプリ3つの法則 ボケてをアプリ化するときにやったこと121210
Androidとは何か
OpenCV on mobile
UWPによるマルチデバイス開発最新事情
PowerApps アプリ開発入門
K1hash20121024
Developer summit codeer
アジャイル開発のためのDatadog
インターン研修 自己紹介スライド
ビジネスとデザイン ~ビジネスは悪くない~
成功したチーム 失敗したチーム -F.O.X Meetup #3-
これからのNotesモバイルアプリはこう作れ
Power apps、始めました

More from Madoka Chiyoda (20)

PDF
最後の HoloLens meetup での登壇資料。HLとコミュニティの皆様への感謝
PDF
マイクロソフト企業紹介 at clusterGAMEJAM 2020 in Winter
PDF
#MRDevDaysJP HoloLens 2 アプリ開発入門
PDF
HoloLens 2 アプリ開発ハローワールド
PDF
Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)
PDF
ハッカソンで使い勝手の良さそうな Microsoft の AI 系のサービス紹介
PDF
手乗りちょまぎょアプリ開発で学ぶ MRTK 入門 (MRTK 2.5 対応)
PDF
若手エンジニア向けカンファレンス #BitValley2020 登壇資料 (オタ駆動開発)
PDF
2020年8月_HoloLens 2 アプリ開発入門
PDF
Microsoft ゲーム部門紹介スライド
PDF
クラウド入門とプログラミング楽しいという話 ( #技育祭 登壇資料)
PDF
[学生向けオンライン登壇] クラウド入門 + キャリアの話
PDF
HoloLens 2 + Microsoft の Mixed Reality 製品 入門 (D365)
PDF
2020年4月版_Xamarin.Forms 入門 (Mac での開発編)
PDF
200126_Azure Spatial Anchors
PDF
HoloLens 2 開発入門 (公式チュートリアルの紹介)
PDF
HoloLens 2 開発公式チュートリアルとフィードバック待ってます話
PDF
クラウド&Azure入門 セッション at Microsoft Ignite the Tour Tokyo 2019
PDF
191014『オタクな私の拡がる世界』オタ駆動開発 at DevFest Women 2019
PDF
クラウドサービス Microsoft Azure 基本
最後の HoloLens meetup での登壇資料。HLとコミュニティの皆様への感謝
マイクロソフト企業紹介 at clusterGAMEJAM 2020 in Winter
#MRDevDaysJP HoloLens 2 アプリ開発入門
HoloLens 2 アプリ開発ハローワールド
Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)
ハッカソンで使い勝手の良さそうな Microsoft の AI 系のサービス紹介
手乗りちょまぎょアプリ開発で学ぶ MRTK 入門 (MRTK 2.5 対応)
若手エンジニア向けカンファレンス #BitValley2020 登壇資料 (オタ駆動開発)
2020年8月_HoloLens 2 アプリ開発入門
Microsoft ゲーム部門紹介スライド
クラウド入門とプログラミング楽しいという話 ( #技育祭 登壇資料)
[学生向けオンライン登壇] クラウド入門 + キャリアの話
HoloLens 2 + Microsoft の Mixed Reality 製品 入門 (D365)
2020年4月版_Xamarin.Forms 入門 (Mac での開発編)
200126_Azure Spatial Anchors
HoloLens 2 開発入門 (公式チュートリアルの紹介)
HoloLens 2 開発公式チュートリアルとフィードバック待ってます話
クラウド&Azure入門 セッション at Microsoft Ignite the Tour Tokyo 2019
191014『オタクな私の拡がる世界』オタ駆動開発 at DevFest Women 2019
クラウドサービス Microsoft Azure 基本

20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】

Editor's Notes

  • #4: モバイルサービスのでバリバリーをしてる人? 運用を任されてる人? 実機の管理をしている人 実機調達などの時間の制約とコスト(稟議を回すや配送、電気代)を解決 廃棄ポリシー(古くなったら捨てなければならない) なくしてないか確認、機材の管理 今そうじゃなくても、これから突然やれということになるかも。準備しておこう 仕方なく使ってるにしてもエミュレータは限界がある
  • #5: モバイルサービスのでバリバリーをしてる人? 運用を任されてる人? 実機の管理をしている人 実機調達などの時間の制約とコスト(稟議を回すや配送、電気代)を解決 廃棄ポリシー(古くなったら捨てなければならない) なくしてないか確認、機材の管理 今そうじゃなくても、これから突然やれということになるかも。準備しておこう 仕方なく使ってるにしてもエミュレータは限界がある
  • #12: https://www.statista.com/statistics/266210/number-of-available-applications-in-the-google-play-store/
  • #13: iOSアプリは220万です ライバル多すぎわろた 陳腐化の速度が早い。チャレンジになる。使い捨てのつもりで
  • #18: 手を上げてもらう
  • #21: かずきさん「この人だれ?」 私「タダで使える肖像権フリーの人物写真探してたら、この人が多くヒットしたから、使わせてもらったの」
  • #22: 開発 UIテスト テスターに配布 ストアへ公開 使用状況の収集
  • #23: 開発 UIテスト テスターに配布 ストアへ公開 使用状況の収集
  • #24: 私は前職devだったんだけど、その時はデバイスを30個くらい買ってもらってた デバイスの管理の仕事をやってる人
  • #25: What is this picture? This is Android Landscape in the market and you can see so many kinds of devices are there. So it says Galaxy series is the most popular one. The fact is thousands of unique different Android devices in the market and that’s crazy that I can’t buy thousands of devices. Android devices overflowing. It’s interesting here that this is just / device / and there’re several operating systems and OEMs so it’s even more complicated
  • #27: I’ll give you other complication which is Screen sizes. These are Android screen sizes . There are really small tiny phones, watches, 4 k televisions. A lot of developers take a long time to test their apps with various kinds of Android devices.
  • #28: Fragmentation on iOS also exists. iPad, iPhone, specific features on iOS 9, … So we have to get these, too. So exactly how many devices you need to buy?
  • #29: There is a survey by Xamarin. If you want just United States, only targeting United States, How many devices will I need for 50 percent of the market is 45. If you want to go 75 %, 134 devices. To get 90%, nearly 300 devices. It’s extremely expensive. There is even including flavors of Operating Systems. Speaking of iOS, there are iOS 8, 10, 10.2, 10.3 11, and so on.
  • #31: 実機調達などの時間の制約とコスト(稟議を回すや配送、電気代)を解決 廃棄ポリシー(古くなったら捨てなければならない) なくしてないか確認、機材の管理
  • #37: It supports the gestures like Tap, Scroll, ....
  • #39: 実機調達などの時間の制約とコスト(稟議を回すや配送、電気代)を解決 廃棄ポリシー(古くなったら捨てなければならない) なくしてないか確認、機材の管理
  • #44: 私は前職devだったんだけど、その時はデバイスを30個くらい買ってもらってた
  • #45: 開発 UIテスト テスターに配布 ストアへ公開 使用状況の収集
  • #53: To achieve that high level of quality, [ クリック] developers have to build their apps, run their own UI tests, distribute their apps to the testers, And learn from their users. And they have to do all of this /quickly.
  • #54: So, they turn to different services to help them achieve that. For example, they’re using Microsoft products like VSTS, HockeyApp, Xamarin Test Cloud, Azure Mobile Engagement, or third-party products. But can it possible to make /all these services talks to each other and play nice? Takes time, and it’s not always easy. I’m here to tell you that Mobile Center is changing the game / in how developers create the Pipeline, and make all their stages of development /sync up smoothly. We’ve taken these Microsoft products/ which are leading services in their specific part of the mobile developing life cycle / (2) And we brought them all together / into Visual Studio Mobile Center / a mission control for all your apps,
  • #55: a place where all these services seamlessly integrate / to make the cycle /easier and faster/ for developers. Developers of all kinds / regardless of which platforms they’ve developing for /and what kind of apps they’re making. We’ve given them end-to-end solution, you can use all of it,/ or pick what you want. The best way to understand how we’re achieving this / is by seeing Mobile Center in action. Today, I want to take you for a spin / in Visual Studio Mobile Center, / specifically highlighting how to build a great Mobile DevOps Pipeline. I will show you its demo later.
  • #63: サーバーを立てる必要がなくなる
  • #72: 実機調達などの時間の制約とコスト(稟議を回すや配送、電気代)を解決 廃棄ポリシー(古くなったら捨てなければならない) なくしてないか確認、機材の管理
  • #76: TODO QRコード