先日の「jQueryを使ってTwitter IDごとに「つぶやき」をリスト表示してみる。
つぶやきのリスト表示だけでは物足りなくなってきたので、
指定したユーザーのフォロワーリストを一覧で表示できるようにしてみました。

前回同様に表示させたいユーザーのTwitterIDと表示件数を入力(もちろん半角)して
「SEARCH」ボタンをクリックすることで、該当ユーザーのつぶやきリストに加えて、
その人のフォローしている人のアイコンを一覧で表示します。

動作は以下から
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

ユーザーアイコンの横に表示される件数は
———————————————-
Friends = フォローしている人
Followers = フォローされている人
———————————————-
の数になります。

まだまだいろいろ実験段階ですがTwitterでもいろいろ遊べそうですね。

今回のデータを引っ張ってくる動作は「jquery.twitter-friends-1.0.js」ライブラリを使用。
TwitterFriends&FollowersWidget.jpg
Twitter Friends & Followers Widget – A jQuery Plugin!

TwitterAPIとして
———————————————-
http://twitter.com/statuses/friends.json → フォローしている人
http://twitter.com/statuses/followers.json → フォローされている人
———————————————-
を使用することでそれぞれの情報を取ってこれるみたい。

これらとは別に「Twitter API – jTwitter」プラグインを使用することで
指定したTwitterユーザーの情報を細かくJSONP形式で取得できるもよう。
JQuery HowTo: jQuery Twitter API plugin
Plugins | jQuery Plugins

jQuery+Twitterでもっとあれこれ遊んでみたいと思います。

ご参考までに。。。

BlackFlag
FOLLOW

Comments (0)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

jQueryを使ってTwitterつぶやきをリスト表示:Ver.2

Categories
BlackFlag are . . .
都内で活動するマークアップエンジニアによる、 Webサイト構築に関する技術やWebサービスを紹介するブログです。

jQueryをはじめとしたWebサイトを彩る技術のほか、
HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、
Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。

About BlackFlag
BlackFlag Information
FriendshipLinks