Blog BBTUNE

Kindle touch を注文してみた。

junichi — Sun, 05 Feb 2012 04:09:48 +0000

amazon.comでkindle touchが海外で買えるようになったので注文してみました。
発送方法ですが、159円しか変わらないみたいなので、Priority International Courierにしました。
発送は6日（月）みたいです。
===================================================
Expedited International Shipping (averages 8-16 business days)
Shipping & Handling: JPY 953
Priority International Courier (averages 2-4 days)
Shipping & Handling: JPY 1,112
===================================================
Item(s) Subtotal: JPY 11,054
Shipping & Handling: JPY 1,112
—–
Total Before Tax: JPY 12,774
Estimated Tax To Be Collected: JPY 0
Import Fees Deposit JPY 608
—–
Grand Total: JPY 12,774

timeout setting | phonegap

junichi — Sat, 04 Feb 2012 16:37:16 +0000

http://jquerymobile.com/test/docs/pages/phonegap.html
Android enforces a timeout when loading URLs in a webview which may be too short for your needs. You can change this timeout by editing a Java class generated by the Eclipse plugin for Android:

super.setIntegerProperty(”loadUrlTimeoutValue”, 60000);

ということで

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.loadUrl(”file:///android_asset/www/index.html”);
super.setIntegerProperty(”loadUrlTimeoutValue”, 1000);
}

と入れてみた。
最初に置くとindex.htmlのloadUrlでエラーが出た＾＾；このロードに一秒かかるとは
数字を大きくするとOK.
最初のloadUrlの後ろに置きました。

android以外はわかりません。

pageやdivは、uiを再度、反映できない。 can not refresh page,div like listview | #jquerymobile #phonegap

junichi — Sat, 04 Feb 2012 16:08:04 +0000

listviewの場合は、使い回しても

$(’#list_result’).listview(’refresh’);

で ui を反映できるが
pageやdivなど指定しても出来ない。以前は？ .page() や.trigger(’create’)が使えたよう？ですが今は使えません。

なので、ui 関連classを入れてしまいます。

$(’#mybutton_area’).html(’ボタンだよ’);

ページオブジェクトを完全に削除したりしている方もいるようなので、全体を変える場合はそれでも良いのかもしれません。
局所的な変更は、これで良いようです。

ui class not working at second loading page | PhoneGap x jquerymobile

junichi — Fri, 03 Feb 2012 12:53:29 +0000

・ページキャッシュが利用されるとき？ ui class が反映されなかった。
一度目は大丈夫だけど、戻る→進むで表示するとclassが反映されない。
生成したDOMに、jquerymobileが ui-クラスをつけてくれるタイミングがわからない。

http://jquerymobile.com/demos/1.0.1/docs/lists/docs-lists.html

Updating lists
If you add items to a listview, you’ll need to call the refresh() method on it to update the styles and create any nested lists that are added. For example:

$(’#mylist’).listview(’refresh’);

これでいけるみたいだけど、listview()がありませんといわれる。
changepageしたあとに
$(’ul#list-result’).listview(’refresh’);
で大丈夫でした。タイミングが難しいですね。

.page() functionを呼ぶ方法もありそうです。

PhoneGapハジメテミル。

junichi — Fri, 03 Feb 2012 05:09:02 +0000

11:06 開始。
本サイトを見てみる。
http://phonegap.com
なかなかかわいいサイトです。
http://phonegap.com/about/features/
こんな機能に対応してるそうです。

下のリリースを読む。
http://www.adobe.com/aboutadobe/pressroom/pressreleases/201110/AdobeAcquiresNitobi.html
adobe acquires nitobi : アドビがニトビを買います。
adobe製品と連携しているのでそっちになれている人は良さそうです。

+ google groups
http://groups.google.com/group/phonegap

ちょうど 1.4 が 1/31にリリースされたようですね。

11:20 start
いちおxcodeを更新しておく。
http://phonegap.com/start
ダウンロードした、callback-phonegap-xxxx の中の lib/PhoneGap-1.4.1.dmg を開く。
PhoneGap-1.4.1.pkgを開いてインストール開始

xcode からPhoneGap-based Applicationを作成
名前を付けて Run するとbuild は成功して www/index.htmlがないよとエラーが表示される。
プロジェクトを作成したディレクトリの中には、wwwティレクトリーがある( index.html phonegap-1.4.1.js が入ってる。)

Next step is IMPORTANT! Drag the www folder into Xcode 4. You can’t just drag the www folder into your app’s folder. It needs to be dragged into Xcode 4!! In my case I would drag it and drop it on HiWorld shown below.

ディレクトリーに入れないでxcode4のプロジェクトに直接ドラッグないと駄目だそうです。

http://wiki.phonegap.com/w/page/39991939/Getting-Started-with-PhoneGap-iOS-using-Xcode-4-%28Template-Version%29
とりあえず、ここまでOK.

□　Android 版
12:06
http://phonegap.com/start#android

・Eclipse Classic 3.7.1 mac 64bitを入れてみる。

・Android SDK
http://developer.android.com/sdk/installing.html#which
android sdk managerを起動してrecommendの３つを入れる。
toolsとandroid 2.1（とりあえず）を入れる。
( ADTを先に入れると完了後、SDKを取りにいってくれました。。。とりあえず入れたディレクトリーを設定）
eclipse – preferences – Android – SDK Locationで変更可

・ADT Plugin
http://developer.android.com/sdk/eclipse-adt.html#installing
eclipseからadtを入れる。

13:30 ダウンロードが遅かったのでニュースとか読んでいたのでこんな時間ですが、作業自体は少ないです。

やっと3 .setup new project
assets/www
libs
を作って
assets/www/phonegap-1.4.1.js
res/xmlをコピー。

libs/phonegap-1.4.1.jar
ライブラリは、追加が必要。

You might experience an error here, where Eclipse can’t find phonegap-1.0.0.jar. In this case, right click on the /libs folder and go to Build Paths/ > Configure Build Paths. Then, in the Libraries tab, add phonegap-1.0.0.jar to the Project. If Eclipse is being temperamental, you might need to refresh (F5) the project once again.

www/index.html に hello world を書いて完了。

Run configurationを追加してRun.

ここまでで環境設定完了。

=========

機能によっては分ける必要あるけど、共通部分は、 www以下は共通で使えるということで良さそう。
titaniumと比べると環境を2つ（作る数だけ）用意しないといけないのが障壁になるのかな？

たぶん、webサービスでコンパイルを提供しているようなので、その辺を使うと？
https://build.phonegap.com/
これを使うとhtml css javascriptだけで、アプリ開発できるようですね。
adobe製品からこの辺が使えるようです。

=========
14:20 時間が過ぎるのは早いです。夕方終わったら髪切りに行こうと思ったけど難しそうですね。

さて、phonegap+jquerymobileのサンプルがあります。
http://wiki.phonegap.com/w/page/36868306/UI%20Development%20using%20jQueryMobile
特に、気にすることはない？と思うので作ってみます。

cssのところサンプルは　href=”/css　となっているが / があると駄目でした。

javascriptのconsole.logでデバッグする。

SDKのplatform-tools dab log catを利用。

$ cd ./android-sdk-macosx/platform-tools
$ ./adb logcat
- waiting for device -
D/PhoneGapLog( 223): file:///android_asset/www/phonegap-1.4.1.js: Line 692 : Error in success callback: Network Status1 = TypeError: Result of expression ‘a’ [undefined] is not an object.

こんな感じでエラーがでます。

* ネットワークの確認で、サンプルをみて isReachableして、1.4.1に無いな・・・と思っていたら無かった。
* ドキュメントに新しい方法が載ってた・・・
* http://docs.phonegap.com/en/1.4.1/phonegap_connection_connection.md.html#Connection

document.addEventListener(”deviceready”, onDeviceReady, false);

// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
//
function onDeviceReady() {
checkConnection();
}

function checkConnection() {
var networkState = navigator.network.connection.type;

var states = {};
states[Connection.UNKNOWN] = ‘Unknown connection’;
states[Connection.ETHERNET] = ‘Ethernet connection’;
states[Connection.WIFI] = ‘WiFi connection’;
states[Connection.CELL_2G] = ‘Cell 2G connection’;
states[Connection.CELL_3G] = ‘Cell 3G connection’;
states[Connection.CELL_4G] = ‘Cell 4G connection’;
states[Connection.NONE] = ‘No network connection’;

alert(’Connection type: ‘ + states[networkState]);
}

* 今回も大活躍 JSON.stringify

console.log( JSON.stringify(PhoneGap.callbacks) );

ちょっと休憩。
17:08

18:01
再開。後は、普通に作るだけだから、あと 1.5時間で出来る範囲の基本機能だけで。

19:50
top → list → item
までデータ表示はできた。とりあえずここまで。

結局3日目にして最初のバージョンをリリースしました。
web api は他のサービスで作っていたのでアプリの内容自体は、置いておいて
3日で、top→list→itemのシンプルなアプリを作ることが出来ました。
jquerymobileを利用したことがあれば、こんな感じになると思います。
androidの機能は使っていないので、これから使ってみてと言うところです。
iPhone版リリースについても近いうちにやります。

jquery mobileでサイトを作成してみた。

junichi — Thu, 02 Feb 2012 07:38:04 +0000

こんな感じです。
スマートフォンやタブレットでこちらのサイト→ http://aucru.com
をご確認ください。

http://jquerymobile.com/
iOS Android Windows Phone BlackBerryに対応したサイトが簡単に作成できます。

これからいろいろなサイトに利用していきたいと思います。

transitions noneで負荷は変わらないのかな？

junichi — Wed, 01 Feb 2012 15:39:43 +0000

androidで見てみるとページ遷移がパタパタして意味ないなと思ったので、
transitaions : none

page transitions
http://code.jquery.com/mobile/latest/demos/docs/pages/page-transitions.html

globalconfig
http://code.jquery.com/mobile/latest/demos/docs/api/globalconfig.html

$(document).bind(”mobileinit”, function(){
$.mobile.foo = bar;
});

自分のサイトでは、あまり変わらなかったのですが、どちらにしても綺麗に見えないので、noneにしておきます。
ページデータが多すぎるのかな？スクロールが多過ぎるとか。

iPhone Simulator.appをDockへ入れた。

junichi — Wed, 01 Feb 2012 14:48:36 +0000

/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications
$ ls
iPhone Simulator.app
$ open .

このiPhone Simulator.appをDockへ入れた。

submitの置き換えとval()で値を取る方法 | jquerymobile

junichi — Tue, 31 Jan 2012 05:37:10 +0000

同じ問題でreadyを使っているものが多かったのですが、

http://jquerymobile.com/test/docs/api/events.html

Important: Use pageInit(), not $(document).ready()

ということでこう書きました。

$( ‘#page_main’ ).live( ‘pageinit’,function(event){
$(’#search_form’).unbind(’submit’).bind(’submit’, function(){search();});
});

#page_mainは、data-role=pageのIDです。
submitをunbindしていますが、追加だけで良い場合は、要りません。
ここでsearch()を読んでいるのですが、ここでbindした場合、 search()関数内の$(”#input_id”).val(); は有効になります。
他でsearch();を読んでもval()で取得することは出来ませんでした。

http://jquerymobile.com
のサンプルを見ているとhtml5の勉強にもなって面白いですね。

=== ajaxで取得するとid指定した物が2つになる・・・同じelementが増えていく？ ===

ajaxでの遷移を停止する。
* formタグに data-ajax=”false”
* aタグに rel=”externals”
* jquery と jquerymobileの間に設定コードを書く。

* changepageのときのajaxをやめたい・・・
と思ったのですが。

そうじゃなくて、pageのidをちゃんと管理しないといけないみたいですね。
修正が必要です。

zend lucene search property check | php

junichi — Sun, 29 Jan 2012 07:40:10 +0000

__issetもないようなのでチェックできないと思っていましたが、以下の方法でプロパティの存在確認が出来ました。

$names = $hit->getDocument()->getFieldNames();
if(in_array(’title’, $names)) $item['title'] = $hit->title;
if(in_array(’price’,$names)) $item['price'] = $hit->price;