Top Banner
25

マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Jan 22, 2018

Download

Software

Masaki Takeda
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps
Page 2: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

モバイルアプリ開発に必要な一式を提供

1

Visual StudioVisual Studio for Mac

Visual Studio App Center

Visual Studio Team Services

Android Studio

Native

Xcode

Native

Android

アプリ

iOS

アプリ

Microsoft Azure

Page 3: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

2

Page 4: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

C# で Android / iOS アプリ開発

従来はターゲット OS ごと

のスキル、開発言語、開発環境

3

統一された

スキル、開発言語、開発環境

Page 5: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

C#から API を100% 利用可能

4

iOS API Android API

.NET API

Page 6: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Xamarin.iOS / Xamarin.Android

5

• Ahead-of-Time コンパイラで でネイティブ ARMアセンブリを生成

• C# から Object-C ライブラリのバインディング可能

• Watchkit 対応済み

• 最新 iOS SDK リリース同日サポート

• Mono ランタイム上での JIT 実行

• Managed Callable Wrappers / Android Callable Wrappers: JNI

• Android Wear 対応済み

• 最新 SDK リリース後 1-3 ヶ月後にサポート

Page 7: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

パフォーマンス

6

• Xamarin でコンパイルされたパッケージサイズはネイティブよりも大きくなる

• Xamarin.Forms は、Native UI よりも遅くなる傾向

• パフォーマンスに関する記事 (英語のみ)• http://chrisrisner.com/articles/xamarin/performance

• パフォーマンスチューニング方法に関するリンク (英語のみ)• Xamarin.Android

• Xamarin.iOS

Page 8: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

7

Visual Studio for WindowsVisual Studio for Mac

Windows も Mac も Visual Studio で

Page 9: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Visual Studio for MaciOS / Android

.NET Core

Tools for Azure

Visual Studio

サブスクリプション

Community

Edition

提供開始

Page 10: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

開発環境

9

OS Mac OS X Windows

開発環境Xamarin Studio

Visual Studio for MacVisual Studio

Xamarin for Visual Studio

Xamarin.iOS ○○

(Mac 機が必要)

Xamarin.Android ○ ○

Xamarin.Forms iOS, Android のみAndroid, Windows Phone, Windows

(iOS は Mac 機が必要)

Page 11: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Android Designer

10

Page 12: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Xamarin Designer for iOS

11

Page 13: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

コード共有

12

• プロジェクトの一部としてコンパイル

• プラットフォーム固有機能にはディレクティブを使用

• 別のライブラリとしてコンパイル

• 単体テストやコードの可読性が高まる

Page 14: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Xamarin Profiler

13

• アロケーションと Time Profiler を利用可能

• Windows 版では Android のみサポート

Page 15: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Xamarin.Forms で画面の共通化

14

• C# で UI 記述

• プラットフォーム依存の機能を多用する場合に最適

• XAML / C# で UI 記述

• プラットフォーム固有のコントロールにマッピングされる

• 業務アプリなどプラットフォーム依存機能がない場合に最適

Page 16: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Xamarin Live Player (PREVIEW)

• iOS / Android に Xamarin Live Player アプリをインストール

• Visual Studio と実機をペアリング

15

Page 17: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

iOS, Android アプリの UI テストも

16

• Xamarin Test Recorder で、UI 自動テストをノンコーディング生成• Android / iOS アプリパッケージもサポート

• Visual Studio 用 と OS X 用が提供

• Visual Studio 版は Android のみサポート

パッケージを指定して操作記録

操作のたびにコードが追加。Asset も追加可能

https://www.xamarin.com/test-cloud/recorder

Page 18: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

17

クラウド上で提供している

サービス

Page 19: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Visual Studio App Center

18

• ライフサイクルサービス ビルド、テスト、配布

• 監視サービス クラッシュログ収集、ログ分析、Push

<対象アプリケーション>

iOS Android Windows macOS

Object-C

Swift

React Native

Xamarin

Java

React Native

Xamarin

Windows 10

ストアアプリ

Object-C

Swift

Page 20: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps
Page 21: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps
Page 22: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

無料枠あり

21

Page 23: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Azure Mobile Apps

22

• App Service 上で動作するため、イントラネット用途でも利用可能

Page 24: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps

Visual Studio

Visual Studio for Mac

Visual Studio Code

Visual Studio App Center

Visual Studio Team Services

Page 25: マイクロソフトモバイルアプリ開発環境の全貌Xamarin, Visual Studio App Center, Azure Mobile Apps