DEVELOPMENTOR*LEARNING RESOURCE LAB.

ソフトウェア開発現場の視点からソフトウェアと開発者の価値を高める「ホットな何か」をお届けします。(休止)

BLOGRANGER APIを使ってご当地ブログを探して比較する

2006年11月02日 | Web 2.0

「BLOGRANGER 2.0」の「BLOGRANGER API」を使って「BLOGRANGER ご当地ブログ探し」というAjaxアプリを作ってみました。↓こんな感じです。

キーワード検索のあと、日本地図の都道府県をクリックすると、そのご当地のブログ記事を絞り込めます。例えば「土産」というキーワードで検索してから都道府県をクリックすると、そのご当地を話題としたブログ記事が(きっと)見つかります。


View Example

このAjaxアプリは「BLOGRANGER API チュートリアル」のソースコードを土台に「都道府県でブログを絞り込む」という独自の機能を追加したものです。都道府県でブログを絞り込むというアイディアは、「BLOGRANGER API リファレンス」の中にある次の説明を参考にしました。

Ranger.Searchクラス hasNE(ne, [exact])

次の例は「アニメ」に関するブログ記事を検索しています。Ranger.NEと文字列を使う2通りの方法があります。このときカテゴリのIDを指定します。

次の例は「東京都(場所)」を含むブログ記事を検索しています。「東京都港区南青山」など「東京都」から始まる「場所」が検索範囲になります。

はじめのキーワード検索では、キーワードと「場所」という条件を指定しています。場所という条件を指定すると、「東京都」や「神奈川県」といった都道府県を含むブログがヒットすることが期待できます(たぶん)。

  bs.hasKeyword(keyword);
  bs.hasNE('LOCATION-');
  bs.searchByKeyword('', 1, 10);

次の都道府県のクリックでは、キーワードと場所に加えて、そのクリックした都道府県の名前を指定しています。これでクリックした都道府県の名前を含むブログだけを絞り込めます。

  bs.hasKeyword(keyword);
  bs.hasNE('LOCATION-'+region);
  bs.searchByKeyword('', 1, 10);

Special thanks to ... 日本地図のクリッカブルマップは全国なんでもクリッカブル・マップ・プロジェクツの素材を使いました。ありがとうございます。