Twitter TIPS
Twitterのメッセージをページに載せられるJavaScript「Twitter.js」
ブログシステムは色々ありますが、WordPress、Movable Type, Xoopsと世間には沢山のフリーCMSシステムがあります。
(プロバイダー提供のブログシステムは、使用できないことがあります。)
自分でカスタマイズできるのが魅力で、リテラシーがある程度あればそこそこのサイトを作ることができるのです。
どれもサーバーにダウンロードしたファイル一式をアップロードして、データベースを構築して・・・・と色々順番があります。(ここでは割愛します)
そのように製作されたブログに、自身のTwitを同期させて掲載することが簡単にできるようになっています。
冒頭にもありましたが、Twitter.jsを使えばJavaScriptオンリーでTwitterのメッセージが載せられるのです。
一つ目実装方法は以下の2ステップで簡単です。
HTMLコンテナの定義
表示させたい位置に以下のHTMLコードを記述
<div id="tweet">
<p>Please wait while my tweets load <img src="./images/indicator.gif" /></p>
<p><a href="http://twitter.com/rem">If you can't wait - check out what I've been twittering</a></p>
</div>
JavaScript 記述
表示用のJavaScriptコードを記述
<script src="/twitter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
getTwitters('tweet', {
id: 'rem',
count: 1,
enableLinks: true,
ignoreReplies: true,
clearContents: true,
template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});
</script>
ブログシステムは色々ありますが、WordPress、Movable Type, Xoopsと世間には沢山のフリーCMSシステムがあります。
(プロバイダー提供のブログシステムは、使用できないことがあります。)
自分でカスタマイズできるのが魅力で、リテラシーがある程度あればそこそこのサイトを作ることができるのです。
どれもサーバーにダウンロードしたファイル一式をアップロードして、データベースを構築して・・・・と色々順番があります。(ここでは割愛します)
そのように製作されたブログに、自身のTwitを同期させて掲載することが簡単にできるようになっています。
冒頭にもありましたが、Twitter.jsを使えばJavaScriptオンリーでTwitterのメッセージが載せられるのです。
HTMLコンテナの定義
表示させたい位置に以下のHTMLコードを記述<div id="tweet">
<p>Please wait while my tweets load <img src="./images/indicator.gif" /></p>
<p><a href="http://twitter.com/rem">If you can't wait - check out what I've been twittering</a></p>
</div>
JavaScript 記述
表示用のJavaScriptコードを記述<script src="/twitter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
getTwitters('tweet', {
id: 'rem',
count: 1,
enableLinks: true,
ignoreReplies: true,
clearContents: true,
template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});
</script>




