Google AJAX Feed APIに関する記事のまとめ

Google AJAX Feed APIについての記事がたくさん溜まってきてどこに何があるか分からなくなってきたのでまとめてみました。大きく分けて3種類あるので順番に紹介していきます。

Google AJAX Feed APIでRSSフィードを表示

【表示例】
これが一番基本的なもので融通も利きます。表示する記事数は自由に変更できますが、表示するフィードはひとつです。まず日付を表示するにはこちら。 これだとはてなブックマークを表示することもできます。このブログのフッターでも使ってますが結構気に入ってます。

Google AJAX Feed APIでRSSフィードをタブで表示

【表示例】
loading...
次はタブ方式で複数のフィードを表示することができます。表示する記事数は自由に変更できます。上のものは全て表示していますが、投稿時間、投稿者、本分などはCSSによって非表示にできます。

Google AJAX Feed API - Dynamic Feed ControlでRSSを表示

【表示例】
Loading...
最後はこちらです。マウスを乗せると記事の内容が表示されます。これについても複数のフィードを表示することができます。 表示方法についてはCSSで変更することもできます。こちらについては左に本文を、右にタイトルを表示しています。 CSSを変更するにあたって知っておきたいDynamic Feed Controlの仕組みについてはこちらに載せてあります。これを見れば投稿時間や投稿者を非表示にすることができます。 以上がこのブログで紹介したGoogle AJAX Feed APIに関する記事のまとめです。まとめてみると意外と少なかったけど皆さんのお役に立てれば幸いです。
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
こんにちは。
本当に素晴らしくてすぐに使わせていただきました。

タブにつきまして、お一つお聞きしたいのですが
タブの段落を変えて1段目と2段目というような2段構えの表示の仕方は可能でしょうか?

もしよろしければ、ご教授のほどよろしくお願いいたします。
お忙しいとは思いますが、どうぞよろしくお願いいたします。
【2010/12/16 15:03】 | ぽち #- | [edit]
ぽちさま

この記事がお役に立てて幸いです。

タブを2段に並べるということでしたらCSSでできるかもしれません。
「スタイルシートでGoogle AJAX Feed APIの表示方法をカスタマイズ」
のページを参考にタブに該当するスタイルを
float:none
などに設定してあげると右に並ばず下に並ぶと思います。

あと単純にタブの数が多くなると2段に表示されます。
【2011/01/06 20:43】 | 管理人 #E2ywrYdA | [edit]
大変わかりやすく解説してあり、表示例もあって初心者の私にとっては大変参考になりました。

一つ素人としての質問なのですが、「Google AJAX Feed API - Dynamic Feed ControlでRSSを表示」において、複数のフィードを全部を読み込んでからまとめて出力するようになっていると思うのですが、場所を変えて個別に表示させることは可能でしょうか?

お時間のあるときで構いませんのでお教え願えれば幸いです。
【2011/06/30 21:15】 | つん #I1zRJL9c | [edit]
おはようございます。

複数設置する方法ということでよろしいでしょうか?

それでしたら可能です。
ただ、id名が重複すると表示されなくなるので
id名を変える必要があります。

サンプルではidが「feedControl」となっていますので
それを「feedControl2」などに変更すると何個でも設置できます。

ちなみに変更箇所は次の2箇所です。

⇒ new GFdynamicFeedControl(feed, "feedControl", options);
⇒ <div id="feedControl">Loading...</div>


ご質問の意図と違ったら遠慮なく仰ってくださいね。
【2011/07/01 04:55】 | 管理人 #E2ywrYdA | [edit]
いつも参考にさせて頂いてます
Google AJAX Feed APIですが、すばらしいサンプルを参考にし
「Dynamic Feed Controlで複数のRSSを表示」を利用していたのですが
機能的に複数サイトのRSSは取得するものの
サンプルの様なサイト毎にカテゴリ分けをせずに

「Google AJAX Feed API - Dynamic Feed ControlでRSSを表示」
の様にリスト表示したいのですが、
自分で変えたところうまくいきませんでした。

ご教授頂ければ幸いです
【2011/07/28 13:47】 | かず #ZtyhQPTk | [edit]
かずさん

参考にしていただきありがとうございます。

複数のフィードをまとめて、時系列に1つのリストで表示するということでしょうか?
それでしたらgoogle AJAX Feed APIを使った方法だとできないと思います。
google AJAX Feed APIはフィードを読み込んでそのまま吐き出すだけですのであまり複雑な操作はできません。
あったら便利ですけどね。

MagpieRSSなんかを使うとできると思いますが
ハードルはかなり高くなると思います。
【2011/07/29 07:57】 | 管理人 #E2ywrYdA | [edit]
管理人様お返事有難うございます

「Google AJAX Feed API 複数サイト」で検索すると複数ヒットし
不可能ではなく実際に運用してます

それにプラス御サイトの
http://weboook.blog22.fc2.com/blog-entry-80.html
の様に表示出来れば・・・と思ったしだいです
【2011/07/30 10:28】 | かず #ZtyhQPTk | [edit]
言葉足らず、勉強不足ですいません。

このページで紹介されている3つの方法の中で
最初の方法をカスタマイズすれば可能かと思います。

http://weboook.blog22.fc2.com/blog-entry-35.html

ただ、かなり知識がないと難しい作業だと思います。

後の2つについてはやっぱりできないのかなと思います。
【2011/07/30 16:26】 | 管理人 #E2ywrYdA | [edit]
feed apiでフィード取得成功時、配列に入れておき、表示時にその配列をソートして、配列をリスト表示させると実現できるのではないでしょうか?
自分はこの方法でリスト表示させています。
【2011/08/17 04:33】 | とおりすがり #- | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加