2016/05/01 Visual Studio with Cordova クロスプラットフォーム開発

1. Visual Studio with Cordova

2. 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

3. アジェンダ








5.  ハイブリッドアプリ
 クロスプラットフォーム
 HTML5,JavaScript,CSS


Cordova とは

6. 





Cordova の歴史

7. 異なるプラットフォームで同じ仕様のものを動かすこと
クロスプラットフォームとは







8. Cordova support by platform - Apache Cordova
https://cordova.apache.org/docs/en/latest/guide/support/index.html

9. ハイブリッドネイティブ
ネイティブアプリと Web アプ
リの両方を合わせたアプリ
ネイティブコードにコンパイル
されたアプリ
ネイティブ ネイティブ

10. Cordova の仕組み
OS
WebView
WebApp
（HTML5/JS
/CSS）
Cordova
ライブラリ
(JS)
Cordova
ライブラリ
(ネイティ
ブ)
Cordova
プラグイン
Cordova
プラグイン
Cordova
プラグイン
カメラ、加速度センサー、ファイルア
クセス等、デバイスのネイティブの機
能へのアクセスで必要

11. メリット☀





苦手☂






12. 変化する Cordova の状況





2011 年 ← 4 年前
開発の世界の 4 年間を考えると？

13. Cordova 開発 ポイント






 https://cordova.apache.org/plugins/



14. Cordova UI









16. 異なるプラットフォームで同じ仕様のものを動かすこと
クロスプラットフォームとは（再）







17. Visual Studio

18. Cordova 開発環境


 Visual Studio Tools for Apache Cordova






19. Visual Studio Tools for Apache Cordova




Cordova 開発に
Visual Studio の高い生産性をプラス

20. Visual Studio Tools for Apache Cordova
Visual Studio 2015 より、オープンソースの
Web テクノロジ への対応強化





21. Black Box
インストーラー シミュレーター
プラグインの
管理

22. Visual Studio Tools for Apache Cordova
他







23. http://taco.visualstudio.com/en-us/docs/debug-using-visual-studio/

24. Visual Studio

25. まとめ









26. まとめ
♥

27. リソース

 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/