前回の続き
UAを変えたいってことありますよね？
そんなときのために、
Phone GapでUAを変更するためのメモです。
ベースは、前回の環境とします。
【JQueryMobileとPhoneGapで開発する目的】
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【UAの変更】
１．DroidGapを継承したActivityで下記のようにオーバラードします。
UAをhohoと書き換えています。
以上で、PhoneGapでUA変更が完了した。
2012年4月1日日曜日
2012年3月31日土曜日
【JQueryMobileとPhoneGap】 PhoneGapプラグイン作成編
前回の続き
Phone GapのToast用プラグイン作成を行う方法のメモ。
ベースは、前回の環境とします。
【JQueryMobileとPhoneGapで開発する目的】
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
１．せっかくなので、ライブラリAndroidプロジェクトでプラグイン構築を試みてみる。
Dev Guideによると
ライブラリプロジェクトでは、サポートしていないようです。
うむ・・・・この時点でライブラリプロジェクトを使用するメリットが無い・・・・・
２．プロジェクト内部でプラグイン定義をしていく手順
１．javaファイル、javascript、XMLフォルダにplugins.xmlの記載を行う。
2．端末へインストールする。
以上で、PhoneGap用のToastプラグイン作成が完了した。
Phone GapのToast用プラグイン作成を行う方法のメモ。
ベースは、前回の環境とします。
【JQueryMobileとPhoneGapで開発する目的】
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
１．せっかくなので、ライブラリAndroidプロジェクトでプラグイン構築を試みてみる。
Dev Guideによると
- Library projects cannot include raw assets
The tools do not support the use of raw asset files (saved in theassets/directory) in a library project. Any asset resources used by an application must be stored in theassets/directory of the application project itself. However, resource files saved in theres/directory are supported.
ライブラリプロジェクトでは、サポートしていないようです。
うむ・・・・この時点でライブラリプロジェクトを使用するメリットが無い・・・・・
ということで、ライブラリプロジェクトでプラグインの試みは終了～
まじめにプロジェクト内部でプラグイン定義をしていく。２．プロジェクト内部でプラグイン定義をしていく手順
１．javaファイル、javascript、XMLフォルダにplugins.xmlの記載を行う。
2．端末へインストールする。
 |
| main画面 |
 |
| Toastを確認した画面 |
以上で、PhoneGap用のToastプラグイン作成が完了した。
2012年3月30日金曜日
【JQueryMobileとPhoneGap】 画面遷移編
前回の続き
画面遷移を行う方法のメモ。
【JQueryMobileとPhoneGapで開発する目的】
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
１．index.htmlにpageを追加する。
2．端末へインストールする。
以上で、画面遷移の設定が完了した。
画面遷移を行う方法のメモ。
【JQueryMobileとPhoneGapで開発する目的】
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
１．index.htmlにpageを追加する。
2．端末へインストールする。
 |
| 遷移前の初期画面、リストをタップする。 |
 |
| 遷移後の画面 |
以上で、画面遷移の設定が完了した。
2012年3月29日木曜日
【JQueryMobileとPhoneGap】 デフォルト画像表示編
前回の続き
前回、JQueryMobileのcssファイルとｊｓファイルをコピペしただけだった。
これだと、アイコン画像が読み込まれません。
なので、読み込まれるようにしたいと思います。
【JQueryMobileとPhoneGapで開発する目的】
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
１．JQueryMobileでダウンロードしたフォルダのimagesフォルダをコピペしてasetes/www/
配下に持ってくる。
２．index.htmlにリストを追加する。
3．端末へインストールする。
4.imagesフォルダの設定をしなかった場合
以上で、デフォルト画像の設定が完了した。
前回、JQueryMobileのcssファイルとｊｓファイルをコピペしただけだった。
これだと、アイコン画像が読み込まれません。
なので、読み込まれるようにしたいと思います。
【JQueryMobileとPhoneGapで開発する目的】
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
１．JQueryMobileでダウンロードしたフォルダのimagesフォルダをコピペしてasetes/www/
配下に持ってくる。
２．index.htmlにリストを追加する。
3．端末へインストールする。
|
| 矢印のアイコン等が表示された。 |
 |
| 矢印が表示されない。 |
以上で、デフォルト画像の設定が完了した。
2012年3月28日水曜日
【JQueryMobileとPhoneGap】 環境構築編
【JQueryMobileとPhoneGapで開発する目的】
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
【手順】
JQueryMobileとPhoneGapで、初期設定をまとめる。
手順としては、JqueryMobileを移植→PhoneGap移植→ザックリ表示
です。
1.現在の安定版であるJquery mobile 1.0.1 をダウンロードする。
２．解凍する。
３．とりあえず、Androidプロジェクトのassetes/www/にindex.html
を作成する。
４． JQueryMobileでいくつかプラグインがありますが、とりあえずdemosファルダにある下記ファイルをindex.htmlと同階層にコピペする。
・jquery.js
・jquery.mobile-1.0.1.min.css
・jquery.mobile-1.0.1.min.js
5．現在リリースされているPhone Gap１．５をダウンロードする。
6．解凍する。
7．とりあえず、lib\androidへ移動する
８．まず、xmlフォルダをコッピペし、Androidプロジェクトのresファルダ配下に貼り付ける。
→これによって、PhoneGapプラグインの読み込み設定完了。
９．AndroidManifestをいじる。
・ まずは、マルチディスプレイ対応のため、下記を追加
・次に、Phone Gapのルール？みたいで、端末を縦横切り替えをした時に、onCreateが走らないように設定をする。
１０．libsフォルダを作成
１１．cordova-1.5.0.jarをlibsフォルダにコピペし、ビルドパスを通す。
さらに、cordova-1.5.0.jsをassets/www/
配下に置く。（今回、PhoneGap機能は使っていないので、詳しい説明はあとで・・かな？）
１２．こんどは、PhoneGapをActivityへ実装する。
１３．端末にインストールしてみる。
以上で、環境構築が完了した。
JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。
【環境】
Eclipse 3.7 （基本的な設定済みとする。）
Jquery mobile 1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
【手順】
JQueryMobileとPhoneGapで、初期設定をまとめる。
手順としては、JqueryMobileを移植→PhoneGap移植→ザックリ表示
です。
1.現在の安定版であるJquery mobile 1.0.1 をダウンロードする。
２．解凍する。
 |
| 解凍したファイル |
３．とりあえず、Androidプロジェクトのassetes/www/にindex.html
を作成する。
４． JQueryMobileでいくつかプラグインがありますが、とりあえずdemosファルダにある下記ファイルをindex.htmlと同階層にコピペする。
・jquery.js
・jquery.mobile-1.0.1.min.css
・jquery.mobile-1.0.1.min.js
5．現在リリースされているPhone Gap１．５をダウンロードする。
6．解凍する。
7．とりあえず、lib\androidへ移動する
８．まず、xmlフォルダをコッピペし、Androidプロジェクトのresファルダ配下に貼り付ける。
→これによって、PhoneGapプラグインの読み込み設定完了。
９．AndroidManifestをいじる。
・ まずは、マルチディスプレイ対応のため、下記を追加
・次に、Phone Gapのルール？みたいで、端末を縦横切り替えをした時に、onCreateが走らないように設定をする。
１０．libsフォルダを作成
１１．cordova-1.5.0.jarをlibsフォルダにコピペし、ビルドパスを通す。
さらに、cordova-1.5.0.jsをassets/www/
配下に置く。（今回、PhoneGap機能は使っていないので、詳しい説明はあとで・・かな？）
１２．こんどは、PhoneGapをActivityへ実装する。
１３．端末にインストールしてみる。
 |
| インストールができた画面 |
以上で、環境構築が完了した。
登録:
投稿 (Atom)
