RSSなどのxmlファイルを静的なHTMLに表示させる方法あれこれ（2018.08.08追記）｜くろひつじのメモ帳
あけましておめでとうございました。本年もよろしくお願いいたします。 さて去年後半、xmlを読み込んでは切ったり貼ったりする仕事が相次いでました。 大変勉強になったので、サンプルや注意点、参考URLなどをまとめておきます。 本当にメモ書きのようなものなので、JS部分のみ抜粋してます。詳しい書き方はサンプルのソース見てくださると助かります。 Google Feed APIが廃止されたため、このページで公開されている方法の一部は使用できません。現在はPHPを使う必要がありますのでご注意ください。 （2018.08.08追記） 外部サーバのXMLファイルを読み込む 「ア○ーバブログの更新情報をサイトに載せたい！」なんて時に使えます。 Google AJAX Feed API を使う シンプルにデータ取得→HTMLに表示はこんな感じでできます。 サンプル１ ちょっと凝ったのはこんな感じ サンプル２
AJAX APIs Playground
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
簡単に外部RSSをサイトに表示できるGoogle Feed API【複数RSS対応編】
前回外部のRSSをサイトに表示するのに「Google Feed API」の使い方を解説しました。前回はサイト一つ分のRSSを処理するだけでしたが、今回はご要望の多かった複数のRSSを処理する方法を解説します。 概要 ※基本的な形は前回記事と同じです。「Google Feed API」の基礎的な部分は、前回の記事を参考にして下さい。 簡単に外部RSSをサイトに表示できるGoogle Feed API【基本編】 今回は前回の内容を応用して、複数のRSSに対応するようにします。 全体の処理の流れとしては、複数のRSSを配列に格納して順番にGoogleに送信し、返ってきた全てのエントリーの内容を全部配列に格納して日付でソートかけた上で、HTML化させて表示する流れとなります。 前回と違うところは、複数のRSSをfor文で繰り返して読み込んでいるところです。表示する部分も１度配列に表示内容を全部貯め
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.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
