<p class="thumb"><img src="http://web-marketing.zako.org/images/2009/12/EmTweet.png" alt="Twitterのつぶやきをサイトへクールに表示する「EmTweet」" title="Twitterのつぶやきをサイトへクールに表示する「EmTweet」" width="514" height="204" class="alignleft size-full wp-image-11168" /></p><p>ブログやサイトにTwitterでの自分のつぶやきや、検索結果を表示させているサイトが増えてきていますよね。</p><p>そのため、他とは違う物がよいとか、邪魔にならない部分へ表示させたいといったニーズもあるはず。</p><p>そんなことを実現してくれるjQueryプラグインをご紹介。</p><!--more--><h3 class='header-label'>Twitterのつぶやきをサイトへクールに表示する「EmTweet」</h3><p>「<a class='web-site-link' href="http://emtweet.com/index.php" onclick="window.open('http://emtweet.com/index.php'); return false;">emTweet</a>」は、<strong>サイト上にTwitterユーザー名で絞り込んだつぶやきや、検索結果の最新のつぶやきをサイトの右上の部分に表示してくれるjQuery プラグイン。</strong></p><p>いくつかの項目を設定するだけで、カンタンにjQueryのコードを発行してくれます。</p><h4 class='tips'>表示サンプル</h4><p class="picture"><img src="http://web-marketing.zako.org/images/2009/12/EmTweet3.png" alt="EmTweetの表示サンプル" title="EmTweetの表示サンプル" width="400" height="196" class="alignleft size-full wp-image-11173" /> ↑このページにも表示させていますが、画像のように最近のつぶやきを表示させることが可能です。</p><h4 class='tips'>カンタン設定</h4><p class="picture"><img src="http://web-marketing.zako.org/images/2009/12/EmTweet1.png" alt="EmTweet 設定ページ" title="EmTweet 設定ページ" width="400" height="201" class="alignleft size-full wp-image-11175" /> ↑主要な部分を設定するだけでタグを発行。</p><p><a class='web-site-link' href="http://emtweet.com/generate.php" onclick="window.open('http://emtweet.com/generate.php'); return false;">設定ページ</a>で、検索結果や、検索のタイプ（ユーザー名か一般のTwitter検索）などを設定し、「Generate ～～」ボタンを押すと、サンプルの表示と、タグの発行をしてくれるので、タグを &lt;/body&gt; の前に設置すればOKです。</p><p>たとえば、<a href="http://twitter.com/#search?q=%23ht03a" onclick="window.open('http://twitter.com/#search?q=%23ht03a'); return false;">#ht03a</a>の検索結果を表示させたい場合は、「Search Query To Use:」の欄に ht03a と入れておけば良いようです。</p><p>つぶやき表示の背景画像の変更や、表示時間、フォントの設定も可能になっています。</p><p>興味のある方は、<a class='web-site-link' href="http://emtweet.com/index.php" onclick="window.open('http://emtweet.com/index.php'); return false;">emTweet</a>へどうぞ。</p><p>Twitterの表示方法もさることながら、jQuery のタグをカンタンに発行してくれる手法もなかなか良いですね。これぞ jQuery をブログパーツのように手軽に使える手法！？</p><p>Via：<a class='web-site-link' href="http://delicious.com/url/2189558b67c5d56da77b5b3c05213ac3" onclick="window.open('http://delicious.com/url/2189558b67c5d56da77b5b3c05213ac3'); return false;">delicious</a></p>