[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ページに簡単に貼付けられるガジェット