😔 🎎 ✉️ クロスプラットフォームのHTMLおよびJavaScriptアプリケーションを作成するためのVisual Studioへの新たな追加 🌖 👏 👨🏼‍🍳

今日は、 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以外のプラットフォームでアプリケーションを起動およびデバッグするには、エミュレーターを使用する必要があります。