Visual Studio 2015 に同梱されている Apache Cordova アプリを開発する機能について紹介します。

2. • Apache Cordova について
• Visual Studio の Cordova 開発環境
• 検証環境について
アジェンダ

4. JS
＋

5. Apache Cordova
• PhoneGap
• iOS, Android, Windows, etc..
• ハイブリットアプリ

6. Cordova アプリの構造
～ JS アプリを Web View でラップ～
ネイティブラッパー
<webview>
JavaScript App
Cordova プラグイン
JS API
Web ビュー
JS＋
シングルコード
ベース

8. 統合開発環境 : Visual Studio 2015
• 共通カーネル : デスクトップ から IoT まで
• デバイスを横断して動作可能なアプリ
.NET Core 1.0

9. Tools for Apache Cordova
～ Visual Studio のインストールオプション～
Apache Cordova 用ツール
• Cordova ビルド環境
• プロジェクトテンプレート
• シミュレーター
• MacOS 用リモートエージェント

10. Cordova の環境構築
Node.js
Java ランタイム
Android SDK
Cordova
Etc…

11. ビルドとデバッグ環境
デバッグ
> 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,1
Phone 8.1
: ×Phone 8
: 〇 (Hyper-V)
“ ”
コード補完
Windows10
(UWP) : 〇

12. Azure Mobile Apps との接続
• プラグイン
• プロジェクトのダウンロード

13. もうひとつの Cordova 開発環境
Monaca for Visual Studio
• Visual Studio と
Monaca クラウドとの
シームレスな連携
• Mac なしでの iOS アプリのビルド
• 実機を使用したデバッガー

15. シミュレーター
Ripple Android
Monaca Debugger
(iOS/Android) Windows Phone

16. まとめ
♥