Visual Studio＋Apache Cordova のバックアップ(No.14)

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

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 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」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

• 戻る

目次 †

概要 †

Visual Studio＋Apache Cordovaで開発。

VS Tools for Cordova †

Android、iOSそしてWindowsアプリの開発に対応

インストール †

• Visual Studio 2015からVisual Studio本体のインストーラーに標準バンドル
• デフォルトでは組み込まれないため、インストール時に、
  [HTML/JavaScript (Apache Cordova) xxxx]チェックボックスをONにする。
• Node.jsやJava JDK、Android SDK、エミュレータなど同時にインストールされる。

• 注意
  • 必要なディスク容量が多いので注意が必要。
  • Hyper-VベースのVS Emulatorをインストールすると、
    VirtualBox?が動かなくなるのでインストールしない。

デプロイ †

Android †

• Ripple Emulator
  Google Chromeベースのモバイルエミュレータ

• Cordovaの動作を完全に再現
  • Hyper-VベースのVS Emulator
  • USBで接続した実機デプロイ

iOS †

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

WindowsとWindows Phone †

・・・

開発 †

プロジェクト・テンプレートの選択 †

• メニュー ---> ファイル ---> 新規作成 ---> プロジェクト
• テンプレート ---> JavaScript ---> Apache Cordova Apps
  から、[空のアプリ(Apache Cordova)]を選択する。

デバッグ実行 †

• 標準のツールバーにある、デバッグ ---> Android ---> Ripple - Nexus (Galaxy)を押下。
• Rippleエミュレーター通信用にファイアウォール設定変更ダイアログでこれを許可。
• Google Chrome上のRippleエミュレーターでアプリケーションが実行される。
• その他のエミュレータや、実機を使用してデバッグするには・・・。

プラグイン追加 †

• config.xmlファイルをダブルクリックすると、コンフィギュレーションデザイナーが開くので、
  ソコで設定（[プラグイン]タブ ---> [コア]タブ ---> プラグイン選択 ---> [追加]をクリック）。

設定 †

config.xml †

Platform †

• Cordova CLIのバージョン
• config.xmlではなく、taco.jsonに定義されている。

plugin †

• GUIでインストール可能。
• config.xmlファイルを直接編集しなければならないこともある（バージョン情報を変更する場合など）。

Android †

• 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のバージョン

iOS †

• iOS 構成 - Apache Cordova
  https://cordova.apache.org/docs/ja/7.x/guide/platforms/ios/config.html

参考 †

バージョン †

Android †

• 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 †

.NET 開発基盤部会 Wiki †

• スマホ
  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 †

• Visual Studio と Cordova で広がる可能性 - Visual Studio
  https://www.microsoft.com/ja-jp/dev/campaign/vs-cordova.aspx

Project_Readme.html †

• 手順

• 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 †

• 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 †

• 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

その他 †

• 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 †

• Apache Cordova のツール| Visual Studio
  https://www.visualstudio.com/ja/vs/cordova/

Visual Studio Code †

• Visual Studio CodeとCordovaで作るハイブリッドアプリ開発環境 - Qiita
  https://qiita.com/yama-take/items/8c6434efbcd4bece6310

---

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.047 sec.