「[[マイクロソフト系技術情報 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]]に移行)。 *インストール [#d32d2fef] -Visual Studio 2015からVisual Studio本体のインストーラーに標準バンドル -デフォルトでは組み込まれないため、インストール時に、~ [HTML/JavaScript (Apache Cordova) xxxx]チェックボックスをONにする。 -Node.jsやJava JDK、Android SDK、エミュレータなど同時にインストールされる。 -注意 --必要なディスク容量が多いので注意が必要。 --Hyper-VベースのVS Emulatorをインストールすると、~ VirtualBoxが動かなくなるのでインストールしない。 *開発 [#j97aaa7f] **プロジェクト・テンプレートの選択 [#paaf915a] -メニュー ---> ファイル ---> 新規作成 ---> プロジェクト -テンプレート ---> JavaScript ---> Apache Cordova Apps~ から、[空のアプリ(Apache Cordova)]を選択する。 **デバッグ実行 [#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] -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開発]], [[:モバイル系開発]]