SlideShare a Scribd company logo
#MW04 #decode17
MW04
#MW04 #decode17
デベロッパー
Microsoft
マンガ家
#MW04 #decode17
私が描いている漫画
「はしれ!コード学園」
#MW04 #decode17
#MW04 #decode17
#decode17 #MW04
#MW04 #decode17
#MW04 #decode17
スマホアプリを
作ってみたいなあ。
作ったら
ストアに公開して
皆に使ってもらいたい!
#MW04 #decode17
#MW04 #decode17
マルチプラットフォーム対応
#MW04 #decode17
マルチプラットフォーム対応
#MW04 #decode17
マルチプラットフォーム対応
#MW04 #decode17
多くの機種で
自動UIテスト
#MW04 #decode17
テスターに
テストビルド
配布
#MW04 #decode17
各ストアで展開
(リリース)
#MW04 #decode17
ユーザの
使用状況
確認/分析
#MW04 #decode17
ユーザの
使用状況
確認/分析
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
• Xamarin + Visual Studio
• Mobile Center
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
Kotlin
#MW04 #decode17
iOSアプリも Androidアプリも
全部 同じ1つの言語/IDE で
開発できたらなあ
#MW04 #decode17
#MW04 #decode17
C# で Android / iOS / UWP アプリ開発
従来はターゲット OS ごと
のスキル、開発言語、開発環境
統一された
スキル、開発言語、開発環境
#MW04 #decode17
iOS アプリ
Android アプリ
UWP アプリ
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
UIAlertController
AlertDialog
MessageDialog
#MW04 #decode17
DisplayAlert ("Alert", "You have been alerted", "OK");
#MW04 #decode17
<?xml version="1.0" encoding="UTF-8"?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml
x:Class="MyApp.MainPage">
<TabbedPage.Children>
<ContentPage Title="Profile" Icon="Profile.png">
<StackLayout Spacing="20" Padding="20"
VerticalOptions="Center">
<Entry Placeholder="Username"
Text="{Binding Username}"/>
<Entry Placeholder="Password"
Text="{Binding Password}"
IsPassword="true"/>
<Button Text="Login" TextColor="White"
BackgroundColor="#77D065"
Command="{Binding LoginCommand}"/>
</StackLayout>
</ContentPage>
<ContentPage Title="Settings" Icon="Settings.png">
<!-- Settings -->
</ContentPage>
「XAML」(ざむる)という
マークアップ言語で書く
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
iCircuit
#MW04 #decode17
#MW04 #decode17
Mac
iOS
Android
Windows Phone
Calca iCircuit Touch Draw
86%
14%
72%
28%
77%
23%
70%
30%
61%39%
94%
6%
88%
12%
76%
24%
90%
10%
#MW04 #decode17
共通化事例1
https://speakerdeck.com/amay077/xamarin-dot-android-teshi-merukurosuhuratutohuomumohairuahurikai-fa-number-jxug
#MW04 #decode17
共通化事例 2
https://speakerdeck.com/amay077/xamarin-dot-android-teshi-merukurosuhuratutohuomumohairuahurikai-fa-number-jxug
#MW04 #decode17
共通化事例 2
https://speakerdeck.com/amay077/xamarin-dot-android-teshi-merukurosuhuratutohuomumohairuahurikai-fa-number-jxug
#MW04 #decode17
Shared C# Backend
#MW04 #decode17
UI+APIs UI + APIsUI + APIs
バッテリー
GPS
ライト
通知
設定
バッテリー
GPS
ライト
通知
設定
バッテリー
GPS
ライト
通知
設定
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
Windows での開発 Mac での開発
#MW04 #decode17
開発環境→ Windows Mac
使うIDE Visual Studio Visual Studio for
Mac
iOS アプリ開発 ○ (ただし接続されたMacが必要
or Live Player を使う)
○
Androidアプリ開発 ○ ○
UWPアプリ開発 ○ ×
Macアプリ開発 × ○
#MW04 #decode17
アプリのパフォーマンスも
ネイティブアプリと同じ
各プラットフォームの
ネイティブ UI・APIを
100%利用可能
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
github.com/dotnet/csharplang/
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
Microsoft Azure
Cognitive Services Face API
SQLite
人の基本情報や
過去のスコア
Person/PersonGroup
顔識別用の画像を
登録している
ところ
Face
年齢判定
顔識別
#MW04 #decode17
Microsoft Azure
Cognitive Services Face API
Person/PersonGroup
• Add a Person Face
• Train Person Group
撮影した顔写真を Cognitive Services に
アップロードして Face API の中の
「Person Group」に登録してトレーニング
#MW04 #decode17
Microsoft Azure
Cognitive Services Face API
Face
• Detect
• Identify
複数人で撮影した写真から Face
API の Detectを使って顔の場所
の判断と年齢を判定。
Identify で PersonGroup の画像
から顔が誰か識別。
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
A/B Testing
Live Update
Storage
Push Notifications
Crash Reporting
Remote Config.
Identity
Tables
実現するにはたくさんのツールが必要!
#MW04 #decode17
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
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
Visual Studio Mobile
Center
Xamarin Test Cloud
#MW04 #decode17
2,000台以上の実機でUIテスト
が出来る、
クラウド上のテスト環境
コード化された UI Test と
パッケージを投入すると
指定したデバイスに展開して
テストを実行して
結果を返してくれる!!
#MW04 #decode17
#MW04 #decode17
あらゆる機種や
バージョンの OS が
用意されている、
2000を超える実機から
選んで実行できる
#MW04 #decode17
例) 12個の
テストケースで
1つ失敗してる
失敗したのは
Android 5.0.2
#MW04 #decode17
このテスト中の瞬間の
CPU使用率や
メモリ使用量など、
このデバイスの
詳細データが見られる
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
#MW04 #decode17
セッションアンケートにご協力ください
 専用アプリからご回答いただけます。
decode 2017
 スケジュールビルダーで受講セッションを
登録後、アンケート画面からご回答ください。
 アンケートの回答時間はたったの 15 秒です!
#MW04 #decode17
Ask the Speaker のご案内
本セッションの詳細は、後半編である次セッションが終わったら、『Ask the Speaker Room』各コーナーカウ
ンタにてご説明させていただきます。是非、お立ち寄りください。
#MW04 #decode17
© 2017 Microsoft Corporation. All rights reserved.
本情報の内容(添付文書、リンク先などを含む)は、作成日時点でのものであり、予告なく変更される場合があります。

More Related Content

PDF
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
PDF
[DI01] 窓は開かれた! SQL Server on Linux で拡がる可能性
PDF
.NET の過去、現在、そして未来
PDF
Azure Webinar Cognitive Services Overview_20170831
PDF
Vs2013 multi device shosuz
PDF
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
PDF
Building asp.net core blazor and elasticsearch elasticsearch using visual stu...
PPTX
Azure ADアプリケーションを使用した認証のあれやこれ ASP.NET Core編
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
[DI01] 窓は開かれた! SQL Server on Linux で拡がる可能性
.NET の過去、現在、そして未来
Azure Webinar Cognitive Services Overview_20170831
Vs2013 multi device shosuz
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Building asp.net core blazor and elasticsearch elasticsearch using visual stu...
Azure ADアプリケーションを使用した認証のあれやこれ ASP.NET Core編

What's hot (20)

PDF
Jazug Cognitive Services Overview_20170824
PDF
Container x AI
PDF
[MR13] Windows 10 Mobile 端末の展開と活用のキモ
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
PDF
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
PDF
.NET 6の期待の新機能とアップデート
PDF
GovHack千葉市_使ってみよう!CognitiveServices_20171013
PDF
[DO06] Infrastructure as Code でサービスを迅速にローンチし、継続的にインフラを変更しよう
PPTX
Ecsとlambdaのバッチ処理
PDF
[AC06] クラウド・ネイティブなスケーラブル・アプリ開発のために~12 Factor App on Kubernetes on Azure
PDF
Vs code conf2020-11-21-extensions-for-microservices-app-dev
PDF
Microsoft learnご紹介vol2
PDF
VS Code Live Share ~ 東京と大阪を繋いでみよう!
PDF
Microsoft Azure Update 20151112
PDF
[TL08] 50 分で Bot 開発者になれる!~実践的ノウハウと、 Azure や Office 365 を組み合わせたアーキテクチャの伝授~
PDF
.NET の今と今後に思うこと
PDF
[SC13] ログ管理で向上させるセキュリティ
PDF
レガシー Web からの脱却 ~ 開発者が次に目指すべき Web アプリの姿とは?
PDF
Introduction to extensions and other useful features for developing apps usin...
PDF
Let's build a simple app with .net 6 asp.net core web api, react, and elasti...
Jazug Cognitive Services Overview_20170824
Container x AI
[MR13] Windows 10 Mobile 端末の展開と活用のキモ
Application development with c#, .net 6, blazor web assembly, asp.net web api...
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
.NET 6の期待の新機能とアップデート
GovHack千葉市_使ってみよう!CognitiveServices_20171013
[DO06] Infrastructure as Code でサービスを迅速にローンチし、継続的にインフラを変更しよう
Ecsとlambdaのバッチ処理
[AC06] クラウド・ネイティブなスケーラブル・アプリ開発のために~12 Factor App on Kubernetes on Azure
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Microsoft learnご紹介vol2
VS Code Live Share ~ 東京と大阪を繋いでみよう!
Microsoft Azure Update 20151112
[TL08] 50 分で Bot 開発者になれる!~実践的ノウハウと、 Azure や Office 365 を組み合わせたアーキテクチャの伝授~
.NET の今と今後に思うこと
[SC13] ログ管理で向上させるセキュリティ
レガシー Web からの脱却 ~ 開発者が次に目指すべき Web アプリの姿とは?
Introduction to extensions and other useful features for developing apps usin...
Let's build a simple app with .net 6 asp.net core web api, react, and elasti...
Ad

Similar to [MW04] [Xamarin入門] コード共通化で開発スピードアップ! AI を活用したクロスプラットフォームアプリを Xamarin で作ってみよう! (20)

PPTX
Windows 8時代のアプリ開発
PDF
Windows 10 対応のデスクトップアプリを作る技術(事前公開版v2)
PPTX
OSC Tokyo/Spring NETMF 170311
PPTX
121117 metro styleapp_templateapp
KEY
1.29.user,user,user
PDF
Xamarin によるクロスプラットフォームモバイルアプリ開発
PDF
Windows Phoneで始める拡張現実の世界
PDF
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
PPTX
App014 デスクトップ アプ
PPTX
自己紹介とC# Devkitについて.pptx
PPTX
2014 1018 OSC-Fall Tokyo NETMF
PDF
Slug 3-windows phone7helloworld-classmethod-ryuichi-nonaka
PPTX
WindowsPhone arch 神戸#1
PDF
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
PDF
Dev camp2012jpn day2special
PDF
App014 デスクトップ アプ
PDF
デブサミ2015「実践!クロスプラットフォーム モバイルアプリ開発」
PDF
わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」
PDF
[Japan Tech summit 2017] APP 001
PPTX
WPF & Windows Forms on .NET Core 3.0
Windows 8時代のアプリ開発
Windows 10 対応のデスクトップアプリを作る技術(事前公開版v2)
OSC Tokyo/Spring NETMF 170311
121117 metro styleapp_templateapp
1.29.user,user,user
Xamarin によるクロスプラットフォームモバイルアプリ開発
Windows Phoneで始める拡張現実の世界
C# を使い倒す!クロス プラットフォーム アプリ開発とクラウド連携の新潮流 - Xamarin セッション
App014 デスクトップ アプ
自己紹介とC# Devkitについて.pptx
2014 1018 OSC-Fall Tokyo NETMF
Slug 3-windows phone7helloworld-classmethod-ryuichi-nonaka
WindowsPhone arch 神戸#1
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Dev camp2012jpn day2special
App014 デスクトップ アプ
デブサミ2015「実践!クロスプラットフォーム モバイルアプリ開発」
わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」
[Japan Tech summit 2017] APP 001
WPF & Windows Forms on .NET Core 3.0
Ad

More from de:code 2017 (20)

PDF
[AI08] 深層学習フレームワーク Chainer × Microsoft で広がる応用
PDF
[AI10] ゲームキャラクターのための人工知能と社会への応用 ~ FINAL FANTASY XV を事例として ~
PDF
[DO07] マイクロサービスに必要な技術要素はすべて Spring Cloud にある
PDF
[SC09] パッチ待ちはもう古い!Windows 10 最新セキュリティ技術とゼロデイ攻撃攻防の実例
PDF
[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に
PDF
[DI12] あらゆるデータをビジネスに活用! Azure Data Lake を中心としたビックデータ処理基盤のアーキテクチャと実装
PDF
[DI10] IoT を実践する最新のプラクティス ~ Azure IoT Hub 、SDK 、Azure IoT Suite ~
PDF
[AI03] AI × 導入の速さを武器に。 ” 人工知能パーツ ” Cognitive Services の使いどころ
PDF
[SP04] これからのエンジニアに必要な「マネジメント」の考え方
PDF
[DO17] セゾン情報システムズの CTO 小野氏による、伝統的 Sier におけるモダン開発への挑戦
PDF
[DO13] 楽天のクラウドストレージ使いこなし術 Azure と OSS で少しずつ進めるレガシー脱却
PDF
[DO11] JOY, Inc. : あなたの仕事場での喜びは何ですか?
PDF
[DO08] 『変わらない開発現場』を変えていくために ~エンプラ系レガシー SIer のための DevOps 再入門~
PDF
[DO05] システムの信頼性を上げるための新しい考え方 SRE ( Site Reliability Engineering ) in Azure, o...
PDF
[DO04] アジャイル開発サバイバルガイド 〜キミが必ず直面する課題と乗り越え方を伝えよう!〜
PDF
[DO02] Jenkins PipelineとBlue Oceanによる、フルスクラッチからの継続的デリバリ
PDF
[SP03] 「怠惰の美徳~言語デザイナーの視点から」
PDF
[SP02] Developing autonomous vehicles with AirSim
PDF
[SP01] CTO が語る! 今注目すべきテクノロジー
PDF
[DO16] Mesosphere : Microservices meet Fast Data on Azure
[AI08] 深層学習フレームワーク Chainer × Microsoft で広がる応用
[AI10] ゲームキャラクターのための人工知能と社会への応用 ~ FINAL FANTASY XV を事例として ~
[DO07] マイクロサービスに必要な技術要素はすべて Spring Cloud にある
[SC09] パッチ待ちはもう古い!Windows 10 最新セキュリティ技術とゼロデイ攻撃攻防の実例
[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に
[DI12] あらゆるデータをビジネスに活用! Azure Data Lake を中心としたビックデータ処理基盤のアーキテクチャと実装
[DI10] IoT を実践する最新のプラクティス ~ Azure IoT Hub 、SDK 、Azure IoT Suite ~
[AI03] AI × 導入の速さを武器に。 ” 人工知能パーツ ” Cognitive Services の使いどころ
[SP04] これからのエンジニアに必要な「マネジメント」の考え方
[DO17] セゾン情報システムズの CTO 小野氏による、伝統的 Sier におけるモダン開発への挑戦
[DO13] 楽天のクラウドストレージ使いこなし術 Azure と OSS で少しずつ進めるレガシー脱却
[DO11] JOY, Inc. : あなたの仕事場での喜びは何ですか?
[DO08] 『変わらない開発現場』を変えていくために ~エンプラ系レガシー SIer のための DevOps 再入門~
[DO05] システムの信頼性を上げるための新しい考え方 SRE ( Site Reliability Engineering ) in Azure, o...
[DO04] アジャイル開発サバイバルガイド 〜キミが必ず直面する課題と乗り越え方を伝えよう!〜
[DO02] Jenkins PipelineとBlue Oceanによる、フルスクラッチからの継続的デリバリ
[SP03] 「怠惰の美徳~言語デザイナーの視点から」
[SP02] Developing autonomous vehicles with AirSim
[SP01] CTO が語る! 今注目すべきテクノロジー
[DO16] Mesosphere : Microservices meet Fast Data on Azure

[MW04] [Xamarin入門] コード共通化で開発スピードアップ! AI を活用したクロスプラットフォームアプリを Xamarin で作ってみよう!