特集PC技術

JavaScriptの情報室

 

3冊目 Monacaというハイブリッドアプリを作る環境

HTML5を使ってモバイル向けアプリを簡単に作ることができるクラウドベースの環境です。
このMonacaで便利だと思うのは実機確認が簡単にできるという点です。

目次

[1] 公式サイトの紹介

monocaの公式サイトに行きまして会員登録することで使うことができます。
無料でプランがありましたのでそれで試してみることにしました。

[2] 開発環境を見てみる

info_js010.jpg

公式サイトにアクセスするとこのような画面になります。
ここからログインを行うと以下のようになります。

info_js011.jpg

クラウドベースで開発を行い実機検証を行うことができます。
無料プランだと持てるプロジェクトは3つまでだそうです。

info_js012.jpg

[3] 実機検証をしてみよう

実機で検証する場合に端末にデバッガーをインストールすればOKです。
Monacaデバッガーというアプリがありこのアプリを使うことで実機で動作を見ることができます。
無料プランを使うと実機が2台までデバッグとして使うことができます。
手持ちの実機を使って試してみたところこのようになりました。

Android端末(SO-02E)
info_js013.jpg info_js014.jpg
iPhone4
info_js015.jpg info_js016.jpg

AndroidとiPhoneで動かしてみましたが問題なく動きます。
見た目もお互いほとんど違いがないように思います。
他にも探したらいろいろな方法でアプリの開発方法がありそうですね。

[4] 更新履歴

日付 詳細
2014/07/31 新規作成

コメントの投稿


画像の中に見える文字を入力してください。

トラックバックURL

http://www.isl.ne.jp/cgi-bin/mt/mt-tb.cgi/1880

pagetopこのページの先頭へ戻る