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でフィードを読み込む | 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.
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ページを開く
