「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。 -[[戻る>Visual Studio]] * 目次 [#fe8ec7fe] #contents *概要 [#s5243daa] 次のOpen棟梁のサンプル(テンプレート)はCordovaにしてみようと考えたが、~ よくよく考えると、ある特定の型のハイブリッドアプリケーションのテンプレートに成るのな。 *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] ・・・ **開発手順 [#q674cb68] ***プロジェクト・テンプレートの選択 [#j67f2f12] -メニュー ---> ファイル ---> 新規作成 ---> プロジェクト -テンプレート ---> JavaScript ---> Apache Cordova Apps~ から、[空のアプリ(Apache Cordova)]を選択する。 ***デバッグ実行 [#o3f38697] -標準のツールバーにある、デバッグ ---> Android ---> Ripple - Nexus (Galaxy)を押下。 -Rippleエミュレーター通信用にファイアウォール設定変更ダイアログでこれを許可。 -Google Chrome上のRippleエミュレーターでアプリケーションが実行される。 *開発 [#ef77c40f] -Cordova (PhoneGap) - .NET 開発基盤部会 Wiki~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29#r3315468 *参考 [#r4d1709b] **microsoft.com [#oa1d955e] -Visual Studio と Cordova で広がる可能性 - Visual Studio~ https://www.microsoft.com/ja-jp/dev/campaign/vs-cordova.aspx ***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 > +VS Tools for Cordovaでできること +VS Tools for Cordovaをインストールしよう +プロジェクトを作って実行してみよう +デバイスごとの実行方法 +デジタル時計を作ってみよう +index.jsファイルにコードを追加する --第2回 Apache Cordovaでリソースやライブラリを活用しよう(2016/03/29)~ http://www.atmarkit.co.jp/ait/articles/1603/29/news032.html > +アプリに画像やフォントなどのリソースを入れよう +ファイルの保存/画面の確認/コードの記述 +画面の縦置き/横置きでスタイルを変えよう +便利なJavaScriptのライブラリを使おう +jQueryを使って表示を切り替えたり、ダイアログを表示したりする +本格的なフレームワークもある --第3回:Apache Cordovaでプラグインを使ってみよう(2016/05/20)~ http://www.atmarkit.co.jp/ait/articles/1603/29/news032.html > +プラグインを使おう +OSごとの作り分けをしよう +Fileプラグイン +設定データをファイルに保存しよう +設定データをファイルから読み出そう **その他 [#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開発]]