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 の歴史
異なるプラットフォームで同じ仕様のものを動かすこと
クロスプラットフォームとは






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 UI








異なるプラットフォームで同じ仕様のものを動かすこと
クロスプラットフォームとは(再)






Visual Studio
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/
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/
2016/05/01 Visual Studio with Cordova

2016/05/01 Visual Studio with Cordova