2009年8月26日水曜日

[Twit] TwitterのつぶやきをブログやWebページに簡単に貼付けられるjQueryプラグイン

Twitterが大人気です。

Twiiterとブログを両方やっているなら、ブログにもTwitterのつぶやきをのせたい!という人は多いかもしれません。

というわけで、ブログやWebページにさくっとTwitterのつぶやきを貼付けられるjQueryのプラグインを作りました。

Google Code: jquery-twit
http://code.google.com/p/jquery-twit/

上のGoogle Codeのページに必要なCSSとJavascriptのファイルをzipで固めたものが置いてありますので
ダウンロードしてお使い下さい。


こんな感じです。

Loading Twitter...



使い方はいたって簡単です。

はじめに必要なファイルをインクルードします。
<link href="jquery.twit.css" type="text/css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.twit.js" type="text/javascript"></script>

つぶやきを表示したい場所に次のように書きます。
<script type="text/javascript">
$(document).ready(function () {
$('#twitter').twit('mudaimemo', {limit: 5});
});
</script>
<div id="twitter">Twitterを読み込み中...</div>

$('#twitter').twit(username, options);

usernameにあなたのTwitterのスクリーン名
http://twitter.com/[スクリーン名]
を指定するだけで利用可能です。

他にいくつかオプションを指定することが可能です。
詳しくはこちらをご覧下さい。


試してみたいけど、JavascriptとかjQueryとか全然分からないよ、という方向けにGoogle Gadgetsでガジェット版も作りました。

[Twit] TwitterのつぶやきをブログやWebページに簡単に貼付けられるガジェット

1 件のコメント:

truthjoyhope さんのコメント...

延べ3日も掛かって、ようやく望んでいたプラグインに辿り着けました!
私はJavaScriptが書けないので、提供されるものを改変して使ったりはできないのです。
ぽりったーみたいなことがしたかったのですが、複数のユーザーのタイムラインを1画面上に個別に表示するjQueryプラグインって意外と少ないんです!
このプラグインのお陰で、構想そのままのサイトが作れそうです!本当にありがとうございます!!多謝!