食べログ API JSONP

このサイトについて

このサイトでは食べログのAPIが公開されたことを記念して、JSONP形式に変換したレストランデータを公開しています。
現在は検索した結果を評価の高い順で取得しています。（２００６年９月２９日公開開始）
価格.com API JSONPが好評だったので作りました。

また、食べログのAPIにはなかった郵便番号検索とキーワード検索（地名等）を可能にしました。
反対に食べログのAPIで提供されている都道府県と駅名による検索はまだ実装していません。
当面郵便番号検索で代用するか、キーワード検索した後選択して下さい。

このサイトで配布しているソースをコピーすれば簡単に食べログのレストランデータをご自身のサイトに貼付けることができます。
（javascriptが利用できる必要があります）

JSONP形式なので、Ajaxで使いたい時にわざわざJSONPデータを作成する必要がありません。是非ご活用下さい。

昨日公開した価格.com API JSONPではその日のうちに
大沢さんが価格.com API JSONを使ったAjaxデモを公開して下さいました。
このような使われ方を想定しています。（もちろんサンプルコードを使っていただくだけでも大歓迎です）

利用方法

例えばhttp://jsonp.yatena.com/1500002
のようにアクセスすると郵便番号150-0002(渋谷)で検索した場合のJSONPを返します。
とりあえず郵便番号（半角数字７桁）または地名等キーワードで検索してみて下さい。
東京駅のように駅をつけて検索すると擬似的に駅名をキーにすることができます。

技術的な説明

utf-8エンコードしていただければ日本語も使えます。JSONPもutf-8ですのでご了承下さい。
検索クエリーが半角数字７桁の場合は郵便番号とみなしています。
クライアント側のコードは下記で公開しているものを参考にして下さい。
キーワード検索するとそのキーワードの検索結果を貼付けるコードを配布しています。
実際のJSONPデータをご覧頂ければわかりますが、callbackの関数名は標準でtabelog_wsです。 callbackの関数名は変更可能です。 http://jsonp.yatena.com/1500002/callback_name.txt のようにアクセスすると関数名がcallback_nameになります。

また、実験的なサービスですので自己責任でご利用下さい。
予告なくサービスを中断したり終了する場合があります。

APIを公開して下さった価格.com様及び有用な情報を公開して下さった先輩プログラマーの方々に感謝いたします。

実際の利用例

（↓に表示されない場合は何らかの原因でデータの取得に失敗しています）

上記の結果をあなたのブログやウェブページに貼付ける方法

コピペしていただければ動くと思います。是非活用して下さい。


<script type="text/javascript" charset="utf-8">
<!--
function tabelog_ws(obj) {
    var max_item = obj.Item.length;
    if ( max_item > 5 ) {
        max_item = 5;
    }
    for (i = 0; i < max_item; ++i) {
        document.write("<p>");
        document.write("レストラン名: " + obj.Item[i].RestaurantName + "<br>");
        if ( typeof(obj.Item[i].TabelogUrl) == "string" ){
            document.write(
                "<a href=\"" + obj.Item[i].TabelogUrl +
                "\" rel=\"nofollow\">" + "レストランの詳細" + "<\/a><br>"
            );
        }
        if ( typeof(obj.Item[i].TotalScore) == "string" ){
            document.write("総合評価　　: " + obj.Item[i].TotalScore + "<br>");
        }
        if ( typeof(obj.Item[i].TasteScore) == "string" ){
            document.write("味評価　　　: " + obj.Item[i].TasteScore + "<br>");
        }
        if ( typeof(obj.Item[i].ServiceScore) == "string" ){
            document.write("サービス評価: " + obj.Item[i].ServiceScore + "<br>");
        }
        if ( typeof(obj.Item[i].MoodScore) == "string" ){
            document.write("雰囲気評価　: " + obj.Item[i].MoodScore + "<br>");
        }
        if ( typeof(obj.Item[i].Situation) == "string" ){
            document.write(
                "シチュエーション:<br>" + obj.Item[i].Situation + "<br>"
            );
        }
        if ( typeof(obj.Item[i].DinnerPrice) == "string" ){
            document.write("価格帯（夜）: " + obj.Item[i].DinnerPrice + "<br>");
        }
        if ( typeof(obj.Item[i].LunchPrice) == "string" ){
            document.write("価格帯（昼）: " + obj.Item[i].LunchPrice + "<br>");
        }
        document.write("カテゴリー名: " + obj.Item[i].Category + "<br>");
        if ( typeof(obj.Item[i].Station) == "string" ){
            document.write("最寄駅: " + obj.Item[i].Station + "<br>");
        }
        if ( typeof(obj.Item[i].Address) == "string" ){
            document.write("住所: " + obj.Item[i].Address + "<br>");
        }
        if ( typeof(obj.Item[i].Tel) == "string" ){
            document.write("電話番号: " + obj.Item[i].Tel + "<br>");
        }
        if ( typeof(obj.Item[i].BusinessHours) == "string" ){
            document.write("営業時間: " + obj.Item[i].BusinessHours + "<br>");
        }
        if ( typeof(obj.Item[i].Holiday) == "string" ){
            document.write("休日: " + obj.Item[i].Holiday + "<br>");
        }
        //document.write("緯度: " + obj.Item[i].Latitude + "<br>");
        //document.write("経度: " + obj.Item[i].Longitude);
        document.write("<\/p>");
    }
}
//-->
</script>

<script type="text/javascript" src="http://jsonp.yatena.com/tabelog/1500002/tabelog_ws.txt"></script>

<noscript><a href="http://jsonp.yatena.com/">価格.com API JSONP</a>
<a href="http://jsonp.yatena.com/tabelog/">食べログ API JSONP</a>
</noscript>

食べログ API 利用例

このサイトについて

利用方法

技術的な説明

実際の利用例

上記の結果をあなたのブログやウェブページに貼付ける方法