
今日は、 Visual Studio 2013を使用して、Windows、Windows Phone、iOS、Android向けのクロスプラットフォームモバイルアプリケーションを開発できる別の追加機能をご紹介します。 あなたが知っている多くのフレームワークとは異なり、このアドオンは完全に無料であり、ウェブ開発者にとって簡単に習得できます。 Visual Studio 2013でApache Cordovaプロジェクトを統合するアドオンについて説明します。
Cordovaとは何ですか?

Apache Cordova (PhoneGap)は、さまざまなデバイスの機能にアクセスするためのJavaScript APIのセットです。 jQuery Mobile 、 Dojo Mobile、またはSencha Touchと組み合わせて使用できます。 これにより、モバイルアプリケーションを完全にHTML、CSS、およびJavaScriptで作成できます。
Cordovaを使用すると、アプリケーションを開発できるだけでなく、アプリケーションをデバッグしてストアで公開することもできます。 アドオンは、次のOSバージョンの開発をサポートしていることをすぐに言わなければなりません。
- Android 4+;
- iOS 6および7;
- Windows 8以降
- Windows Phone 8以降。
はじめに
開発を開始するには、次のソフトウェアが必要です。
- OS Windows 8.1 ;
- Visual Studio 2013 Update 2-次の機能を備えたProfessional、UltimateまたはPremium:Windows 8、Windows Phone 8.0 SDKのストアアプリを管理するためのツール。
- Visual Studio用のマルチデバイスハイブリッドアプリ 。

プロジェクト作成
アドオンのインストール後、 [ファイル ]- [新規]- [ プロジェクト ]メニューで、新しいタイプの空のアプリプロジェクト(Apache Cordova)を使用できます。

プロジェクト構造
プロジェクトを作成すると、Webアプリケーションの構造に似た構造が得られます。デバイスまたはエミュレーターでアプリケーションをデバッグし、各プラットフォームのショップで公開するパッケージを作成できます。

フォルダー:
Css-アプリケーションの基本スタイルが含まれています。
images-アプリケーションで使用する画像のフォルダー。
res-プラットフォームに依存するファイル、たとえば証明書や画像に使用されます。
res / cert-証明書。
res /アイコン-プラットフォーム依存のアイコン。
res / screens-スプラッシュスクリーン用のプラットフォーム依存の画像。
ファイル:
Index.html-アプリケーションの開始ページ。 変更できます。
Config.html-アプリケーション構成設定。 このファイルを開くと、ビジュアルデザイナーが開きます。
開発
始めるには、 WinJs用の既成のサンプルコードを使用できます。 WinJだけでなく、他のライブラリも使用できます。 同時に、必要なすべてのプラットフォームに対して、1つのプロジェクトでアプリケーションを一度に開発しています。 これは、 Xamarinや他の多くのアドオンとは少し異なるアプローチです。 もちろん、単一のインターフェースが常に可能であるとは限りませんが、可能であれば、チームの労力を節約し、アプリケーションのサポートを容易にします。

プラグイン接続
デバイスまたはクラウドサービスのハードウェア機能を使用する予定がある場合は、追加のプラグインが必要になる場合があります。 それらは、[ プラグイン ]タブのconfig.xmlファイルで接続できます。

また、 Apache CordovaリポジトリまたはGitHubで必要なプラグインまたは更新を検索し、インストールして使用できます。
Microsoft Azureモバイルサービスの使用
モバイルサービスを接続して使用することも難しくありません。 これを行うには、[ 追加 ]-[ 接続されたサービス ] をクリックし、 Microsoft Azureアカウントを指定してサービスを作成します。
フォルダーとサービスファイルがプロジェクトに追加され、JavaScriptを使用して必要なコードを書き込むことができます。

起動とデバッグ
Visual Studioは、エミュレーション、シミュレーション、およびデバイス上でアプリケーションを直接実行およびデバッグする機能を提供します。 ソリューションプラットフォームの設定で起動モードとデバッグモードを選択します。Microsoft以外のプラットフォームでアプリケーションを起動およびデバッグするには、エミュレーターを使用する必要があります。


おわりに
Visual Studio用のマルチデバイスハイブリッドアプリはまだリリースされていませんが、クロスプラットフォームアプリケーションを作成し、Webテクノロジーを知り、愛したい人にとっては素晴らしいオプションです。
便利なリンク
OS Windows 8.1
Visual Studio 2013アップデート2
Visual Studio CTP1.1用のマルチデバイスハイブリッドアプリ
WinJsのサンプルコード
Apache Cordovaプラグイン
ドキュメント