ウィリアムのいたずらの、まちあるき、たべあるき

ウィリアムのいたずらが、街歩き、食べ物、音楽等の個人的見解を主に書くブログです(たま~にコンピューター関係も)

JQuery Mobileで、Androidアプリを作ってみる(Phone Gap経由)

2011-12-21 11:32:55 | ケータイ
 JQuery Mobileは、結局HTML(5)ベースのJavascriptなので、
PhoneGapを使えば、Androidアプリになるはずである。

 それを、確認してみる。




まず、HTML5からAndroidアプリを作る、PhoneGapのインストールは、

iPhone、Android、アプリを共通に動かせるPhone Gap 4.インストール
http://blog.goo.ne.jp/xmldtp/e/08ce21ca5797b3c2673c79b7ce0ebf1d

に書いた。


そして、Hello Worldを出すところまでは

iPhone、Android、アプリを共通に動かせるPhone Gap 5.HelloWorld
http://blog.goo.ne.jp/xmldtp/e/dd0d0a34fae42949a40395964f65a05b

に書いた。

ここまでやって、Hello Worldは出るアプリを作成する。




で、ここからJQuery。
JQueryの説明は、

jQuery Mobile 1.0 日本語リファレンス
http://dev.screw-axis.com/doc/jquery_mobile/

にある。ここの、クイックスタートガイド
に載っている、ソースコードをコピーして、

上記の手順で作成したPhoneGapのプロジェクト内にある、
assets→www→index.html
のindex.html内に貼りこむ。そうすると、JQueryのサンプルコードがindex.htmlに入ったことになる。

そうして、実行する。

こんな形で出てくる。




あとは、「jQuery Mobile 1.0 日本語リファレンス」でお勉強して、アプリを作る。
お勉強は、これからする予定。
この記事についてブログを書く
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« アマチュア無線のラジオ番組... | トップ | PMBOKのお勉強 その6... »
最新の画像もっと見る

ケータイ」カテゴリの最新記事