「[[マイクロソフト系技術情報 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にしてみようと考えたが、~
よくよく考えると、ある特定の型のハイブリッドアプリケーションのテンプレートに成るのな。
[[Visual Studio]]+[[Apache Cordova>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29]]で開発する際の共通項。

*VS Tools for Cordova [#d2d2edba]
Android、iOSそしてWindowsアプリの開発に対応
*詳細 [#fb53a405]

**インストール [#t15e6a9a]
-Visual Studio 2015からVisual Studio本体のインストーラーに標準バンドル
-デフォルトでは組み込まれないため、インストール時にチェックボックスをON
-Node.jsやJava JDK、Android SDKなど、必要なサードパーティ製品も同時にインストールされる。
-必要なディスク容量は相当なものになるので注意が必要。
**IDE [#kd45db0d]

**デプロイ [#sd20f8a9]
***Android [#r70e858c]
-[[Ripple Emulator>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29]]~
Google Chromeベースのモバイルエミュレータ
***[[Visual Studio]] [#l727e8c9]
-[[Visual Studio Tools for Apache Cordova]] [#a7a1da3c]

-Cordovaの動作を完全に再現
--Hyper-VベースのVS Emulator
--USBで接続した実機デプロイ
※ IDEとして、[[Cordova (PhoneGap)>#q7ae4552]]をブラックボックス化している。

***iOS [#mb37b482]
-iOS向けのビルドを行うには、別途Macマシンを用意する必要がある。
-付属のvs-mda-remoteをMac OS X上にインストールしてリモートデバッグ可能。
***[[Visual Studio Code]] [#rfa0f87c]
-[[[[Cordova Tools Extension]]]]

***WindowsとWindows Phone [#tfa9013b]
・・・
※ ただのテキスト・エディタで、[[Cordova (PhoneGap)>#q7ae4552]]を使用併用する。

*参考 [#r4d1709b]
**microsoft.com [#oa1d955e]
-Visual Studio と Cordova で広がる可能性 - Visual Studio~
https://www.microsoft.com/ja-jp/dev/campaign/vs-cordova.aspx
***Cordova (PhoneGap) [#q7ae4552]
-Cordova (PhoneGap) - .NET 開発基盤部会 Wiki~
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29

***msdn.microsoft.com [#j3aec63c]
-Visual Studio Tools for Apache Cordova の使用を開始する~
https://msdn.microsoft.com/ja-jp/library/dn771545.aspx
**デプロイ [#sd20f8a9]

-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
***Android [#r70e858c]
Android 向けのビルド・デバッグは、Window上でエミュレータを使用して行うことができる。

-Visual Studio Tools for Apache Cordova を使用した初めてのアプリの作成~
https://msdn.microsoft.com/ja-jp/library/dn757057.aspx
-[[エミュレータ>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0]]

-Visual Studio Tools for Apache Cordova でビルドされたアプリの構成~
https://msdn.microsoft.com/ja-jp/library/dn757053.aspx
-[[実機>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android%E3%81%AE%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4]]

-Visual Studio Tools for Apache Cordova でビルドされたアプリのプラグインの管理~
https://msdn.microsoft.com/ja-jp/library/dn757051.aspx
***iOS [#mb37b482]
iOS向けのビルド・デバッグは、別途Macマシンを用意する必要がある。

-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
-[[エミュレータ>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?iOS%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0]]

-Visual Studio Tools for Apache Cordova でビルドされたアプリのデバッグ~
https://msdn.microsoft.com/ja-jp/library/dn757061.aspx
-[[実機>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?iOS%E3%81%AE%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4]]

-Visual Studio Tools for Apache Cordova でビルドしたアプリへの接続済みサービスの追加~
https://msdn.microsoft.com/ja-jp/library/dn771546.aspx
*参考 [#r4d1709b]

-Visual Studio Tools for Apache Cordova でビルドされたアプリのパッケージ化~
https://msdn.microsoft.com/ja-jp/library/dn757048.aspx
**.NET 開発基盤部会 Wiki [#d1d53d6e]
***スマホ [#ia3827f8]
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%82%B9%E3%83%9E%E3%83%9B

-Visual Studio Tools for Apache Cordova でビルドされたアプリの公開~
https://msdn.microsoft.com/ja-jp/library/dn771554.aspx
***ハイブリッドアプリ [#ie6da581]
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 プロジェクトへのアクセス~
https://msdn.microsoft.com/ja-jp/library/dn771553.aspx
-Cordova (PhoneGap)~
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29

-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
***HTML/CSS/JavaScript [#p28ac443]
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?HTML%2FCSS%2FJavaScript

**@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ファイルにコードを追加する
-HTML~
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?HTML
--Content-Security-Policy~
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Content-Security-Policy

--第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開発]]
Tags: [[:.NET開発]], [[:モバイル系開発]]


トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS