Hereticalogue

FICC LABS
www.ficc.jp/labs

- -
構想○ヶ月、制作○ヶ月のFICC LABSが公開されました。最後のほうでちょこっとロゴだけお手伝いさせていただきました。LABSは主に技術ネタを中心に扱っていくサイトで、僕もコード周りで記事を書かせていただいています。初回のエントリは先日作成したIMGARC FEED READERでも使用したGoogle AJAX Feed APIについて。ABMに使用しているRSSフィードをHTMLでパースしています。今回はJSONでデータの変換を行っていますが、これくらいシンプルなフォーマットで管理できると大分スクリプトも簡略化されると思います（と言っておきながらIMGARC...はXMLフォーマットなんですが）。
それはさておき、サイトの見所はtwitterブログパーツと（とか言うわりに自分はtwitterしてないんですが）各投稿者の謎に包まれたシルエットだと思います。

-
FICCラボは、FICCが運営するWebに関する話題を扱うブログです。
実際の業務の中で行った試みや、採用した新しい技術などの共有を目的としています。扱う内容はFlash、JavaScript、CSSなどの話題から、画像編集やMovable Typeのカスタマイズ方法など広範囲に渡ります。また、今までのFICCで制作したサイトの舞台裏も解説を交えて公開予定です。

IMGARC FEED READER | Flickr and fotologue Favorite Collections
version 0.1
standardimage.jp/feedAPI

Ph : Flickr&fotologue.jp users
AD&D : Suzuki Kenichi (standardimage)

--
IMGARC FEED READERは、RSSフォーマットで配信されている、お気に入りのFlickr、fotologueなどの写真を一覧表示できるフォトRSSリーダーです。テンプレートのHTMLファイルをダウンロードしてお楽しみいただけます。

-
写真を配信するシンジケーションを持つFlickr、fotologue.jpよりフィードを取得、一覧表示するサイトテンプレートを制作しました。Google AJAX Feed APIを用いることによって、外部フィードの情報を取り扱う際に発生するSame origin policy(同一生成元ポリシー)の問題を回避することが可能になるので、今後こういったパーソナライズされたフィードリーダー的な器としてのコンテンツが作成されていくのではないでしょうか。

-
このテンプレートはダウンロードしてお楽しみいただけます。各自APIのサインアップページにて、コンテンツを設置するURLに応じたAPI Keyを取得していただき、ダウンロードされたindex.htmlファイル内にて、指定されたscript要素ないにKeyをペースト、以下のようにフィードのURLを指定してサーバーへアップすることで、それぞれ固有のフォトコレクションを作成することが可能です。

取得したAPI Keyを入力

<script type="text/javascript" src="http://www.google.com/jsapi?key=ここにAPI Keyをペースト"></script>

それぞれのフィード表示件数を入力

var resultNum = 20;

読み込みたいフィードURLを入力

<!-- FEED AREA -->
<div id="feedArea">
<div>ここにURLを入力</div>
<div>ここにURLを入力</div>
</div>
<!-- //FEED AREA -->

なお、これらのファイルおよびソースコードは実験的なものを含んでおりますので、使用はすべて自己責任でお願い致します。

download : imgarc_feedreader_v0.1.zip