「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。 -[[戻る>Visual Studio]] * 目次 [#fe8ec7fe] #contents *概要 [#s5243daa] [[Visual Studio]]+[[Apache Cordova>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29]]で開発。 *VS Tools for Cordova [#d2d2edba] Android、iOSそしてWindowsアプリの開発に対応 **インストール [#t15e6a9a] -Visual Studio 2015からVisual Studio本体のインストーラーに標準バンドル -デフォルトでは組み込まれないため、インストール時に、~ [HTML/JavaScript (Apache Cordova) xxxx]チェックボックスをONにする。 -Node.jsやJava JDK、Android SDK、エミュレータなど同時にインストールされる。 -注意 --必要なディスク容量が多いので注意が必要。 --Hyper-VベースのVS Emulatorをインストールすると、~ VirtualBoxが動かなくなるのでインストールしない。 **デプロイ [#sd20f8a9] ***Android [#r70e858c] -[[Ripple Emulator>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29#le55e039]]~ Google Chromeベースのモバイルエミュレータ -Cordovaの動作を完全に再現 --Hyper-VベースのVS Emulator --USBで接続した実機デプロイ ***iOS [#mb37b482] -iOS向けのビルドを行うには、別途Macマシンを用意する必要がある。 -付属のvs-mda-remoteをMac OS X上にインストールしてリモートデバッグ可能。 ***Windowsと[[Windows Phone]] [#tfa9013b] ・・・ *開発 [#ef77c40f] **プロジェクト・テンプレートの選択 [#j67f2f12] -メニュー ---> ファイル ---> 新規作成 ---> プロジェクト -テンプレート ---> JavaScript ---> Apache Cordova Apps~ から、[空のアプリ(Apache Cordova)]を選択する。 **デバッグ実行 [#o3f38697] -標準のツールバーにある、デバッグ ---> Android ---> Ripple - Nexus (Galaxy)を押下。 -Rippleエミュレーター通信用にファイアウォール設定変更ダイアログでこれを許可。 -Google Chrome上のRippleエミュレーターでアプリケーションが実行される。 -[[その他のエミュレータや、実機を使用してデバッグするには・・・。>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android%E3%83%87%E3%83%90%E3%83%83%E3%82%B0]] **プラグイン追加 [#m39523c4] -config.xmlファイルをダブルクリックすると、コンフィギュレーションデザイナーが開くので、~ ソコで設定([プラグイン]タブ ---> [コア]タブ ---> プラグイン選択 ---> [追加]をクリック)。 *設定 [#be2d71b1] **config.xml [#vd203b46] ***Platform [#sae2f1e5] -Cordova CLIのバージョン -config.xmlではなく、taco.jsonに定義されている。 ***plugin [#ia479357] -GUIでインストール可能。 -config.xmlファイルを直接編集しなければならないこともある(バージョン情報を変更する場合など)。 ***Android [#x8b1b89a] -Android の構成 - Apache Cordova~ https://cordova.apache.org/docs/ja/7.x/guide/platforms/android/config.html -<preference name="ShowTitle" value="True" /> --画面の上部にタイトルを表示 -<widget android-versionCode="" --参考 ---android:versionCodeの最大値+管理しやすい設定値 - Qiita~ https://qiita.com/srtkmsw/items/d6f7790f238d3797e7d9 -<preference name="android-minSdkVersion" value="" /> -<preference name="android-maxSdkVersion" value="" /> -<preference name="android-targetSdkVersion" value="" /> --参考:[[Androidのバージョン>#neb672e0]] ***iOS [#mba59386] -iOS 構成 - Apache Cordova~ https://cordova.apache.org/docs/ja/7.x/guide/platforms/ios/config.html *参考 [#r4d1709b] **バージョン [#tedde1c8] ***Android [#neb672e0] -minSdkVersionとtargetSdkVersionの関係 - Qiita~ https://qiita.com/srtkmsw/items/d6f7790f238d3797e7d9 -基本をおさえる!Androidアプリで指定するバージョンについて(compileSdk,buildToolsVersion,....) - Qiita~ https://qiita.com/takahirom/items/e00126586c13aebf1a6b -Androidのバージョン履歴 - Wikipedia~ https://ja.wikipedia.org/wiki/Android%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E5%B1%A5%E6%AD%B4 -<uses-sdk> | Android Developers~ https://developer.android.com/guide/topics/manifest/uses-sdk-element.html?hl=ja **osscons.jp [#u3e64709] ***.NET 開発基盤部会 Wiki [#d1d53d6e] -スマホ~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%82%B9%E3%83%9E%E3%83%9B --ハイブリッドアプリ~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%83%8F%E3%82%A4%E3%83%96%E3%83%AA%E3%83%83%E3%83%89%E3%82%A2%E3%83%97%E3%83%AA ---Cordova (PhoneGap)~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29 --Android~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android ---Android開発~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android%E9%96%8B%E7%99%BA -HTML/CSS/JavaScript~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?HTML%2FCSS%2FJavaScript --HTML~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?HTML ---Content-Security-Policy~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Content-Security-Policy **microsoft.com [#oa1d955e] -Visual Studio と Cordova で広がる可能性 - Visual Studio~ https://www.microsoft.com/ja-jp/dev/campaign/vs-cordova.aspx ***Project_Readme.html [#u33f9b84] -手順 --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 [#j3aec63c] -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 **@IT [#ob4dd378] -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 **その他 [#e158963f] -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 ***visualstudio.com [#x4bad9fa] -Apache Cordova のツール| Visual Studio~ https://www.visualstudio.com/ja/vs/cordova/ ***Visual Studio Code [#r7191466] -Visual Studio CodeとCordovaで作るハイブリッドアプリ開発環境 - Qiita~ https://qiita.com/yama-take/items/8c6434efbcd4bece6310 ---- Tags: [[:.NET開発]]