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に入ったことになる。
そうして、実行する。
こんな形で出てくる。
![](https://blogimg.goo.ne.jp/user_image/1c/cc/d9707f8ef51f000a711fc21ca4e77237.jpg)
あとは、「jQuery Mobile 1.0 日本語リファレンス」でお勉強して、アプリを作る。
お勉強は、これからする予定。
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に入ったことになる。
そうして、実行する。
こんな形で出てくる。
![](https://blogimg.goo.ne.jp/user_image/1c/cc/d9707f8ef51f000a711fc21ca4e77237.jpg)
あとは、「jQuery Mobile 1.0 日本語リファレンス」でお勉強して、アプリを作る。
お勉強は、これからする予定。