ゆるい感じでつながることができるTwitter、ネット上のカフェって感じですかね。早いもので参加して１年経ちます。Twitter ブログパーツ（Badgesカスタマイズ）と素材のエントリーリリースも昨年の４月３０日。およそ１年経ってTwitterブログパーツ（iPhone仕様）-iTwitter（iTwitter (β): a twitter feeder which looks like iPhone）が完成しました。
jQueryを使って、とてもシンプルなスクリプトとして出来上がっています。1.2からjsonの読み込みも簡単になったみたいでコードの理解もしやすいです。
ボタンをクリックすると各タイムライン切り替え表示、friendsリスト（１００人まで※今回バージョンアップ）が表示されるようになります。
追記：6月1日 Twitter APIの仕様が変わったようですね。毎回ページをリロードする度にtwitterへのログインを求める表示がでます。サイト訪問者にも表示されるようなので、しばらくの間止めておきます。もし、お使いの方がみえましたらその旨、ご了承願います。
Get the public timeline
ユーザー全員のタイムライン表示
Get the user's twitter
自分のタイムライン表示
Get the user's twitter and friends'
自分を含め友達のタイムライン表示
Get the user's friends list
friendsリスト表示（１００人まで）
Firefox,Safari,IE7はもちろんIE6でもちゃんと表示機能されます。
Twitterでやり取りをするようになったTwitter / yungsangにすべてスクリプトを作って頂きました。感謝です。
※yungsang/IE 上で透過 PNG を正しく透過させるためのライブラリIEPNGFIX.js を作成した方です。今現在は、名称PNG-TRに変更
About PNG-TR（PNG-TR について） - PNG-TR | Google グループ
デザインを私が担当し、スクリプトをTwitter / yungsangに。つい最近わがままを言って以前からリスト表示したい旨を伝えたら、あっさりと対応するように作っていただけました。
使っている画像は、すべてpngです。IEでの透過png処理（PNG-TRにて）して、その要素でのマウスイベントについても対応してあります。
1分毎に最新のタイムラインをリクエストするようにも作られていますので、リロードすることなく、最新ポストを見ることができるようになっています。
ブログパーツの設置・フラッシュ版・AIR版について紹介しておきます。
設置
上記のiframeコードでアドレス部分の末尾のアカウントのところをあなたのtwitterアカウントに変更し、コードを貼るとあなたのtwitterタイムライン、friendsリストも表示されるブログパーツとなります。
※横幅（width)265ピクセル必要です。
例えば、私の場合だと以下のようになります。
ご自由に貼ってお使いください。
Flashタイプ ブログパーツ
こちらのiTwitter SWF | YungSang'sにてフラッシュタイプが使えるように公開されています。
今現在は、iTwitter SWF 0.5.1ですが、今回のデザインにそのうち変わると思います（機能も）。右から左にスライドするようになっていて、見易さからいえば横にスライドする方がいいですね。
Adobe AIR版
AIR版もあります。iTwitter AIR 0.5ーiTwitter AIR 0.1 | YungSang'sにてダウンロードできます。デスクトップにタイムラインを表示できます。（ポストはできません。）
Photoshop making iPhone
PhotoshopでのiPhone画像の作成過程についてはこちらのフォトショップ（photoshop）の使い方：iPhoneモック作成チュートリアルをご覧ください。
movabletypeであれば、jsonの書き出しもできますよね。今回のこのスクリプトを参考に応用できるものが考え付いたら、iTwitterスクリプトについての備忘録用のメモ書きなどもアップしたいと考えています。
バージョンアップするようであれば、またエントリーアップします。スペースに余裕がある方、ぜひ貼ってみてください。（と、自分もどこに貼ろうかと検討中・・・・）
コメントする