Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ（その2）

目指せ、定時退社！ スマートなエンジニアのためのお役立ちツール（4）

Android端末で実機確認しよう

　Monacaで作成したアプリをAndroid端末で実機確認するときは、Google PlayストアからMonacaデバッガーをインストールします。

Monacaデバッガーのインストール

　インストールが完了すると、ログイン画面が表示されますので、Monacaのアカウントを入力してログインしてください。プロジェクト一覧が表示されたら、作成したSampleプロジェクトをダブルクリックします。

Android端末での実行結果

iPhoneで実機確認しよう

　Monacaで作成したアプリをiOS端末で実機確認するときは、App Storeから同じくMonacaデバッガーをインストールします。

Monacaデバッガーのインストール

　インストールが完了すると、ログイン画面が表示されますので、Monacaのアカウントを入力してログインしてください。プロジェクト一覧が表示されたら、作成したSampleプロジェクトをダブルクリックします。

iPhone4での実行結果

Monacaで作成したアプリを公開する方法

　Monacaで作成したアプリは、Android／iOS版をビルドして公開できます。Monaca IDEの［ビルド］メニューをクリックするとアプリケーションがビルドされます。アプリケーションの設定については、［設定］メニューをクリックすることでビルドに必要な項目の設定ができます。ただし、Windowsストアアプリはビルドできませんので注意してください。なお、ベーシックプランの場合は、1日3回までビルドできます。

おわりに

　本記事では、AndroidアプリやiOSアプリなどのモバイルアプリの開発がはじめての方に、普段使い慣れたHTML5／JavaScriptを使ったハイブリットアプリケーションを作成する方法をご紹介しました。「Monaca」を使うと、Webサイトを作成するような手軽さでモバイルアプリを作成できます。開発環境はすべてクラウド上にありますので、思い立ったらすぐに開発を始めることができるのが魅力です。

　これからも、たくさんの便利で楽しいモバイルアプリを作ってくださいね。