twitterのつぶやき一覧を表示させるjQueryプラグイン・jTweetsAnywhereを試してみた

最近勉強中のjQuery。

head内にcssとjsを読み込み

<!--css-->
<link type="text/css" href="jquery.jtweetsanywhere-1.2.1.css" rel="stylesheet" />
<!--js-->
<script src="jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.jtweetsanywhere-1.2.1.min.js" type="text/javascript" charset="utf-8"></script>

jqueryのスクリプト

自分のつぶやきを表示させてみる

$(function(){
	$('#tw').jTweetsAnywhere({
		username:'tanaka8com',
		count:10,
		showFollowButton:true
	});
});

id指定したhtmlタグ

<div id="tw"></div>

出力

デフォルトのCSSでそれなりに整形される。表示のカスタマイズも自由にできる。

参考サイト

プラグイン本家 ダウンロード先
デモで表示のバリエーションも確認できる。
http://thomasbillenstein.com/jTweetsAnywhere/

日本語での詳しい解説
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jtweetsanywhere.html

参考図書

こちらにも紹介あり。

jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践
西畑一馬 中村享介 徳田和規
インプレスジャパン
売り上げランキング: 9540
スポンサーリンク

シェアする

フォローして更新を受け取る

スポンサーリンク