Visual Studio＋Apache Cordova のバックアップの現在との差分(No.13)

[ トップ ]   [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

• バックアップ一覧
• 差分 を表示
• ソース を表示
• バックアップ を表示
• Visual Studio＋Apache Cordova へ行く。
  • 1 (2017-10-13 (金) 14:42:25)
  • 2 (2017-10-13 (金) 16:44:16)
  • 3 (2017-10-17 (火) 17:55:49)
  • 4 (2017-10-26 (木) 12:43:28)
  • 5 (2017-10-26 (木) 15:24:28)
  • 6 (2017-10-26 (木) 17:23:58)
  • 7 (2017-10-27 (金) 12:05:36)
  • 8 (2017-10-27 (金) 13:04:52)
  • 9 (2017-10-31 (火) 15:36:56)
  • 10 (2017-10-31 (火) 20:32:03)
  • 11 (2017-11-01 (水) 03:42:39)
  • 12 (2017-11-01 (水) 12:46:08)
  • 13 (2017-11-09 (木) 10:40:31)
  • 14 (2017-11-14 (火) 17:57:54)
  • 15 (2017-11-16 (木) 19:57:55)
  • 16 (2018-02-23 (金) 20:31:18)
  • 17 (2018-02-27 (火) 19:22:40)
  • 18 (2018-03-26 (月) 11:55:14)
  • 19 (2018-03-26 (月) 15:54:25)
  • 20 (2018-04-13 (金) 13:58:40)
  • 21 (2020-02-21 (金) 16:18:49)

---

• 追加された行はこの色です。
• 削除された行はこの色です。

「[[マイクロソフト系技術情報 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]]で開発。
[[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本体のインストーラーに標準バンドル
-デフォルトでは組み込まれないため、インストール時に、~
[HTML/JavaScript (Apache Cordova) xxxx]チェックボックスをONにする。
-Node.jsやJava JDK、Android SDK、エミュレータなど同時にインストールされる。
**IDE [#kd45db0d]

-注意
--必要なディスク容量が多いので注意が必要。
--Hyper-VベースのVS Emulatorをインストールすると、~
VirtualBoxが動かなくなるのでインストールしない。
***[[Visual Studio]] [#l727e8c9]
- with [[Visual Studio Tools for Apache Cordova]]

**デプロイ [#sd20f8a9]
-特徴
--IDEとして、[[Cordova (PhoneGap)>#q7ae4552]]をブラックボックス化している。
--エミュレータ、実機との連携などは[[Visual Studio]]同梱の機能を使用する。

***Android [#r70e858c]
-[[Ripple Emulator>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29#le55e039]]~
Google Chromeベースのモバイルエミュレータ
***[[Visual Studio Code]] [#rfa0f87c]
- with [[[[Cordova Tools Extension]]]]

-Cordovaの動作を完全に再現
--Hyper-VベースのVS Emulator
--USBで接続した実機デプロイ
-特徴
--ただのテキスト・エディタで、[[Cordova (PhoneGap)>#q7ae4552]]を使用併用する。
--エミュレータ、実機との連携などは[[Android StudioやXcode>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29#j98c1004]]が必要になる。

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

***Windowsと[[Windows Phone]] [#tfa9013b]
・・・
***Android [#r70e858c]
Android 向けのビルド・デバッグは、Window上でエミュレータを使用して行うことができる。

*開発 [#ef77c40f]
**プロジェクト・テンプレートの選択 [#j67f2f12]
-メニュー ---> ファイル ---> 新規作成 ---> プロジェクト
-テンプレート ---> JavaScript ---> Apache Cordova Apps~
から、[空のアプリ(Apache Cordova)]を選択する。
-[[エミュレータ>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0]]

**デバッグ実行 [#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]]
-[[実機>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Android%E3%81%AE%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4]]

**プラグイン追加 [#m39523c4]
-config.xmlファイルをダブルクリックすると、コンフィギュレーションデザイナーが開くので、~
ソコで設定（[プラグイン]タブ ---> [コア]タブ ---> プラグイン選択 ---> [追加]をクリック）。
***iOS [#mb37b482]
iOS向けのビルド・デバッグは、別途Macマシンを用意する必要がある。

*設定 [#be2d71b1]
**config.xml [#vd203b46]
-[[エミュレータ>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?iOS%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0]]

***Platform [#sae2f1e5]
-Cordova CLIのバージョン
-config.xmlではなく、taco.jsonに定義されている。
-[[実機>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?iOS%E3%81%AE%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4]]

***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
**開発基盤部会 Wiki [#d1d53d6e]

**osscons.jp [#u3e64709]
***.NET 開発基盤部会 Wiki [#d1d53d6e]
-スマホ~
***スマホ [#ia3827f8]
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%82%B9%E3%83%9E%E3%83%9B

--ハイブリッドアプリ~
***ハイブリッドアプリ [#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 (PhoneGap)~

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

-HTML~
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?HTML
---Content-Security-Policy~
--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
-CSS~
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?CSS

***Project_Readme.html [#u33f9b84]
-手順
-JavaScript~
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?JavaScript

--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開発]]
Tags: [[:.NET開発]], [[:モバイル系開発]], [[:プログラミング]], [[:ツール類]]

     

Site admin: dotNetDevelopmentInfrastructure

PukiWiki 1.4.7 Copyright © 2001-2006 PukiWiki Developers Team. License is GPL.
Based on "PukiWiki" 1.3 by yu-ji. Powered by PHP 5.3.3. HTML convert time: 0.026 sec.