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

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

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

nodu000727

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

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

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

nodu000728

参考にさせていただいたサイトさん
2次元ブログ 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では記事数をサイト単位で変更できない為 カテゴリで仕切るかの方法しかできないわけね。例えばこのサイトは更新頻度が多いから記事は7個表示させたい。このサイトは更新が遅いから記事は3つでもOKみたいな設定がカスタムフィールド上でできるわけです。

nodu000725

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

susiclanwebbbs

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