
jQueryでTwitterのリストを取得して指定メンバーのつぶやきを表示する
急速にTwitterが広がり、会社のTwitterはもちろん最近では営業一人一人がTwitterのアカウントを持っているケースもあるのではないでしょうか。
ここではjQueryを使用してばらばらのTwitterアカウントのつぶやきをまとめて表示する方法をご紹介します。
- 投稿日
- 更新日

急速にTwitterが広がり、会社のTwitterはもちろん最近では営業一人一人がTwitterのアカウントを持っているケースもあるのではないでしょうか。
ここではjQueryを使用してばらばらのTwitterアカウントのつぶやきをまとめて表示する方法をご紹介します。

Ajaxとは画面遷移なしで、データを取得したり表示したりできるあれです。最近のWebアプリケーションでは必須な技術らしいです。
知識としては知っていたものの実際使ったことがなかったので、かなり今更感が高いですが挑戦してみます。

jQueryUIはドラック&ドロップなどのアクション、アコーディオンやダイアログなどのグラフィカルなユーザーインターフェイス、フェードインアニメーションのエフェクトなどがセットになったjQueryのプラグイン群です。
またプラグインの他にも高品質なテーマファイルもセットになっているので、あまりオープンにしないサイトの管理画面でしたら、そのまま使用しても問題ないのではないかなと。

「CakeDC search plugin」はCakePHPで簡単に検索機能を実装できるプラグインです。
シンプルに使用する分には本当に簡単ですが、一つのinputから複数のモデルとか、HABTMの検索とかしてえなとか考えてたら、僕程度のレベルではやはりというか、いつものようにはまってしまったのでメモしておきます。
CakePHPのバージョンは1.3です。

メディアライブラリでカテゴリ分けを可能にするプラグイン「Media Library Categories」のご紹介です。
この記事ではWordpressのバージョンは3.1です。
Media Library Categoriesのバージョンは1.0.2を使用します。

最近はCSS3のWebfontとか出てきて英数字においてはフォントの自由度はかなり増えてきましたね。
日本語の環境でもブログの日付なら数字だけなので積極的に使っていけそうです。
しかし、ここではそんな時代の波に乗り遅れてWordpressの日付部分を画像で出力してみます。

CakePHPではアクションごとにViewを作成しますが、headerやfooterはlayoutsで書くのですべて共通になっていると思うんですよ。
で、このアクションではこのcssを読み込ませたいなと考えたとこでちょっとだけつまずきました。

Twitterのトップページは人気のツイートが次々とスライドして表示されてますね。
この記事ではjQueryを使用して見た目のスライドするだけの部分を再現してみたいと思います。

MacPortsでなんとかPHPを動かしたり、MySQLをいれたりできたのですが、ここまできたら次はフレームワークですよねと。CakePHPですよねと。
Windows(XAMPP)だと特に問題なくできましたが、Macでやったらまたまたはまってしまったのでメモです。

以前「jQueryで簡単に作れるマウスオーバーでアニメーションするボタン5種」という記事を書きましたが、画像メニューでわりと横型に並べたナビゲーションが多かったので、今回はテキストタイプの縦型ナビゲーションオンリーで作成してみました。
基本的にやってることは画像タイプのものとあまり変わらなかったりしますが……。