ブックマーク / dogmap.jp (2)

  • Google AJAX Feed API - dogmap.jp

    みなみさんが静的ページに WordPress の新着記事一覧を表示する方法を急募していた。 これを実現するために JavaScriptRSS フィードを取得して表示する方法を調べたので、自分用にメモ。 使用するのは Google AJAX Feed APIGoogle AJAX Feed API を使用するには、APIキーが必要。 Google Map を利用する際に取得した API キーがあれば使えるが、無ければGoogle AJAX Feed API への登録をしておこう。 まずは、Google API のロード。 <head>内に以下の記述を追加して、Google API をロードしよう。 ※ YOUR_KEY_HERE には取得しておいたGoogle AJX Feed API のキーをセットする。 <script type="text/javascript" src="h

    Google AJAX Feed API - dogmap.jp
    koide09
    koide09 2009/10/27
    wordpress
  • WordPress の更新情報を JSONP 形式で出力 - dogmap.jp

    さて、昨日のエントリの続き。 「Googlle AJAX Feed API なんて外部のサービスに依存したくないんじゃ!」という人のために、昨日と同様のことを自前で行うための方法。 WordPress の更新情報を JavaScript で取得して表示するには AJAX と呼ばれる技術を使います。 しかし、http を通してデータを読み込むための XMLHttpRequest では、制限として別ドメインのデータを読み込むことができません。 これを回避する方法が JSONP です。 hiromasa さんが、昨日のエントリにトラックバックしてくれた静的 HTMLWordPress を埋め込む方法を用いて JSONP 形式で、WordPress の最新記事を取得してみましょう。 まずは JSONP 形式で、WordPress の最新エントリ一覧を取得する方法。 以下のようなコードを ge

    koide09
    koide09 2009/10/27
    wordpress
  • 1