twitter widgetブログパーツ iphone版

twitterのブログパーツを作ってみたというか、Badgetのスクリプトをカスタマイズしました。jQueryを使っています。json形式のデータをリストに流し込んで、それをjQueryプラグインを使ってフェードするようにしています。

friendsタイムラインを読み込んでます。APIを見るといろんなパターンのデータを読み込むことができます。

twitter widget

本当は、タブプラグインなどを使って他のタイムラインなども表示できるようにしたかったのですが、イベントハンドラーなどまだ私には、不可解なことばかりで実装できていません。noscript時にもデザインが崩れないようにリスクマネージメントができるスクリプトが書ける方に、こんな感じのものをさらに改良してもっといいものを作ってほしいです。

もし、協力していただける方が見えましたら、twitterを使って連絡くださいな。よろしくお願いします。my profile

今回使用しているプラグイン

InnerFade with jquery: http://medienfreunde.com/lab/innerfade/
jQuery: The Write Less, Do More, JavaScript Library: http://jquery.com/

今回使用しているプラグイン

Tabs - jQuery plugin for accessible, unobtrusive tabs: http://www.stilbuero.de/jquery/tabs/

このプラグインの"Custom HTML structure"を使えば、noscript時にもデザインが崩れる心配はない。ただ、タブをクリックした時にフォーカスされるcontainerに他のタイムラインやfriends_listなどの読み込みスクリプトを記述するなどといったことが、今の私のレベルでは無理なので、誰かに協力してもらいたいところ。

Twitter APIについて

以下のページから詳細を知ることができます。かなり理解しやすいので、いろんな情報を取り込めます。

API Documentation - Twitter Development Talk | Google グループ: http://groups.google.com/group/twitter-development-talk/web/api-documentation

情報

簡単に説明だけしておきます。

フォーマットの種類

XML,JSON,RSS,Atomのフォーマットで情報を使うことができます。今回このブログパーツはjson形式で読み込んでいます。

情報の種類

細かい取得設定もできますが、今回は省きます。XML,JSON,RSS,Atomのフォーマットで情報を取得できるのは以下となります。

public_timeline: twitterユーザー全員の発言内容情報を取得できます。(最新２０件）; http://twitter.com/statuses/public_timeline.（お好きなフォーマット）
friends_timeline: あなたのお友達の発言内容情報を取得できます。(最新２０件）; http://twitter.com/statuses/friends_timeline/（あなたのtwitterユーザーネームor ID-NO.）.（お好きなフォーマット）
user_timeline: あなただけ発言内容情報を取得できます。(最新２０件）; http://twitter.com/statuses/user_timeline/（あなたのtwitterユーザーネームor ID-NO.）.（お好きなフォーマット）; user_timelineについては、countで取得件数を１件から２０件までの間で設定できます。sinceを使えば、設定時刻からの発言を取得できます。
friends: あなたの友達のリスト情報を取得できます。; http://twitter.com/statuses/friends/（あなたのtwitterユーザーネームor ID-NO.）.（お好きなフォーマット）
followers: あなたをfollowしてくれているユーザーリスト情報を取得できます。; http://twitter.com/statuses/followers/（あなたのtwitterユーザーネームor ID-NO.）.（お好きなフォーマット）

WEBデザイン　BLOG: http://weblibrary.s224.xrea.com/weblog/