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

comments(2) | trackback(0)

  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/