ニュース見るのも面倒な人向けにGoogle feed API 使ってアンテナサイト作ってみました。

  • 公開日：2011å¹´7月20æ—¥
  • カテゴリ：Googleネタ

susiclanweb

日々新しい情報が掲載され、どれが本当にフレッシュな情報なのかソース元さえも不明な昨今に疲れてきている susi-paku ('A') です。

先日、twitterでもツィートしましたGoogle Feed APIを利用したアンテナサイトを作ってみましたよ。

SUSICLAN WEB：めんどくさがりの為のアンテナサイト

更新されたサイトをまとめて表示

PCやタブ上で自分のお気に入りサイトを閲覧する時、サイトごとブラウザで確認したりリーダー入れて新着見るのが面倒になってきたのでアンテナサイトを作ってみました。

R0017504

Google　Feed　API　を利用して、他のサイトのRSSを引っ張る → サイトに表示させれるわけです。

wordpress であれば、MagpieRSSで外部RSSを表示 « Blog × Play Under World　を利用して簡単にできるみたいですが、、、 今回構築させていただきますmovabletype にはそのような便利で重宝するプラグインがありませんので、Google 先生のお力が必要となります。('A')

nodu000726

とまぁ、その前に SUSICLAN WEB　の詳細を説明しますと　全部で10カテゴリ（巡回用入れると11）に分類しております。

HOME(巡回用)｜susi-paku　の巡回用サイト
2chまとめ系｜好きな２chまとめサイト
ニュース総合｜GIGAZINEなどニュース総合サイト
ネタ動画系｜youtubeなどにアップされた動画を紹介するサイト
奇想天外系｜閲覧注意系が多いサイト
ライフハック｜日々生きていく上でのプラスワン的な記事
WEB制作総合｜WEB制作者は絶対読んでおく系
WEBデザイン系｜WEBデザイン系の情報サイト
便利ツール系｜便利なツールやアイテムを紹介するサイト
WEBクリエイターさん｜susi-pakuが好きなWEBクリエイターさん
フォトグラファーさん｜素敵な写真を撮ってるフォトグラファーさん

上記のように、WEB制作よりでマニアックなネタ系サイトが多いラインナップになっております。

nodu000727

サイトを開くと、ローディングアイコンが表示され各サイトのRSSを取得します。稀に取得画面から動かない時は更新してあげてください。('A')

movabletype を利用して他サイトのRSSをカスタムフィールドで作ってみる。

Google feed APIを利用してRSSを取得するのは非常に楽なんすね。

nodu000728

参考にさせていただいたサイトさん
２次元ブログ Google AJAX Feed APIで複数ブログを更新順に並べる

Google AJAX Feed APIを使ってアンテナサイトを作ってみる

みつばち荘 :: Google AJAX Feed APIを使って複数サイトのフィードを取得し、新着順に並べる

Google AJAX Feed API で複数のブログからフィードを取得して、しかも日付順に並び替えるコード - くらげだらけ（くだくらげのBLOG）

んで、主にこちらのサイトで紹介しております

nodu000729


複数フィードの取得 - Google AJAX Feed API入門

var feedControl = new google.feeds.FeedControl()を利用してRSSを取得して、一括で管理できるわけなんですが、これがエラー吐くわ、取得できても記事の一部分やら、自動ソートされないわで全く使えないわけなんですね。

nodu000730

オワタあんてな ニュー速ンテナサイトでは見やすさとシンプルさで秀逸だなぁっと感じているオワタアンテナの新着順に掲載している部分（インフレーム）なんかは組める事は組めるのだけど、サイトが表示されなかったりと不安定この上なしなわけです。以上を踏まえて作り直し。movabletype のカスタムフィールドから　RSS入力フィールド・記事数・コメント・などを作って　コードに直接書いてしまおうとするわけです。（邪道だけどね）

nodu000724

メリットとしては、feedControlでは記事数をサイト単位で変更できない為　カテゴリで仕切るかの方法しかできないわけね。例えばこのサイトは更新頻度が多いから記事は７個表示させたい。このサイトは更新が遅いから記事は３つでもOKみたいな設定がカスタムフィールド上でできるわけです。

nodu000725

あとは、記事の投稿＝登録サイトにすれば　サイトの削除やカテゴリの登録などいちいちhtml出さなくても行える感じ。一応この記事書いている現在　８０サイト程登録されております。ってなわけで、携帯回線でもすぐに表示できるようシンプルに作ってます。（時間があったら、jquerymobile使ってモバイル用も作ってみたいと思います。）

susiclanwebbbs

半分以上　自己満足なサイトですけども、『なかなか良いサイトだなぁー』っと少しでも感じられましたら。Google +　ボタンをポチッと　もしくはブクマして頂けると幸いです。('A')ノ　おしまい

前の記事

真夏の避暑地に…西東京にある名水百選の御岳渓流へ足を運んでみました。

次の記事

Google+(プラス)便利なツール・招待や仕様など使ってみた感想や思った事を書いてみました

「Googleネタ」に関連する記事

高評価のGoogle+(プラス)用Android版アプリをLightTabで使用してみたレビュー.

写真加工のトレンドを押さえたGoogle+の画像編集が意外と高機能でよかった。.

Google+(プラス)が新機能！ブログや記事に設置したプラス1ボタンから直接コメント共有できる機能.

Google Plus(プラス) 返信や文字装飾・PMにサークル分けなど知ってて役立つ機能をまとめてみた.

Google砲！記念日ロゴ(ホリデーロゴ)の検索ワードで表示されるアドセンス広告の見積もりがすごいことに.

Google+(プラス)プロジェクトに参加できたので、いろいろ使ってみました。.

Google+(プラス)招待制廃止で一般利用開始に！ストリーム内を検索できるなど機能をまとめてみた.

Google マップに天気予報が追加！世界の天気や雲の流れも確認できる新機能を使ってみた。.

Google+(プラス)実名登録は必須なの？アカウント削除されるの？などの対策や気になる事をまとめてみた.

オススメの記事