あんちもん2.Lab

JSON Feed テンプレート

テンプレートの全文を以下に示します：

if(typeof(MovableTypeJsonFeed) == 'undefined') MovableTypeJsonFeed = new Array(); 
MovableTypeJsonFeed["<$MTBlogURL encode_js="1"$>"] = {
  "title": "<$MTBlogName remove_html="1" encode_js="1"$>",
  "link": "<$MTBlogURL encode_js="1"$>",
  "id": "tag:<$MTBlogHost exclude_port="1" encode_xml="1"$>,2006:<$MTBlogRelativeURL encode_xml="1"$>/<$MTBlogID$>",
  "updated": "<MTEntries lastn="1"><$MTEntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$></MTEntries>",
  <MTIfNonEmpty tag="MTBlogDescription">"subtitle": "<$MTBlogDescription remove_html="1" encode_js="1"$>",</MTIfNonEmpty>
  "generator": "http://www.sixapart.com/movabletype/",
  "entry": [
<MTEntries lastn="15">
          {
              "title": "<$MTEntryTitle remove_html="1" encode_js="1"$>",
              "link": "<$MTEntryPermalink encode_js="1"$>",
              "id": "<$MTEntryAtomID$>",
              "summary": "<$MTEntryExcerpt remove_html="1" encode_js="1"$>",
              "author": "<$MTEntryAuthorDisplayName encode_xml="1"$>",
              <MTEntryCategories>"category": "<$MTCategoryLabel encode_js="1"$>",</MTEntryCategories>
              "published": "<$MTEntryDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$>",
              "updated": "<$MTEntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$>"
            }<MTEntriesFooter> <MTElse>, </MTElse> </MTEntriesFooter>
</MTEntries>
         ]
};
if(typeof(MovableTypeJsonCallback) != 'undefined'){
   MovableTypeJsonCallback(MovableTypeJsonFeed["<$MTBlogURL encode_js="1"$>"])
}

JSON Feed 設置方法

以下の手順に従ってください：

1. MT管理メニューの〈設置したいブログ〉→「テンプレート」をクリック。
   「インデックス」タブが選択されていなければ「インデックス」を選択
2. 「テンプレートを新規作成」をクリック
3. それぞれの入力欄に以下のように記入：

   テンプレート名

   JSON Feed （この通りでなくても構いません）

   出力ファイル名

   feed.js

   このテンプレートにリンクするファイル

   （空欄のままで構いません）

   テンプレートの内容

   （上記のテンプレート全文をコピー＆ペースト）

4. 「保存」をクリック

JSON Feed のURLは <$MTBlogURL$>feed.js になります。
以降、ブログを再構築すれば、RSSやAtomのように JSON Feed が毎回更新されます。

技術情報

JSON Feed は、まだ特に確定した仕様がないようです。
その中で今回は、TypePad用に公開されている JSON Feed テンプレートを参考にしました。
TypePad も Movable Type と同じ Six Apartが開発しているものなので、ポーティングは容易でした。
以下に、参考にした点・TypePad用から変更した点を記述しておきます。

• TypePadとMTで共通のタグ・属性はそのまま利用した。
• 基本的にTypePad用AtomテンプレートをそのままJavaScript用に記述しなおしただけだったので、MTに存在しないTypePad独自タグ・属性が使われている部分は既存のMT用Atomテンプレートの内容をそのまま移植した。
• 「TypePad～」という記述を全て「MovableType～」に置換した。

なお、元にしたのがTypePad用の JSON Feed テンプレートなので、TypePadと同様にコールバックファンクションが使用できます。
MovableTypeJsonCallback()という名前のJavaScriptファンクションを用意しておけば、<script>タグで読み込んだMovableTypeのJSON Feed記事情報を動的に処理することも可能です。
詳しくは、TypePad用の記事JSONフィードを使って、ブログのまとめページをつくろうを参照してください（「TypePadJsonCallback()」を「MovableTypeJsonCallback()」と読み替えてください）。
このブログでも、何か有用なサンプルができたら紹介したいと思います。