Twitterの指定キーワードのつぶやきをリアルタイムに表示してくれるサンプル

昨日?一昨日?から探している、
Twitterの検索TL表示のサンプル。

WordPressでのプラグインも、ないことはなかったが。
だったら、外部使っていいんじゃない?
ということで。
早速捜索・・・・・・・・・

ありますねぇ。。。w

リアルタイムでの表示という壁を超えたのは数少なかったですが、
その中でも、
スマートで綺麗だったのが、
この「Monitter」。
たぶんかなり古いのでなければ、jqueryあれば動くみたいなね。
なくってもZIPには同梱されてるし。
上げりゃそのまま使用できる。

サーバー依存もナシ。
(js/css/htmlだからね。)

ただ、ここはどうしようもないのかな?
IE6は不可。
まぁいっか。

ってことで以下↓

 

 

【設置サンプル】

【サンプル】
http://shelterroom.net/sample_works/Monitter/index.html

サーバー情報:
チカッパ( http://chicappa.jp/
jQueryはDrupalのものを流用、

新規UPは
http://monitter.com/widget/index.html
のZIPに含まれている、
・monitter.js
・monitter.css(追記あり)

対応範囲:
IE6=×
IE7=○
IE8=○
FF3.5=○
GC4.1=○
Opera10.51=○
safari4.0=○

<div class= id= title= lang=></div>
classは変更可能。
※ただし、JSの最後の方の行の「$('.「ココ」').each(function(e)」と同期させること。
IDは変更しないのが無難かな。
titleはmetaとか、守れば日本語はOKなよう。
langは元は「en」で検索の対象とするTweetの言語みたいなものかな?

そんな感じです。

これはいいと思うよ。

ドシンプルで。

@k_batsu

やっぱし。

そのまんまじゃ日本語は表示無理ね。

なんとか、しないとな。

さて、どうするか。

@k_batsu

嘘!

できた!ってか!
できてた!ってのが正解!

文字が黒、背景が黒で見えてなかったオチ。

あとはCSS調節でOKそうだ。

ヤッフー!

@k_batsu

新しいコメントの投稿

  • ウェブページアドレスとメールアドレスは、自動的にハイパーリンクに変換されます。
  • 行と段落は自動的に折り返されます。
  • Twitter-style @usersnames are linked to their Twitter account pages.
  • Twitter-style #hashtags are linked to search.twitter.com.

書式オプションに関するより詳しい情報...

Banner

レンタルサーバーブログランキング・にほんブログ村へ
あわせて読みたいブログパーツ