[JS]Twitterのツイートをブログやサイトに簡単に設置できるスクリプト -jTweetsAnywhere

サイト構築 -JavaScript

Post on:2010年10月19日

jTweetsAnywhereの主な特長

指定したユーザー（複数可）のツイートを表示。
ユーザーのリストからツイートを表示。
Twitterの検索の結果を表示（パラメータは全対応）。
@Anywhereに対応。
エンドレススクロールを使ったページングをサポート。
自動更新でリアルタイムにツイートを表示。
ツイートボックスのカスタマイズが可能。
Follow me ボタンの設置が可能。
ネイティブのリツイートをサポート。
ユーザーのプロフィールを表示。
ツイート内のリンクを検出し、自動でリンク化。
独自のスタイルシートでレイアウトのカスタマイズが可能。
書式やHTMLを変更可能。
スクリプトは軽量。

jTweetsAnywhereのデモと実装

Auto-refreshing Realtime Ticker and More Tweets
自動更新してリアルタイムにツイートを表示。

上記デモの実装は、下記のようになります。

HTML

&lt;div&nbsp;id=&quot;jTweetsAnywhereSample&quot;&gt;
&lt;/div&gt;

1 2	<div id="jTweetsAnywhereSample"> </div>

JavaScript

jquery.jsを外部ファイルとして使用します。

$('#jTweetsAnywhereSample').jTweetsAnywhere({
    searchParams: ['q=html5'],
    count: 10,
    showTweetFeed: {
        showTimestamp: {
            refreshInterval: 15
        },
        autorefresh: {
            mode: 'trigger-insert',
            interval: 30
        },
        paging: { mode: 'more' }
    },
    onDataRequestHandler: function(stats, options) {
        if (stats.dataRequestCount < 11) {
            return true;
        }
        else {
            stopAutorefresh(options);
            alert("To avoid struggling with Twitter's rate limit, we stop loading data after 10 API calls.");
        }
    }
});