ios / android / windowsdownload.microsoft.com/download/e/c/d/ecdc2661-a3f7-4a9e...os ( ios, android,...

25
iOS / Android / Windows すべてに対応したアプリを作るには ~ クロスプラットフォーム開発の実現 ~ ROOM A 日本マイクロソフト株式会社 デベロッパー&プラットフォーム統括本部 エバンジェリスト 渡辺 友太

Upload: others

Post on 21-Jun-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

iOS / Android / Windows すべてに対応したアプリを作るには~ クロスプラットフォーム開発の実現 ~

ROOM

A

日本マイクロソフト株式会社デベロッパー&プラットフォーム統括本部エバンジェリスト

渡辺 友太

Page 2: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

求められていること

すばやい市場投入コストを抑える質の高い UX

Page 3: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

iOS / Android / Windowsすべてに対応したアプリ開発の方法をご理解いただく事

本セッションの目的

Page 4: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

今日お聴きいただく内容

開発のパターンWeb 技術を使う

C# を使う

Page 5: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

パターンは3つ

ブラウザー

OS ( iOS, Android, Windows )

Web

Page 6: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

最もお手軽

Web の技術を使う

Page 7: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

JavaScript

Web と Hybrid の違い

Web

OS ( iOS, Android, Windows )

ブラウザーWebView

Objective-C,

Java,

C#

Page 8: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

JavaScript

Web アプリ

OS ( iOS, Android, Windows )

ブラウザー

コードは共通Web サイトを作るときと同様

ライブラリが充実jQuery Mobile, Sencha Touch 等

公開申請必要なし更新したらすぐ反映される

構造

Page 9: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

デモ:異なるブラウザでの表示を確認

Page 10: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

JavaScript

Hybrid アプリ構造

OS ( iOS, Android, Windows )

WebView

Objective-C,

Java,

C#

共通部分は Webハイブリッド割合は調整

ネイティブ機能Apache Cordova ( PhoneGap )

ストアで公開配布や課金の仕組みが使える

Page 11: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

デモ:共通のコードでネイティブ機能を使う

Page 12: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

コンパイルして作る

ネイティブ アプリ

Page 13: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

Visual Studio

with Xamarin

OS ( iOS, Android, Windows )

Xcode, Eclipse, Visual Studio

C#

Objective-C,

Java,

C#

ネイティブアプリの作り方

通常

Page 14: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高
Page 15: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

Xamarin構造

OS ( iOS, Android, Windows )

WebView

“フル” ネイティブすべての API が使える

パフォーマンス高コンパイルされたパッケージ

.NET , Visual Studio既存の資産やスキルを活用

Visual Studio

with Xamarin

C#

Objective-C, Java, C#

Page 16: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

クロスプラットフォーム開発を後押しする

クラウド側の共通化

Page 17: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

BaaS ( Backend as a Service )

クロスプラットフォームで、クラウド側のサービスを共通化

“ ”

Page 18: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

Windows Azure モバイルサービス

認証

Page 19: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

デモ

デバイス & サービス

Page 21: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

これだけは持ち帰っていただきたい

本日のまとめ

Page 22: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

パターンは3つ

ブラウザー

OS ( iOS, Android, Windows )

Web

Page 23: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

Xamarin & Visual Studio がご提供する価値

iOS, Android, Windows 対応C#, .NET が活用できる

“フル” ネイティブ な機能

Page 24: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

セッション関連情報追加セミナーのご案内

Xamarin 国内代理店のご案内

@YutaWatanabe FB: Yuta.Watanabe

Bit.ly/xpdev

Page 25: iOS / Android / Windowsdownload.microsoft.com/download/E/C/D/ECDC2661-A3F7-4A9E...OS ( iOS, Android, Windows ) WebView “フル”ネイティブ すべてのAPI が使える パフォーマンス高

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the

part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.