• Apache Cordova について

• Visual Studio の Cordova 開発環境

•検証環境について

アジェンダ

JS＋

Apache Cordova

• PhoneGap

• iOS, Android, Windows, etc..

• ハイブリットアプリ

Cordova アプリの構造～ JSアプリをWeb View でラップ～

ネイティブラッパー

<webview>

JavaScript App

Cordova プラグイン

JS API

Web ビュー

JS＋

シングルコードベース

統合開発環境 : Visual Studio 2015

• 共通カーネル : デスクトップ から IoT まで

• デバイスを横断して動作可能なアプリ

.NET Core 1.0

Tools for Apache Cordova～ Visual Studio のインストールオプション～

Apache Cordova 用ツール

• Cordova ビルド環境

• プロジェクトテンプレート

• シミュレーター

• MacOS 用リモートエージェント

Cordova の環境構築

Node.js

Java ランタイム

Android SDK

Cordova

Etc…

ビルドとデバッグ環境

デバッグ

> 4.4 : 〇

< 4.4 : ×

iOS : ×

• Android 2.33+(4.4◎)

• iOS 6 , 7 , 8, 9, 10

• Windows 8, 8.1

• Windows Phone 8, 8.1

• Windows 10 (UWP)

ターゲット

ビルド

iOS : ×

: 〇

エミュレーター

: 〇

iOS : 〇 (Ripple)

iOS アプリのビルドにはMac が必要

(Hyper-V

&Ripple)

: 〇

: 〇Store 8, 8,1Phone 8.1

: ×Phone 8

: 〇 (Hyper-V)

“ ” コード補完Windows10(UWP) : 〇

Azure Mobile Apps との接続

• プラグイン

• プロジェクトのダウンロード

もうひとつの Cordova 開発環境

Monaca for Visual Studio

• Visual Studio とMonaca クラウドとのシームレスな連携

• Mac なしでの iOS アプリのビルド

• 実機を使用したデバッガー

シミュレーター

Ripple Android

Monaca Debugger(iOS/Android) Windows Phone

まとめ

♥