このブログをご覧のみなさん、こんにちは。
学生がスマホ向けサービスを Ruby on Rails で悪戦苦闘しながら作っているのを目の当たりにし、もっと楽に作る方法があるのではないか?という仮説を検証するのを目的に Azure Mobile Apps で Apache Cordova を使ったスマホ向けアプリを作ってみました。
Azure Mobile Apps の作成
まず、Azure Mobile Apps が準備しているレールに乗った方が理解も作るのも楽なので、ポータルから以下の通り、作成します。

Azure Mobile Apps Quickstart 1
必須項目を記入・選択したら、[作成] をクリックします。

Azure Mobile Apps Quickstart 2
しばらく待っていると Azure Mobile Apps が作成されます。
Apache Cordova アプリケーションのダウンロード
Azure Mobile Apps が作成されたら、アプリケーションの雛形をダウンロードします。以下のように様々なプラットフォームの雛形がダウンロードできますが、今回は Cordova を選択します。

Apache Cordova アプリケーションのダウンロード
クイックスタートのため、[Connect a database] や [Create a table API] は何もしなくても自動的に準備してくれるので、楽ですね。 [Download] をクリックして、Apache Cordova アプリケーションをダウンロードします。ダウンロード後、ファイルを解凍します。
動作確認(iOS)

Apache Cordova Apps Quickstart
以下のコマンドを実行し、プラットフォームを追加後にアプリを実行します。
$ npm install -g cordova
:
$ cordova platform add ios
:
$ cordova run ios
:
すると、以下のように雛形アプリが立ち上がります。

動作確認
Azure Mobile Apps には Quickstart が準備されているので、素早くアプリケーションの作成が行えるので便利ですね。