gooラボの BLOGRANGER TG が API も含めてサービスを終了しちゃいます

BLOGRANGER TG 実験終了のお知らせ

今回のサービス終了の対象は、BLOGRANGER TGのタグマップを使ったブログ検索サービスだけではなく、タグマップAPIや、BLOGRANGER 2.0から2年間提供してきましたブログマイニングAPI、パーツを含めて、BLOGRANGERのすべてのサービスとなります。

↑とのことです。今まで BLOGRANGER API を使って、ちょっとした遊びアプリを作ってきましたが、もう動かなくなるってことですね。なので、作ったものの中から代表的なものを振り返ってみます。

Twitter.statuses.join(BLOGRANGER::TG)

今回は Twitter API を使いました。Twitter API で public_timeline を拾い続けて、そのユーザのアイコンを並べて表示していきます。このとき同時に、オートタギング API を使って、"つぶやき" のテキストからタグを自動推定します。そして、同じタグが推定された "つぶやき" 同士をくっつけて、アイコンをグループ化します。

オートタギングAPI を使ってブログのエントリを勝手に分類してみる

少し過去の話題にさかのぼります。上記のとおり、BLOGRANGER TG のブログパーツで、このブログのミニ地図が表示できなかったので、手始めに BLOGRANGER API の オートタギング API というのを使って、指定したブログのエントリからタグを自動推定して、そのタグごとにエントリを分類して表示するアプリケーションを作ってみました。

再び BLOGRANGER TG tube サムネイルがぐるぐる回転します

BLOGRANGER TG API を使って仮想地図を表示します。そして、その仮想地図の中央付近の話題と繋がりのある動画を YouTube Data API を使って検索し、その動画のサムネイルをグルっと一周する円として表示します。さらに、その動画のサムネイルをクリックすると、その動画を Flash Player を使って再生します。

マッシュアップレシピ BLOGRANGER TG tube 地図とタグと動画のビミョーな関係

タグに関連する動画のサムネイルを、タグの周囲に表示するようにしました。動画のサムネイルは、タグをキーワードとして YouTube Data API を使って検索しています。仮想地図に表示されたタグに対して、その検索を3秒ごとに繰り返して、次々とサムネイルを表示していきます。仮想地図をスクロールすると、そのスクロール先で表示されたタグのサムネイルを繰り返し表示します。

マッシュアップレシピ BLOGRANGER TG touch の Google ニュース和え

BLOGRANGER TG の地図をタップすると、そのタップした位置が画面中央になるように移動します。画面端をタップしながら地図の上を歩いていくような感じです。タグをタップすると、そのタグで最近のニュースを検索するようにしました。ニュースの検索は Google ニュースを使っています。BLOGRANGER TG の地図とタグは、ブログ界の様相を表している？ので、ブログ界とニュースの関係とそこから何かの発見があるかもしれない・・・。

マッシュアップカフェのプレゼン資料で Postal Search Ajax API のサンプルが引用されました

マッシュアップカフェの BLOGRANGER API のプレゼン資料の中で Postal Search Ajax API のサンプルが引用されました。マッシュアップカフェの様子は、こちらにレポートがあります。

もっとあった気がするのですが、どこに何があるのか分からなくなってしまっています。旧ブログ でもいろいろ紹介していましたので、こっちにあるかもしれません。

BLOGRANGER といろいろマッシュアップしてきたその足跡を振り返ってみました。

Twitter.statuses.join(BLOGRANGER::TG)

オートタギングAPI を使ってブログのエントリを勝手に分類してみる

BLOGRANGER TG のブログパーツで、このブログのミニ地図が表示できなかったので、手始めに BLOGRANGER API の オートタギング API というのを使って、指定したブログのエントリからタグを自動推定して、そのタグごとにエントリを分類して表示するアプリケーションを作ってみました。

さらに続けて、BLOGRANGER API の オートタギング API を使った別のアプリケーションを作ってみました。次のリンクからどうぞ。

Twitter.statuses.join(BLOGRANGER::TG)

今回は Twitter API を使いました。Twitter API で public_timeline を拾い続けて、そのユーザのアイコンを並べて表示していきます。このとき同時に、オートタギング API を使って、"つぶやき" のテキストからタグを自動推定します。そして、同じタグが推定された "つぶやき" 同士をくっつけて、アイコンをグループ化します。

↓こんな感じです。黒い枠で囲まれたアイコンが、同じタグが推定された "つぶやき" を表します。つまり、同じ話題について "つぶやいた" であろうユーザのアイコンが並んで表示されることになります。アイコンをクリックすると "つぶやき" の内容を表示しますので、気になるグループがあったら確認してみるとよいでしょう。



同じタグが推定されて "つぶやき" をくっつけるとき、推定されたタグをアニメーションでちょっと大げさに表示します。↓こんな感じです。"リアル" というタグで "つぶやき" がくっついたことを表しています。



↓は "絢香" というタグで "つぶやき" がくっついたことを表しています。



"つぶやき" が少ないうちは、なかなかくっつきませんが、"つぶやき" が増えてくると、タグの推定が連鎖してきて、アニメーションが慌しくなってきます。しばらくぼ～っと眺めてみてください。

Twitter API で public_timeline を拾う頻度を高くしたいのですが、オートタギング API は、それなりの計算量がありそう？なので、その負荷を考慮しています。オートタギング API を使って "つぶやき" からタグを自動推定するたびに、1秒のウェイトを入れています。そのため、拾いきれない "つぶやき" がかなり出てくると思います。

オートタギングAPI を使ってブログのエントリを勝手に分類してみる

BLOGRANGER TG のミニ地図を貼り付けられるブログパーツ

百式さんのブログで紹介しているのを見て、さっそく試してみました。が、残念です。このブログは収集してもらえてないようです。BLOGRANGER TG API というのが提供されているので、このブログパーツと同じようなことはできるかもしれません。

少し過去の話題にさかのぼります。上記のとおり、BLOGRANGER TG のブログパーツで、このブログのミニ地図が表示できなかったので、手始めに BLOGRANGER API の オートタギング API というのを使って、指定したブログのエントリからタグを自動推定して、そのタグごとにエントリを分類して表示するアプリケーションを作ってみました。

↓こんな感じです。タグごとにボックスを表示し、そのボックスの中に関連するエントリをリスト表示します。iGoogle っぽくしてみました。


このアプリケーションの URL は、次のとおりです。q パラメータに RSS や Atom といったブログのフィードの URL を指定してください。

http://developmentor.lrlab.to/blogranger/categorize?q=(feed URL)

次のとおり、いくつか実例を用意しましたので、参考にしてください。

• 404 Blog Not Found
• [N]ネタフル
• デジモノに埋もれる日々

このアプリケーションを使うには Google Gears が必要です。前述の URL にアクセスすると、Google Gears のインストールを促すページを表示しますので、そのページの手順にしたがって、Google Gears をインストールしてください。

Google Gears をインストールして、前述の URL にアクセスすると、Google Gears を使ってよいかの許可を求めるダイアログを表示します。そのとき許可してはじめて、このアプリケーションが使えるようになります。

パラメータで指定したブログのフィードの URL から Google AJAX Feed API を使って、新しいエントリの情報を 10件ほど取得します。続けて、そのエントリのタイトルとサマリからオートタギング API を使って、タグを自動推定します。そして、エントリの情報と自動推定したタグを Google Gears のローカルデータベースに格納します。

エントリの情報と自動推定したタグは、ローカルデータベースにどんどん蓄積していきます。新しいエントリがあるかどうかは、このアプリケーションにアクセスしたとき 1度だけチェックします。また、ページ右上の更新リンクをクリックすることでもチェックできます。

ローカルデータベースの内容が多くなってくると、ページの表示が遅く重くなってきます。そのときは、ページ右上の削除リンクをクリックして、ローカルデータベースを空にしてやり直しができます。

タグのボックスとそのエントリのリストは、ローカルデータベースの内容から表示しています。タグのリンクをクリックすると、そのタグを中心とした BLOGRANGER TG の地図を表示します。このタグは、エントリから自動推定したタグと、エントリにもともと付与されていたタグの両方を使っています。エントリのリンクをクリックすると、そのエントリを表示します。

ちょっとバグっぽい印象を持つかもしれませんが、パラメータに指定するブログのフィードの URL を変更しても、ローカルデータベースでは、情報源となったブログを区別しませんので、異なる複数のブログをまとめて分類できちゃったりします。例えば、404 Blog Not Found に続けて [N]ネタフル を表示すると、その両方のエントリをまとめて分類できるということです。

再び BLOGRANGER TG tube サムネイルがぐるぐる回転します

マッシュアップレシピ BLOGRANGER TG tube 地図とタグと動画のビミョーな関係

以前の BLOGRANGER TG touch では、タグマップ API を使い、そのタグをキーワードに Google ニュースを検索することで、タグに関連するニュースを探すというマッシュアップを手軽に実現できました。今回も、同じパターンを使って、タグに関連する動画を YouTube を使って探すというマッシュアップを実現してみました。

以前に作った BLOGRANGER TG tube を少し改造してみました。

BLOGRANGER TG tube とは、今現在のブログ界の様子を表す仮想地図をスクロールしながら、ブログ界の話題と繋がりのある動画をビジュアルに探すことを目的とした HTML/Ajax ベースのマッシュアップアプリケーションです。



BLOGRANGER TG API を使って仮想地図を表示します。そして、その仮想地図の中央付近の話題と繋がりのある動画を YouTube Data API を使って検索し、その動画のサムネイルをグルっと一周する円として表示します。さらに、その動画のサムネイルをクリックすると、その動画を Flash Player を使って再生します。

BLOGRANGER TG tube は jQuery を使って API を繋ぎ合わせ、jQuery プラグインを使ってビジュアルな表現を実現しています。そのソースコードや実装の説明は、次のとおりまとめてありますので、参考になればと思います。

• コールバックのイベントハンドリングを容易にする jQuery JSONP プラグイン
• Interface Elements の Carousel と YouTube Data API で動画のサムネイルを回転表示する
• Flash Plugin を使って Youtube の動画を再生する

Jquery in Action Bear Bibeault Yehuda Katz by G-Tools

BLOGRANGER TG のミニ地図を貼り付けられるブログパーツ

あなたのブログがブログ世界のどこに位置するのか、地図で教えてくれる『BLOGRANGER TG』

脳内会議でもお世話になったgooさんが展開しているgooラボから新サービスが登場した模様です。RLをいれると直近1ヶ月の記事を解析、ブログ世界上のどこに位置するのかを表示してる、というサービスです。

百式さんのブログで紹介しているのを見て、さっそく試してみました。が、残念です。このブログは収集してもらえてないようです。



BLOGRANGER TG スタッフブログによると、↓とのことです。blogspot.com も対象になっていますが、なんらかのアクションが必要なのかもしれません。

BLOGRANGER TGパーツ対応　ブログプロバイダー一覧

また、収集対象に含めてほしいといったご要望は、本エントリのコメントとして投稿していただければ幸いです。

百式さんのブログの中で↓とありますが、BLOGRANGER TG API というのが提供されているので、このブログパーツと同じようなことはできるかもしれません。

記事を解析して自動的にタグを付与してくれるそうですね。地図上で表現する、というのもいいですが、このパーツだけAPIにしてもらいたい・・・と思わないでもないですね。でもタグ別にRSSも吐いているようなのでそれはなんか使えそうだと思ったり。

BLOGRANGER TG API は、以前にこのブログで紹介したことがありますので、あらためてリンクしておきます。

マッシュアップレシピ BLOGRANGER TG touch の Google ニュース和え

そのエントリの中で Google Maps API を使って iPod touch のタップ操作で Google Maps を使えるようにした Google maps touch を紹介しました。そこで BLOGRANGER TG も API を公開しているので、BLOGRANGER TG も同じように iPod touch のタップ操作で使えるようにしてみました。

マッシュアップレシピ BLOGRANGER TG tube 地図とタグと動画のビミョーな関係

以前の BLOGRANGER TG touch では、タグマップ API を使い、そのタグをキーワードに Google ニュースを検索することで、タグに関連するニュースを探すというマッシュアップを手軽に実現できました。今回も、同じパターンを使って、タグに関連する動画を YouTube を使って探すというマッシュアップを実現してみました。

マッシュアップレシピ BLOGRANGER TG tube 地図とタグと動画のビミョーな関係

以前の キーボードを前提としない Wii でも使えるという BLOGRANGER TG は iPod touch でも使えるか？ と マッシュアップレシピ BLOGRANGER TG touch の Google ニュース和え のエントリでは、Google Maps と BLOGRANGER TG を題材に iPod touch のスクロールの不都合に注目しましたが、今回は少し視点を変えて、BLOGRANGER TG のタグマップ API に注目してみようと思います。

以前の BLOGRANGER TG touch では、タグマップ API を使い、そのタグをキーワードに Google ニュースを検索することで、タグに関連するニュースを探すというマッシュアップを手軽に実現できました。今回も、同じパターンを使って、タグに関連する動画を YouTube を使って探すというマッシュアップを実現してみました。

その名も BLOGRANGER TG tube です。またまたベタですみません。

タグに関連する動画のサムネイルを、タグの周囲に表示するようにしました。動画のサムネイルは、タグをキーワードとして YouTube Data API を使って検索しています。

仮想地図に表示されたタグに対して、その検索を3秒ごとに繰り返して、次々とサムネイルを表示していきます。仮想地図をスクロールすると、そのスクロール先で表示されたタグのサムネイルを繰り返し表示します。

サムネイルをクリックすると、その動画の YouTube の再生ページを開きます。また、タグ自体をクリックすると YouTube の検索結果ページを開きます。

コーギー川柳 2008年カレンダー by G-Tools

よくある公開 API というと、その API 自体で何か完結した機能を提供しているのが、一般的なんじゃないかという感想があるのですが、この BLOGRANGER TG のタグマップ API は例外的で、ブログ界の様相？を表す仮想地図にタグを表示し、そのタグの記事数、類似度、話題の広さを把握できますが、

この API 自体が何か完結したものなのかどうか、人によって様々な見方ができるような、そういう位置づけ API なんじゃないかという気がします。ということは、このタグマップ API は、他のサービスや API とマッシュアップしたり、されたりすることで、その価値が高まる API といえるのかもしれません。

タグマップ API の特徴を1つ挙げるとすると、前述のとおり、ブログ界の様相？を表すタグ群でしょう。タグは、キーワードとも読み替えることができるので、このタグを使って様々なサービスや API との連携ができます。

後は、ちょっとしたアイディアを膨らまして、それを実現するコードを書くだけ？ですね。

BLOGRANGER Hacks (BLOGRANGER TG API)
http://ranger.labs.goo.ne.jp/hacks/

YouTube Data API
http://code.google.com/apis/youtube/overview.html

猫川柳 2008年カレンダー by G-Tools

(訂正) マッシュアップレシピ BLOGRANGER TG touch の Google ニュース和え

昨日の マッシュアップレシピ BLOGRANGER TG touch の Google ニュース和え エントリに誤りがありました。

BLOGRANGER TG touch のリンク先が、イントラネットのアドレスを指していました。すみません。

本来のリンク先は、次のとおりです。訂正します。

BLOGRANGER TG touch
http://developmentor.lrlab.to/blogranger/touch.html

iPod touchパーフェクトガイド (アスキームック) (アスキームック) マックピープル編集部 by G-Tools

マッシュアップレシピ BLOGRANGER TG touch の Google ニュース和え

Google Maps と同じく BLOGRANGER TG も iPod touch で地図をスクロールできない不都合がありました。詳しくは キーボードを前提としない Wii でも使えるという BLOGRANGER TG は iPod touch でも使えるか？ のエントリを見てください。

そのエントリの中で Google Maps API を使って iPod touch のタップ操作で Google Maps を使えるようにした Google maps touch を紹介しました。そこで BLOGRANGER TG も API を公開しているので、BLOGRANGER TG も同じように iPod touch のタップ操作で使えるようにしてみました。

その名も BLOGRANGER TG touch です。ベタベタな名前ですみません。

BLOGRANGER TG の地図をタップすると、そのタップした位置が画面中央になるように移動します。画面端をタップしながら地図の上を歩いていくような感じです。



タグをタップすると、そのタグで最近のニュースを検索するようにしました。ニュースの検索は Google ニュースを使っています。BLOGRANGER TG の地図とタグは、ブログ界の様相を表している？ので、ブログ界とニュースの関係とそこから何かの発見があるかもしれない・・・。ない。ない。きっとない。(^^;



なお、PC のブラウザでも使えますが、ドラッグして地図をスクロールすると変な動きをしてしまいます。それはなぜ？かというと、次のような経緯があったためです。

Apple iPod touch 8GB MA623J/A by G-Tools

Google Maps API なら地図のクリックイベントを捕捉して、GMap2 クラスの setCenter メソッドや panTo メソッドを使って、そのクリック位置が画面中央になるように移動すればよいのですが、BLOGRANGER TG API リファレンス/TagMap を見ていると、そんなに簡単じゃないことに気が付きました。

BLOGRANGER TG の地図は TagMap クラスで操作するのですが、このクラスは緯度経度のような絶対的な座標ではなく、タグという論理的な座標を使うようになっています。

なので、クリックしたタグの位置には移動できますが、地図のクリックした位置に移動するという方法がありません。タグをクリックしたというイベントはありますが、地図をクリックしたというイベントは用意されていません。

う～ん。困りました。あきらめようと思いましたが、BLOGRANGER TG API の よくある質問 がヒントになり、ちょっと姑息？な方法かもしれませんがうまく？解消できました。

BLOGRANGER TG は、オープンソースのライブラリである script.aculo.us の dragdrop を使っているとあります。地図のスクロールに dragdrop を使っているのであれば、その dragdrop のイベントを横取りして、外側から操作してしまえばよいのでは？思い立ちました。

次のコードがその結果です。dragdrop の横取りは後半部分です。WEB ページ内のドラッグオブジェクトを取り出して繰り返し、その要素にクリックイベントを仕掛けています。これが地図のタップに該当します。

  var width = 320;
  var height = 356;
  var map = new TagMap($('map'), width, height);
  map.attachEventListener('tag_click', function(tag) {
    window.open('http://news.google.co.jp/news?' +
      $H({ q: tag, ie: 'UTF-8', scoring: 'n' })
        .toQueryString()
      );
  });

  Draggables.drags.each(function(drag) {
    Event.observe(drag.handle, 'click', function(e) {
      this.initDrag(e);
      this.updateDrag(e, [width / 2, height / 2]);
      this.endDrag(e);
    }.bindAsEventListener(drag));
  });

dragdrop のソースコードを見ると、onmousedown イベントで initDrag メソッド、onmousemove イベントで updateDrag メソッド、onmouseup イベントで endDrag メソッドを呼び出す仕組みになっています。

ですので、ドラッグ(ドロップ)する座標が常に画面中央となるように、クリックイベントの中で、その呼び出しの流れをシミュレートするようにしました。これが地図のスクロールに相当します。

これで地図のスクロールの不都合が解消できました。最後にもう1つ。

iPod touch の Safari は WEB ページのサイズに合わせて、自動的に拡大(縮小)する仕組みになっていて、初期の拡大率が 1.0 とはなっていません。このままだと BLOGRANGER TG の地図が iPod touch の画面一杯に表示されません。かなり小さく表示されます。

なので、次のように meta 要素を指定して、ページの横サイズと拡大(縮小)率を固定し、画面一杯に表示するようにしました。さらに、拡大(縮小)の操作も無効にしました。

<meta name="viewport" content="
  width=320;
  minimum-scale=1.0;
  maximum-scale=1.0;
  user-scalable=0;
" />

詳しくは Travellers Tales : iPhone 用 Web ページおよびアプリケーションの作り方 - iPhone Development Guidelines を読む を見てください。

ひととおり試してみましたが、今のところ期待どおり動作しているように見えます。もしも不都合がありましたらごめんなさいです。

Wiiフィット(「バランスWiiボード」同梱) by G-Tools

マッシュアップカフェのプレゼン資料で Postal Search Ajax API のサンプルが引用されました

マッシュアップカフェの BLOGRANGER API のプレゼン資料の中で Postal Search Ajax API のサンプルが引用されました。

マッシュアップカフェの様子は、こちらにレポートがあります。

第5回　マッシュアップカフェ・第3回 「ブログ検索」前半 : マッシュアップカフェ : 記事 : MASHUPEDIA - マッシュペディア - : Web API x Mashup

BLOGRANGER API のサイトと、マッシュアップカフェのプレゼン資料はこちら。

BLOGRANGER API / NTT、NTTレゾナント（goo）/ プレゼン資料 (PDF)

引用された Postal Search Ajax API のサンプルはこちら。

Postal Search Ajax API サンプル
郵便番号の地域に関連するブログを検索する (by BLOGRANGER API)