クロスプラットフォームのHTMLおよびJavaScriptアプリケーションを作成するためのVisual Studioへの新たな追加

画像



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



Cordovaとは何ですか?





Apache Cordova (PhoneGap)は、さまざまなデバイスの機能にアクセスするためのJavaScript APIのセットです。 jQuery MobileDojo Mobile、またはSencha Touchと組み合わせて使用​​できます。 これにより、モバイルアプリケーションを完全にHTML、CSS、およびJavaScriptで作成できます。

Cordovaを使用すると、アプリケーションを開発できるだけでなく、アプリケーションをデバッグしてストアで公開することもできます。 アドオンは、次のOSバージョンの開発をサポートしていることをすぐに言わなければなりません。



はじめに



開発を開始するには、次のソフトウェアが必要です。







プロジェクト作成



アドオンのインストール後、 [ファイル ]- [新規]- [ プロジェクト ]メニューで、新しいタイプの空のアプリプロジェクト(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プラグイン

ドキュメント



All Articles