はてブをCoverFlowする「HatenaTunes」

iTunesのようなカバーフローエフェクトを使ってはてなブックマークを表示するサービスを作ってみました。その名は「HatenaTunes」。

HatenaTunesの使い方

右上の検索バーに「はてなID」を入力しEnterキーを押すと、そのIDのはてなブックマーク一覧が表示されます。画面上に表示されたサムネイルをクリックすると、そのページを_blankのリンクで開きます。一覧の数ですが、PC負荷の関係で10件までの表示にしています。また、サイドバーから人気エントリーや人気ニュースを選択すると、カバーフロー領域に今日の一覧が表示されます。

開発雑記

はてなブックマークのAtomを取得して、それをサムネイルサービスを使い画像を取得しています。ちょっとしたマッシュアップです。CoverFlowはFlexコンポーネントを利用。本当はAIRにしてみたかったのですが、FlashDevelopの設定が分からなかったのでWebサービスにすることにしました。Flex Builder3をBootcampのVista用で導入しようかなぁ。(なぜか私のMac OS XではFlex Builderが起動しないので。)

CoverFlowエフェクトの参考記事

• Doug McCune » Blog Archive » CoverFlow Flex Component
• [Flex]CoverFlowで遊んでみた – l4l

サムネイル画像の生成サービスの参考記事

• サムネイルAPIサービスを今更比較してみる – delab

フィードの変換ライブラリ(AS3)

• as3corelib – Google Code
• as3syndicationlib – Google Code

iTunes風のスキン

• ScaleNine : Skins and Themes for Flex and AIR