web-log | skyphic.com

たまにはブログポイことを。。。
fotologue の PhotocastingをAjaxで作って見ました。
まだ完成度は60%位でしょうか・・・
この左側の写真が並んでいるのがそうです。

だいぶ前からでfotologueとブログとどうにか連動できないかと思っていて
ずいぶん前にFlashでfotologueのRSSリーダーを作ってました。
RSSの読み込みまでは作り後はデザイン等を考えて作りこむだけ
までにはしたのですがそれきり手を付けてませんでした。

で、今日ちょっと仕事が暇だったため開いた時間で
ブログのバージョンアップをし、さらに
今流行のAjaxによるPhotocastingを製作してみようかと。。。
Ajaxなんてまともに触ったこと無いのに（笑
色々やって見ました。

ベースにしたのはアドベのSpry！
少しいじってみて思ったのは意外に
FLASHでちまちま作るのに比べかなり楽かもと・・・
なんといってもData Set ExplorerでRSS読み込めば
簡単にRSSの必要なところを読み出せるし
さらに直接HTMLに書き出せるので扱いが楽！！

が、問題はSpryは外部のドメインのxmlが読み込めない！！
実装の段階で気づきました（笑

音ログのFLASHのRSSリーダー作ったときにつかった
PHPでの方法やコールドフュージョンも
試したのですがどれもだめでした。
しょうがないのでcronをつかってサーバーに自動的に
読み込もうと思ったのですがどうやらhetemlでは
cronは禁止されているらしくこれもだめ・・・

ので今のところフォトログの吐き出したRSSを自分でサーバーに
アップロードして動かしてます（笑
すっごいアナログ（涙

流石に今日一日でそこをクリアーするまでは出来ませんでした。
近いうちにこの辺りをクリアーしたいと思います。

ちなみに今回書いたソースはものすごい簡単でこんな感じ

アドベのからダウンロードしたxpath.jsとSpryData.jsにリンクをはり
以下を以下を記述

<script type="text/javascript">
var dsData = new Spry.Data.XMLDataSet("rss.xml", "/rss/channel/item");
</script>

でHTMLはこんな感じ

<div class="fotologue" spry:region="dsData">
<h2 class="left-ttl">fotologue</h2>
<ul class="fotologue">
<li spry:repeat="dsData" class="fotologue">
<a href="{link}" target="_blank" title="{title}">
<img src="{media:thumbnail/@url}" width="75" height="75" alt="" class="fotologue"></a>
</li>
</ul>
</div>

参考に
FLASH 音ログ
Loading data across domains
Spry

fotologue
fotologue 自分のページです