マイクロソフト系技術情報 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

目次

概要

  • Android、iOSそしてWindowsアプリの開発に対応
  • Cordova CLIをブラックボックス化しているが、Cordova CLIに追随できていない。
  • ≒メンテナンス・フェーズ(Cordova Tools Extensionに移行すべき)。

インストール

概要

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

問題

幾つかのプロダクトはインストールされるが、以下の問題がある。

  • 必要なディスク容量が多い。
  • バージョンが古い
    C:\Users\xxxx>node -v
    v0.12.2
    C:\Users\xxxx>npm -v
    2.7.4
  • エラーが起きる
    C:\Users\xxxx>cordova -v
    C:\Users\xxxx\AppData\Roaming\npm\node_modules\cordova\node_modules\cordova-lib\node_modules\init-package-json\node_modules\read-package-json\node_modules\json-parse-better-errors\index.js:9
    SyntaxError: Use of const in strict mode.
  • ユーザー環境変数の設定などは別途行う必要がある。

開発

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

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

プロジェクトのデバッグ実行

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

Cordovaプラグインの追加

  • GUIでインストール可能。
  • config.xmlファイルをダブルクリックすると、コンフィギュレーションデザイナーが開くので、
    ソコで設定([プラグイン]タブ ---> [コア]タブ ---> プラグイン選択 ---> [追加]をクリック)。
  • config.xmlファイルを直接編集しなければならないこともある(バージョン情報を変更する場合など)。

デプロイ

Android

iOS

付属のvs-mda-remoteをMac OS X上にインストールしてリモートデバッグ可能。

参考

microsoft.com

Project_Readme.html

  • 手順
  • 1: 最初にビルドする

msdn.microsoft.com

  • 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

support.microsoft.com

@IT

その他


Tags: :.NET開発, :モバイル系開発


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2020-02-21 (金) 19:21:13 (138d)