TwitteAPIでひとことガジェット + Incremental Search  

TwitterAPIやTwitter.fmでいろいろ遊んでました

• TwitterAPIでひとことガジェット
• JSONPを利用したTwitter Search
• Twitter Incremental Search

Twitter Incremental Search Gadget

今回、これらを全部まとめてガジェット化にしてみました。

まとめただけなので、特に前回から新機能はありません。デフォルトで最新のTwitterの最新ひとことを表示し、「Input Your Keywords」の箇所に、検索したい文字列を入れればTwitter.fm API経由で検索結果も表示します。

ただ、以下のコードをはりつければ、ご利用のBlogでも同じようなガジェットを利用できます

<link rel="stylesheet" type="text/css" href="http://lab.katsuma.tv/twitter_search_gadget/TwitterSearchGadget.css" /> <div id="twitterGadget"></div> <script type="text/javascript" charset="utf-8" src="http://lab.katsuma.tv/js/prototype.js"></script> <script type="text/javascript" charset="utf-8" src="http://lab.katsuma.tv/js/ObjTree.js"></script> <script type="text/javascript" charset="utf-8" src="http://lab.katsuma.tv/twitter_search_gadget/TwitterSearchGadget.js"></script> <script> initTwitterGadget('3224511'); </script>

例によって最後のinitTwitterGadget()の引数の文字列は自分のTwiterID。IDの調べ方はこのへん。このBlogのサイドバーも新しいのに変えたかったんだけども、今回Flash使わずにAll-JavaScript＋CSSで作ったら、元のCSSと干渉して表示が崩れたorz （多段？のCSSのデバッグ難しいなぁ）

きっと（割と）プレーンなHTML+CSSの上だとさっくり表示されるはずです。WinIE7+Firefox2で確認。もし使ってくださった方などいらっしゃったら、ここのコメントやはてブのコメントなんかをいただければと思いますよー。