<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Feed and Feed</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/" />
    <link rel="self" type="application/atom+xml" href="http://www.branberyheag.com/feedandfeed/atom.xml" />
    <id>tag:www.branberyheag.com,2007-07-16:/feedandfeed//3</id>
    <updated>2008-02-05T05:08:15Z</updated>
    <subtitle>Google AJAX feed APIを利用したフォトRSS Reader（RSS リーダー）のFeedandFeedの紹介ページです。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.1</generator>

<entry>
    <title>Outline</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2007/07/outline.html" />
    <id>tag:www.branberyheag.com,2007:/feedandfeed//3.2</id>

    <published>2007-07-15T12:27:56Z</published>
    <updated>2007-08-29T09:50:59Z</updated>

    <summary><![CDATA[ &nbsp; このツールは、filckerやfotologueのお気に入りのユ...]]></summary>
    <author>
        <name>isao</name>
        
    </author>
    
        <category term="概要" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        <![CDATA[<p><img alt="sample.jpg" src="http://www.branberyheag.com/feedandfeed/images/sample.jpg" height="195" width="300" /></p>

<p>&nbsp;</p>

<p>このツールは、filckerやfotologueのお気に入りのユーザーの写真をRSSを利用して写真を一覧表示できるフォトRSSリーダーです。ウェブページをサーバにアップロードするように設置するだけです。RSSのアドレスをHTML上に記述するだけで動きます。必要な知識は、CSSとHTMLさえ分かれば、自分の好きなカテゴリーに分けることもできます。</p><p><br /></p><p><b>お知らせ</b><br /></p>近々、サイトをリニューアルします。<br />しばらくは、こんな状態ですが、ご勘弁を。<br />

<p>&nbsp;</p>

<p><strong>Feed and Feedのdemoは<a href="http://www.branberyheag.com/feedtofeed/">こちらから</a></strong><br /></p>
<p><strong>Feed and Feedのダウンロードは<span class="mt-enclosure mt-enclosure-file"><a href="/feedandfeed/software/feedtofeed_20070717.zip" 　onclick="javascript:urchinTracker('/feedandfeed/software/feedtofeed_20070717.zip');">こちらから</a></span></strong></p>
]]>
        <![CDATA[<p><br />
</p>]]>
    </content>
</entry>

<entry>
    <title>特徴</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2007/07/post.html" />
    <id>tag:www.branberyheag.com,2007:/feedandfeed//3.3</id>

    <published>2007-07-15T12:31:25Z</published>
    <updated>2007-07-15T15:47:48Z</updated>

    <summary>Javascriptで作られていますので、お持ち物ホームページがPHPなどのアプ...</summary>
    <author>
        <name>isao</name>
        
    </author>
    
        <category term="概要" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        Javascriptで作られていますので、お持ち物ホームページがPHPなどのアプリケーションがインストールされていないサーバでも動きます。CSSの知識があれば簡単にデザインを変更ができます。また、Javascriptを書き換える必要はありません。

このツールは、Google AJAX Feed APIというWebサービスを利用しています。Google AJAX FeedのAPIを取得する必要があります。
        
    </content>
</entry>

<entry>
    <title>APIkeyを取得</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2007/07/apikey.html" />
    <id>tag:www.branberyheag.com,2007:/feedandfeed//3.4</id>

    <published>2007-07-16T00:19:06Z</published>
    <updated>2007-07-16T12:15:49Z</updated>

    <summary>Google AJAX APIでAPIkeyを取得します。 このツールを置くホー...</summary>
    <author>
        <name>isao</name>
        
    </author>
    
        <category term="設定について" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        <![CDATA[Google AJAX APIで<a href="http://code.google.com/apis/ajaxfeeds/signup.html">APIkey</a>を取得します。
このツールを置くホームページのURLを入力して、チェックを入れて下にある「Generate API Key」というボタンを押すと「Your key is:・・・」という項目の下にあなたのホームページのAPIkeyが表示されます。
それを「index.html」を開いて
<small><pre>&lt;script type="text/javascript" src="http://www.google.com/jsapikey=★"&lt;/script&gt;</pre></small>

★マークにAPIkeyをいれてください。]]>
        
    </content>
</entry>

<entry>
    <title>RSSフィードについて</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2007/07/rss.html" />
    <id>tag:www.branberyheag.com,2007:/feedandfeed//3.5</id>

    <published>2007-07-16T00:21:08Z</published>
    <updated>2007-07-16T12:16:35Z</updated>

    <summary>APIKeyを取得しました。 これから取得したいフィードのURLをしていきます。...</summary>
    <author>
        <name>isao</name>
        
    </author>
    
        <category term="設定について" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        <![CDATA[APIKeyを取得しました。
これから取得したいフィードのURLをしていきます。

メモ帳で「index.html」を開くと

&lt;div id="feedArea"&gt;の中に&lt;div class="feedurl"&gt;

というタグがあります。フィードを挿入する場所は、class="feedurl"という
クラスタグを&lt;div&gt;に入れます。そうすることで、自動的にフィードを取得してきてくれます。

<small>
注意：ここでfilckerのRSSを取得する際、

http://api.flickr.com/services/feeds/photos_public.gne?id=番号を挿入@N00&format=rss_200

上記のようなURLでない場合は、filckerユーザのid番号を「番号を挿入」の場所に入れてください。

fotologueについては、RSSをそのまま使えます。
</small>


]]>
        
    </content>
</entry>

<entry>
    <title>カテゴリー設定について</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2007/07/post-1.html" />
    <id>tag:www.branberyheag.com,2007:/feedandfeed//3.6</id>

    <published>2007-07-16T12:21:03Z</published>
    <updated>2007-07-16T12:45:24Z</updated>

    <summary><![CDATA[カテゴリーを最大4つまで分けることができます。 "&lt;div　id="fee...]]></summary>
    <author>
        <name>isao</name>
        
    </author>
    
        <category term="設定について" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        <![CDATA[カテゴリーを最大4つまで分けることができます。

"&lt;div　id="feedArea&gt;と&lt;div　class="feedurl"&gt;に番号をつけることによってカテゴリー分けします。例えば、下記のように記述します。

&lt;div id="feedArea"&gt;
&lt;div class="feedurl"&gt;フィードするURLを入れる&lt;/div&gt;
&lt;/div&gt;


また、ナビゲーションに名前もつけることができます。
&lt;div id="navigation"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#feedArea" class="feedArea"&gt;カテゴリー1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#feedArea2" class="feedArea2"&gt;カテゴリー2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#feedArea3" class="feedArea3"&gt;カテゴリー3&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#feedArea4" class="feedArea4"&gt;カテゴリー4&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#header" class="feedArea5"&gt;すべて表示する&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

div#navigationのclass名とフィードのid名を同一にすることで切り替えができます。
]]>
        
    </content>
</entry>

<entry>
    <title>デザインの変更について</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2007/07/post-2.html" />
    <id>tag:www.branberyheag.com,2007:/feedandfeed//3.7</id>

    <published>2007-07-16T12:49:25Z</published>
    <updated>2007-07-16T12:54:01Z</updated>

    <summary><![CDATA[Feed and Feedは、CSSでデザインされています。 &lt;div&g...]]></summary>
    <author>
        <name>isao</name>
        
    </author>
    
        <category term="カスタマイズ" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        <![CDATA[Feed and Feedは、CSSでデザインされています。
&lt;div&gt;のクラス属性やid属性を変更しなければ、デザインを変更しても問題はないです。
]]>
        
    </content>
</entry>

<entry>
    <title>免責事項</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2007/07/post-3.html" />
    <id>tag:www.branberyheag.com,2007:/feedandfeed//3.8</id>

    <published>2007-07-17T10:24:59Z</published>
    <updated>2007-07-17T10:31:19Z</updated>

    <summary>Feed and Feedを商用で利用する場合は、一度ご連絡をください。 デザイ...</summary>
    <author>
        <name>isao</name>
        
    </author>
    
        <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        <![CDATA[<p>Feed and Feedを商用で利用する場合は、一度ご連絡をください。<br /><br />
デザインを変更した再配布やJavascriptを変更して再配布をする場合は、こちらのサイトをリンクしてください。Feed and Feedの利用によって発生する如何なる損害についても本サイトは関知しません。
<br /><br />
RSSで集めた写真は、そのユーザーさんたちに著作権があります。写真の再配布や改変することはできません。<br />
Feed and Feedの利用によって発生する如何なる損害についても本サイトは関知しません。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>バージョンアップの予定</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2007/08/post-4.html" />
    <id>tag:www.branberyheag.com,2007:/feedandfeed//3.9</id>

    <published>2007-08-03T06:56:00Z</published>
    <updated>2007-08-03T06:59:55Z</updated>

    <summary>今後、バージョンアップの予定をいくつかしています。作った本人が言うのもあれですが...</summary>
    <author>
        <name>isao</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        <![CDATA[今後、バージョンアップの予定をいくつかしています。<br>作った本人が言うのもあれですが、スクリプトが汚いのでオブジェクト指向を取り入れてもう少しすっきりとしたスクリプトにしたいです。あとは、フィードURLの入力を外部ファイル化しようと思います。やっぱり、HTMLにフィードURLを入れるのは敷居を高くしていそうなので、これをCSVファイルかテキストファイルにします。<br><br>また、何かリクエストがあればコメント欄にご報告ください。<br> ]]>
        
    </content>
</entry>

<entry>
    <title>Feed and Feed2</title>
    <link rel="alternate" type="text/html" href="http://www.branberyheag.com/feedandfeed/2008/02/feed_and_feed2.html" />
    <id>tag:www.branberyheag.com,2008:/feedandfeed//3.730</id>

    <published>2008-02-05T04:33:27Z</published>
    <updated>2008-02-05T05:08:15Z</updated>

    <summary>Feed and Feedをリリースして半年くらい経った。どれくらいの人がダウン...</summary>
    <author>
        <name>isao</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.branberyheag.com/feedandfeed/">
        <![CDATA[Feed and Feedをリリースして半年くらい経った。<br />どれくらいの人がダウンロードしてくれたのかは分からないけど、新しいバージョンも作ってみた。まだ、試作品の段階なので、Firefoxではうまく動かない。IEかsafariで見てもらうといいかもしれない。<br />まだまだコンセプト段階。これからいろんなテクノロジーを使ってFeed and Feedを作ってみたい。<br /><br />よかったら、ぜひみてね。<br /> ]]>
        <![CDATA[<a href="http://www.branberyheag.com/feedandfeed2/">Feed and Feed2</a>]]>
    </content>
</entry>

</feed>
