Embed Size (px)
Citation preview
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 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/
