つぶやきが流れるバナーを簡単に作成できるjQueryプラグイン
Twitterのつぶやきをヘッドラインニュースとして流したり、ブログパーツのように表示したい時、jQueryで簡単にマーキー風（文字が流れる）表示ができるプラグインを作成しました。特定のユーザーのつぶやきを流したい場合以外に、キーワードで検索してヒットしたつぶやきを流すこともできます。（※個人利用・商用利用を問わず自由に改変してご利用いただけますが、ライセンスをご理解いただき、自己責任の上でご使用ください。）
動作サンプル
対応
InternetExplorer6～8、Firefox3～、Chrome2～、Safari3～
jQuery1.3.2、1.4.2で動作確認済み。
設置方法（特定のユーザーのつぶやきを表示する）
「#twiline」は、プラグインを適用したいdivのidに置き換えてください。「search」の箇所（サンプルでは「jeia3」）に、表示したいユーザーのTwitterアカウントを入力してください。
<html>
<head>
<script type="text/javascript" src="/common/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="./twiline.js"></script>
<script type="text/javascript">
$(function() {
$( '#twiline' ).twiline({
mode: 'user',
search: 'jeia3'
});
});
</script>
</head>
<body>
<div id="twiline"></div>
</body>
</html>
設置方法（キーワードで検索したつぶやきを表示する）
「search」の箇所（サンプルでは「jQuery」）に、検索したいキーワードを入力してください。※キーワードはTwitterAPIの仕様により、大文字・小文字を問わずヒットします。
<html>
<head>
<script type="text/javascript" src="/common/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="./twiline.js"></script>
<script type="text/javascript">
$(function() {
$( '#twiline' ).twiline({
mode: 'keyword',
search: 'jQuery'
});
});
</script>
</head>
<body>
<div id="twiline"></div>
</body>
</html>
カスタマイズ
スクロール箇所のまわりは、HTMLで作成することで自由にカスタマイズできます。（サンプルを参照）
また、JavaScript部分に以下の項目を追記することで、スクロール部分・アイコン表示などをカスタマイズすることができます。
$(function() {
$( '#twiline' ).twiline({
mode: 'keyword',
search: 'jQuery',
max: 20, // TwitterAPIから読み込むつぶやきの数(標準は 10)
icon: '#icon', // アイコンを表示するdiv(jQueryのセレクタ)
link: 'a#link', // フォロー先へリンクするaタグ(jQueryのセレクタ)
time: 'before', // 書き込み時間の表示(default/before/hidden)
fontsize: 10, // 文字のサイズ(ピクセル、標準は 12px)
speed: 10 // 文字が流れるスピード(標準は 5)
});
});
時間の表示 … default＝「2010/08/16 00:00」、before＝「○○時間前」、hidden＝表示しない
ライセンスについて
GPLライセンスと商用ライセンスのデュアルライセンスとなります。GPLライセンスの定義に基づきご利用される場合は、無償でご利用できます。
商用ライセンス（商用利用）でご利用の場合は、下記のPaypalより￥1,050お支払いいただくか、
もしくは弊社Twitterアカウントをフォローしてください。（DMやリプライでご一報いただけると開発者が喜びます。）ソース内のコピーライト表記を保持する以外は、ご自由に当プラグインをご利用ください。
※Twitterのフォローは、ご使用になるアカウントよりお願いいたします。複数のアカウントでご使用になる場合は、アカウント毎にフォローして下さい。また、ライセンスをご購入いただく場合は、１アカウントでのご使用につき１点をご購入いただけますようお願いいたします。
更新履歴
- 2010.11.23 … 日付表示をデフォルト（「2010/08/16 00:00」）で使用した際に、時差が適用されていないバグを修正しました。（ver 1.2）
- 2010.12.02 … 日付表示をデフォルト（「2010/08/16 00:00」）で使用した際に、月表示が１ヶ月手前になってしまうバグを修正しました。（ver 1.3）
- 2011.03.28 … twitterAPIの仕様変更にともない、記事IDが桁溢れして記事へのリンクが切れてしまうバグを修正しました。（ver 1.4）
