Ajax と OpenSearch と はてなダイアリーキーワード連想語 API を使ったはてな検索のデモ

  http://pocari.org/tools/ajax/opensearch/

  はてなダイアリーキーワード連想語 API が面白かったのと,PHP から使える PEAR::OpenSearch を発見したので
  Ajax と OpenSearch と はてなダイアリーキーワード連想語 API を使ったはてな検索というものを作ってみました.

  

  OpenSearch には PEAR::OpenSearch を,はてなダイアリーキーワード連想語 API には PEAR::XML_RPC を使っています.
  また,JavaScript のライブラリは prototype.js と script.aculo.us (effects.js のみ) を使っています.

  やっていることは簡単で,入力された検索語の関連語を XML RPC で はてなダイアリーキーワード連想語 API を使って呼び出してきます.
  また,検索語を OpenSearch のはてな検索から検索してくるということだけです.
  検索結果は,上位 10 件を表示しています.10 件以上あってもそれ以上は検索結果には表示できません.

  それを prototype.js の Ajax クラスで呼び出して,effects.js でアニメーションしながら表示しています.

  使い方は,検索語を入れて [Search] ボタンを押すだけ.
  はてなダイアリーキーワード連想語がある場合は,検索結果といっしょに表示されるので,さらに連想語のリンクを選択すれば
  その連想語で再検索をします.

  動作確認は Forefox 1.5,IE 6.0 (ともに Windows 版) で行いました.それ以外のブラウザで動作するかは不明です.

  ソース一式も置いておきます.ライセンスは Creative Commons 帰属 とします.

- ソース一式 (tar.bz2)
  http://pocari.org/tools/ajax/opensearch/ajax-opensearch.tar.bz2

- Creative Commons Deed
  http://creativecommons.org/licenses/by/2.1/jp/

- ref.: PEAR :: Package :: Services_OpenSearch
  http://pear.php.net/package/Services_OpenSearch/

- ref.: はてなダイアリー - はてなダイアリーキーワード連想語APIとは
  http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a ...

  また,本デモを作る際に下記のサイトを大いに参考にしています

- HOWTO: Animated Live Search // Ordered List by Steve Smith
  http://orderedlist.com/articles/howto-animated-live-search/