Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
• 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 ビルド環境
• プロジェクトテンプレート
• シミュレーター
• MacO...
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 ...
Azure Mobile Apps との接続
• プラグイン
• プロジェクトのダウンロード
もうひとつの Cordova 開発環境
Monaca for Visual Studio
• Visual Studio と
Monaca クラウドとの
シームレスな連携
• Mac なしでの iOS アプリのビルド
• 実機を使用したデバッガー
シミュレーター
Ripple Android
Monaca Debugger
(iOS/Android) Windows Phone
まとめ
♥
Visual Studio 2015 を使用した Cordova アプリの開発
Visual Studio 2015 を使用した Cordova アプリの開発
Visual Studio 2015 を使用した Cordova アプリの開発
Visual Studio 2015 を使用した Cordova アプリの開発
Visual Studio 2015 を使用した Cordova アプリの開発
Upcoming SlideShare
Loading in …5
×

Visual Studio 2015 を使用した Cordova アプリの開発

1,502 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Visual Studio 2015 を使用した Cordova アプリの開発

  1. 1. • Apache Cordova について • Visual Studio の Cordova 開発環境 • 検証環境について アジェンダ
  2. 2. JS +
  3. 3. Apache Cordova • PhoneGap • iOS, Android, Windows, etc.. • ハイブリットアプリ
  4. 4. Cordova アプリの構造 ~ JS アプリを Web View でラップ~ ネイティブラッパー <webview> JavaScript App Cordova プラグイン JS API Web ビュー JS+ シングルコード ベース
  5. 5. 統合開発環境 : Visual Studio 2015 • 共通カーネル : デスクトップ から IoT まで • デバイスを横断して動作可能なアプリ .NET Core 1.0
  6. 6. Tools for Apache Cordova ~ Visual Studio のインストールオプション~ Apache Cordova 用ツール • Cordova ビルド環境 • プロジェクトテンプレート • シミュレーター • MacOS 用リモートエージェント
  7. 7. Cordova の環境構築 Node.js Java ランタイム Android SDK Cordova Etc…
  8. 8. ビルドとデバッグ環境 デバッグ > 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) : 〇
  9. 9. Azure Mobile Apps との接続 • プラグイン • プロジェクトのダウンロード
  10. 10. もうひとつの Cordova 開発環境 Monaca for Visual Studio • Visual Studio と Monaca クラウドとの シームレスな連携 • Mac なしでの iOS アプリのビルド • 実機を使用したデバッガー
  11. 11. シミュレーター Ripple Android Monaca Debugger (iOS/Android) Windows Phone
  12. 12. まとめ ♥

×