RSSなどのxmlファイルを静的なHTMLに表示させる方法あれこれ（2018.08.08追記）｜くろひつじのメモ帳
あけましておめでとうございました。本年もよろしくお願いいたします。 さて去年後半、xmlを読み込んでは切ったり貼ったりする仕事が相次いでました。 大変勉強になったので、サンプルや注意点、参考URLなどをまとめておきます。 本当にメモ書きのようなものなので、JS部分のみ抜粋してます。詳しい書き方はサンプルのソース見てくださると助かります。 Google Feed APIが廃止されたため、このページで公開されている方法の一部は使用できません。現在はPHPを使う必要がありますのでご注意ください。 （2018.08.08追記） 外部サーバのXMLファイルを読み込む 「ア○ーバブログの更新情報をサイトに載せたい！」なんて時に使えます。 Google AJAX Feed API を使う シンプルにデータ取得→HTMLに表示はこんな感じでできます。 サンプル１ ちょっと凝ったのはこんな感じ サンプル２
Google AJAX Feed API を使ってJavaScriptでサイトにRSSフィードを表示する方法
JavaScriptで別ドメインのRSSを読み込んでくるのは、 セキュリティの関連上できないって聞いていた・・・ あきらめていたのですが、 GoogleのAPIに別ドメインでも読み込めのがあったのですね！ 使うのも比較的簡単そうなので、 とりあえず試しに使ってみる事にしました。 ↑これは既にこのサイトのRSSをAPIを使って読み込んだ結果です。 Google AJAX Feed APIを使えば比較的簡単に RSSをサイトに表示することができるようです。 このサービスを利用するときに、APIキーを取得するのですが、 その時に、既にサンプルのソースを表示してくれます その表示されたサンプルは以下の通りです。 ■サンプルソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1
Google AJAX Feed APIでフィードを読み込む | Magicalog
フィードをサクっと表示できるものを探していたら、「Google AJAX Feed API」なるものを提供しているという記事を発見。 備忘録も兼ねて、メモ。 dlで表示してみる アメブロのフィードを「PR:」なしで表示する dlで表示してみる jsの内容 参考：Google AJAX Feed APIでRSSを読み込もう こちら、汎用性の高い「dl」で表示されるように作成されていました。ほとんどそのまま使えて大助かり。 とりあえずファイル名を「feed.js」として、以下を記述します。 google.load("feeds", "1"); // 読込処理 function initialize() { // 読み込むRSSのURLを設定する。 var feed = new google.feeds.Feed("ここに表示したいフィードのurl"); // 取得件数を引数に設定。 feed.
特定のラベルのサイト フィードを取得できますか。 - Blogger ヘルプ
はい。 読んでいるブログにラベルが使用されていて、サイト フィードが有効になっていれば、購読するトピックを選択できます。 ラベル フィードの書式は次のとおりです。 http://ブログ名.blogspot.com/feeds/posts/default/-/ラベル名 ブログ名には正しいブログ アドレス、ラベル名には目的のラベルを代入します。 また、URL のハイフン ("-") を忘れないでください。 この形式の URL が機能するのは、目的のブログがこの特定のラベルを使用していて、サイト フィードが有効になっている場合のみです。 ただし、特別なサイト フィード設定は不要です。 投稿用の基本的なサイト フィードが有効になっていれば、ラベル フィードも機能します。
APIキーが不要らしいので、Google Feed APIを使ってみる
Sign-up for an API Key – Google Loader — Google Developers 多分、上記のリンク先に、不要ということが書いてあるはず(英語分からない)。多分、このGoogle Loaderというものの中に、Google Feed APIも入ってるはず。左の”APIs Using the Loader”をクリックしたら、”Google Feed API”の説明ページへのリンクが表示されるし。 というわけで、最近ちょっと気になってきたので『Google Feed API』を使ってみることに。勉強をするにあたって、参考にしたサイトは以下。 Google AJAX Feed API入門 google.load("feeds", "1"); function initialize() { var amyu = new google.feeds.Feed("ht
Google AJAX Feed API入門
他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
