jQuery ドロップダウン

自サイトのトップページを jQuery ドロップダウンテンプレートで書き換え（所要時間30分）
利用したテンプレートは JavaScript Array 。
そのまま使いました。

Yahoo! Pipes で xml から jsonp を取得

Yahoo! Pipes で xml から jsonp を取得できます。
詳しくは
http://ascii.jp/elem/000/000/438/438132/
に完璧な説明があります。とても簡単でした。

Yahoo! Pipes は英語ですが、使い方は直感的です。

出力される jsonp の中身は要素が少し変わります。中身をチェックして jQuery などでコーディングするとよさそうです。

Pipes から jsonp の取得には少し時間がかかるようです。

jQuery ループ

jQuery でループしていて
break で抜けようと思ったら IE で break はループ内で使いなさいとメッセージが出ました。
調べて見ると jQuery では、ループ内では continue は return、break は return false で代用するらしいです。
http://tm.root-n.com/programming:javascript:jquery:continue_break

(ex)
$.each(item.itemなど, function() {
if (this.no > 10) return false; // break と同じ役割
});

JavaScript break/continue

Web サービスの利用

暇つぶしに Web サービスをいくつか利用して、地図から検索するページを作ってみました。

利用した API
Google Maps API
r.tabelog.com/help/api
yoyaq.com/help/webservice
webservice.recruit.co.jp
lab.uribou.net
www.finds.jp

API によって JSONP 形式を利用できる場合とできない場合があります。JSONP の扱いは jQuery が簡単でした。
（例）
        var url = "～format=jsonp&callback=?";　// 最後は ? にする
        $.getJSON(url, function(json) {
            if (json.errorなど) {    // エラー処理
                return false;
            }
            $.each(json.要素, function(){
                ～処理～                    
            });
            ～処理～
        });

jQuery は便利。よく分かってないせいかなんなのか、jQuery の empty や append などがうまく動かない、、、。

JSONP 未対応 API では Javascript で Web サービス XML のパースがよく分からず、うまくいかなかったので Java でやりました。Java の場合は、javax.xml.xpath と org.w3c.dom パッケージを使えば OK です。