- 追加された行はこの色です。
- 削除された行はこの色です。
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。
-[[戻る>Visual Studio+Apache Cordova]]
* 目次 [#xed5f05b]
#contents
*概要 [#k015f929]
-Android、iOSそしてWindowsアプリの開発に対応
-メンテナンス・フェーズらしい([[Cordova Tools Extension]]に移行)。
-Cordova CLIをブラックボックス化しているが、Cordova CLIに追随できていない。
-≒メンテナンス・フェーズ([[Cordova Tools Extension]]に移行すべき)。
*インストール [#d32d2fef]
**概要 [#uf0d1908]
-Visual Studio 2015からVisual Studio本体のインストーラーに標準バンドル
-デフォルトでは組み込まれないため、インストール時に、~
[HTML/JavaScript (Apache Cordova) xxxx]チェックボックスをONにする。
-Node.jsやJava JDK、Android SDK、エミュレータなど同時にインストールされる。
-注意
**問題 [#r5f64c2c]
幾つかのプロダクトはインストールされるが、以下の問題がある。
--必要なディスク容量が多いので注意が必要。
-必要なディスク容量が多い。
--Hyper-VベースのVS Emulatorをインストールすると、~
VirtualBoxが動かなくなるのでインストールしない。
-[[Visual Studio Emulator for Android>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0#h8757303]]の制限がある。
-バージョンが古い
C:\Users\xxxx>node -v
v0.12.2
C:\Users\xxxx>npm -v
2.7.4
-エラーが起きる
C:\Users\xxxx>cordova -v
C:\Users\xxxx\AppData\Roaming\npm\node_modules\cordova\node_modules\cordova-lib\node_modules\init-package-json\node_modules\read-package-json\node_modules\json-parse-better-errors\index.js:9
SyntaxError: Use of const in strict mode.
-ユーザー環境変数の設定などは別途行う必要がある。
*開発 [#j97aaa7f]
**プロジェクト・テンプレートの選択 [#paaf915a]
-メニュー ---> ファイル ---> 新規作成 ---> プロジェクト
-テンプレート ---> JavaScript ---> Apache Cordova Apps~
から、[空のアプリ(Apache Cordova)]を選択する。
**デバッグ実行 [#adab6fdd]
**プロジェクトのデバッグ実行 [#adab6fdd]
-標準のツールバーにある、デバッグ ---> Android ---> Ripple - Nexus (Galaxy)を押下。
-Rippleエミュレーター通信用にファイアウォール設定変更ダイアログでこれを許可。
-Google Chrome上のRippleエミュレーターでアプリケーションが実行される。
-補足
--[[その他のエミュレータや、実機を使用してデバッグするには・・・。>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0]]
--なお、VS2017 からは、VS2017 で定義したエミュレーターイメージのみに対応。~
(AVD Manager で定義したエミュレーターイメージへのデプロイは対応していない)。
**プラグイン追加 [#l97edeb5]
**Cordovaプラグインの追加 [#l97edeb5]
-GUIでインストール可能。
-config.xmlファイルをダブルクリックすると、コンフィギュレーションデザイナーが開くので、~
ソコで設定([プラグイン]タブ ---> [コア]タブ ---> プラグイン選択 ---> [追加]をクリック)。
-config.xmlファイルを直接編集しなければならないこともある(バージョン情報を変更する場合など)。
**デプロイ [#q3ea29b3]
***[[Android>Visual Studio+Apache Cordova#r70e858c]] [#l437500f]
***[[iOS>Visual Studio+Apache Cordova#mb37b482]] [#re4b95bc]
付属のvs-mda-remoteをMac OS X上にインストールしてリモートデバッグ可能。
-Visual Studio Tools for Apache Cordova と Mac 用リモート エージェント – Visual Studio 日本チーム Blog~
https://blogs.msdn.microsoft.com/visualstudio_jpn/2015/01/12/visual-studio-tools-for-apache-cordova-mac/
*参考 [#x7ec261a]
**microsoft.com [#k1bc2c1c]
-Visual Studio と Cordova で広がる可能性 - Visual Studio~
https://www.microsoft.com/ja-jp/dev/campaign/vs-cordova.aspx
***Project_Readme.html [#a4fc3ad9]
-手順
--1: 最初にビルドする
--2: 初級ガイドを実行する~
http://go.microsoft.com/fwlink/?LinkId=760737
--3: Android ビルドと iOS ビルドを構成する
---Android ビルドのガイド~
http://go.microsoft.com/fwlink/?LinkId=760746
---iOS リモート ビルド セットアップ ガイド~
http://go.microsoft.com/fwlink/?LinkId=760745
--4: アプリを Azure に接続する~
http://go.microsoft.com/fwlink/?LinkID=533127
-クイック スタート
--初級ガイドの基本に戻る~
http://go.microsoft.com/fwlink/?LinkId=760737
--Ionic でネイティブ UI を構築する~
http://go.microsoft.com/fwlink/?LinkId=760739
--アプリで Typescript を使用する~
http://go.microsoft.com/fwlink/?LinkId=760741
--Web アプリをモバイルに移動する~
http://go.microsoft.com/fwlink/?LinkId=760740
-Mobile Services を追加する
--クラウド バックエンドを追加する~
https://azure.microsoft.com/ja-jp/documentation/articles/app-service-mobile-cordova-get-started/
--ユーザーへのプッシュ通知~
https://azure.microsoft.com/ja-jp/documentation/articles/app-service-mobile-cordova-get-started-push/
--ログイン認証を追加する~
https://azure.microsoft.com/ja-jp/documentation/articles/app-service-mobile-cordova-get-started-users/
-プラットフォーム ガイド
--iOS~
http://go.microsoft.com/fwlink/?LinkId=760745
--Android~
http://go.microsoft.com/fwlink/?LinkId=760746
--Windows~
http://go.microsoft.com/fwlink/?LinkId=760747
-ドキュメント
--Apache Cordova のツール~
http://go.microsoft.com/fwlink/?LinkId=760742
--Apache Cordova プロジェクト~
http://go.microsoft.com/fwlink/?LinkId=760748
--最新のリリース ノート~
http://go.microsoft.com/fwlink/?LinkId=760744
--StackOverflow の VS Cordova~
http://go.microsoft.com/fwlink/?LinkId=760743
***msdn.microsoft.com [#rc56a5e4]
-Visual Studio Tools for Apache Cordova の使用を開始する~
https://msdn.microsoft.com/ja-jp/library/dn771545.aspx
-Visual Studio Tools for Apache Cordova のインストール~
https://msdn.microsoft.com/ja-jp/library/dn757054.aspx
--Visual Studio Tools for Apache Cordova を構成する~
https://msdn.microsoft.com/ja-jp/library/dn771551.aspx
-Visual Studio Tools for Apache Cordova を使用した初めてのアプリの作成~
https://msdn.microsoft.com/ja-jp/library/dn757057.aspx
-Visual Studio Tools for Apache Cordova でビルドされたアプリの構成~
https://msdn.microsoft.com/ja-jp/library/dn757053.aspx
-Visual Studio Tools for Apache Cordova でビルドされたアプリのプラグインの管理~
https://msdn.microsoft.com/ja-jp/library/dn757051.aspx
-Visual Studio Tools for Apache Cordova でビルドされたアプリの配置および実行~
https://msdn.microsoft.com/ja-jp/library/dn757049.aspx
--Android での Apache Cordova アプリの実行~
https://msdn.microsoft.com/ja-jp/library/dn757059.aspx
--iOS での Apache Cordova アプリの実行~
https://msdn.microsoft.com/ja-jp/library/dn757056.aspx
--Windows での Apache Cordova アプリの実行~
https://msdn.microsoft.com/ja-jp/library/dn771547.aspx
--Windows Phone での Apache Cordova アプリの実行~
https://msdn.microsoft.com/ja-jp/library/dn757055.aspx
--Apache Ripple シミュレーターでの Apache Cordova アプリの実行~
https://msdn.microsoft.com/ja-jp/library/dn757052.aspx
-Visual Studio Tools for Apache Cordova でビルドされたアプリのデバッグ~
https://msdn.microsoft.com/ja-jp/library/dn757061.aspx
-Visual Studio Tools for Apache Cordova でビルドしたアプリへの接続済みサービスの追加~
https://msdn.microsoft.com/ja-jp/library/dn771546.aspx
-Visual Studio Tools for Apache Cordova でビルドされたアプリのパッケージ化~
https://msdn.microsoft.com/ja-jp/library/dn757048.aspx
-Visual Studio Tools for Apache Cordova でビルドされたアプリの公開~
https://msdn.microsoft.com/ja-jp/library/dn771554.aspx
-ネイティブ Cordova プロジェクトへのアクセス~
https://msdn.microsoft.com/ja-jp/library/dn771553.aspx
-Visual Studio Tools for Apache Cordova のサンプル、チュートリアル、およびビデオ~
https://msdn.microsoft.com/ja-jp/library/dn848421.aspx
--Apache Cordova 5 を使用する (github)
--Cordova 5 のセキュリティの概要 (github)
--Cordova プロジェクトで Gulp を使用する (github)
--チーム/継続的な統合環境で Cordova アプリを構築する
--Cordova アプリケーションのパッケージ化と発行 (github)
--クラウドで iOS をビルドし、シミュレートする
--Parallels を使用して iOS 用 Cordova アプリケーションをビルドする
--Parallels を使用する OS X 上での Android エミュレーターの実行
--O365 探索サービスと Files API を使用した Cordova サンプル アプリ
--O365 Outlook サービスおよび Ionic を使用して Cordova アプリケーションを作成する
--Cordova プロジェクトを PhoneGap プロジェクトに変換する
--ヒント、テクニック、および問題の回避策 (github)
--既知の問題 (github)
--ビデオ チュートリアル: サード パーティのツールとの相互運用
--ビデオ チュートリアル: Visual Studio Diagnostic Tools for Cordova
***support.microsoft.com [#u5f0b08d]
-File disappears from project after you save it in Visual Studio 2015 in Windows 10 version 1709~
https://support.microsoft.com/en-us/help/4089821/files-disappear-from-project-after-saving-in-visual-studio-2015
**@IT [#ye1d7a17]
-Insider.NET > 業務アプリInsider > 連載~
Visual Studio+Apache Cordovaで始めるiOS/Androidアプリ開発 - @IT~
http://www.atmarkit.co.jp/ait/subtop/features/dotnet/app/vscordova_index.html
--第1回 Apache Cordovaでできること(2016/03/15)~
http://www.atmarkit.co.jp/ait/articles/1603/15/news042.html
--第2回 Apache Cordovaでリソースやライブラリを活用しよう(2016/03/29)~
http://www.atmarkit.co.jp/ait/articles/1603/29/news032.html
--第3回:Apache Cordovaでプラグインを使ってみよう(2016/05/20)~
http://www.atmarkit.co.jp/ait/articles/1603/29/news032.html
**その他 [#a93954c8]
-Visual Studio 2015で進化するCordovaアプリ開発環境:CodeZine(コードジン)
--https://codezine.jp/article/detail/8912
--https://codezine.jp/article/detail/8912?p=2
--https://codezine.jp/article/detail/8912?p=3
-「Visual Studio+Cordova」は、なぜクロスプラットフォーム~
でのアプリ開発に適しているのか?|CodeIQ MAGAZINE~
https://codeiq.jp/magazine/2015/06/24809/
-Visual Studio 2013 を使った楽ちんCordovaプログラミング | HTML5Experts.jp~
https://html5experts.jp/osamum_ms/7941/
-Visual Studio 2015 を使用した Cordova アプリの開発~
https://www.slideshare.net/osamum/visual-studio-2015-cordova
----
Tags: [[:.NET開発]], [[:モバイル系開発]]