Visual Studio with Cordova
Microsoft MVP for
Visual Studio and Development Technologies
twitter : @miso_soup3
blog : http://miso-soup3.hateblo.jp/
dev : ASP.NET, C#, HTML, JavaScript, iOSは少し
piano : https://www.youtube.com/user/thebiblobiblo/videos
ハイブリッドアプリ
クロスプラットフォーム
HTML5,JavaScript,CSS
Cordova とは
異なるプラットフォームで同じ仕様のものを動かすこと
クロスプラットフォームとは
Cordova support by platform - Apache Cordova
https://cordova.apache.org/docs/en/latest/guide/support/index.html
ハイブリッドネイティブ
ネイティブアプリと Web アプリの両方を合わせたアプリ
ネイティブコードにコンパイルされたアプリ
ネイティブ ネイティブ
Cordova の仕組み
OS
WebView
WebApp(HTML5/JS/CSS)
Cordovaライブラリ(JS)
Cordovaライブラリ(ネイティブ)
Cordova プラグイン
Cordova プラグイン
Cordova プラグイン
カメラ、加速度センサー、ファイルアクセス等、デバイスのネイティブの機能へのアクセスで必要
変化する Cordova の状況
2011 年 ← 4 年前
開発の世界の 4 年間を考えると?
Cordova 開発ポイント
https://cordova.apache.org/plugins/
異なるプラットフォームで同じ仕様のものを動かすこと
クロスプラットフォームとは(再)
Cordova 開発環境
Visual Studio Tools for Apache Cordova
Visual Studio Tools for Apache Cordova
Cordova 開発にVisual Studio の高い生産性をプラス
Visual Studio Tools for Apache Cordova
Visual Studio 2015 より、オープンソースのWeb テクノロジへの対応強化
Black Box
インストーラー シミュレータープラグインの
管理
Visual Studio Tools for Apache Cordova
他
http://taco.visualstudio.com/en-us/docs/debug-using-visual-studio/
リソース
https://cordova.apache.org/
http://taco.visualstudio.com/
https://msdn.microsoft.com/ja-jp/library/dn771545.aspx
https://azure.microsoft.com/ja-jp/documentation/articles/app-service-mobile-cordova-get-started/
https://cordova.doorkeeper.jp/