Typepadのjsonフィードの利用について

質問

typepadでブログを作成し更新した内容を別のホームページのトップページ
などに更新情報として自動更新する方法にJSONフィードというものがあるようです。

http://****.typepad.jp/***/feed.js　←自動的に生成される。

ここまでは解ったのですが、これをどのように使うかが解りません。

http://www.sixapart.jp/typepad/inside/2006/11/010479.html　を見ましたが、上手く使えません。ここのコードを作成した上記***に変更する
だけではだめなようです。

どのようにすればいいかアドバイスお願いします。

回答No.3

Muller3

文字のスタイルでしょうか？
それならCSSでスタイルを指定できます。
javascriptで吐いているHTMLは以下のようになっています。

<div id="matome">
<h3>ブログタイトル</h3>
<h4><a href="記事のURL">記事タイトル</a></h4>
<p>概要</p>
</div>

あとはCSSの指定方法がわかればできますよね？

ちなみに、JSONフィードの時間（publishedとかupdatedとか）って合ってますか？
http://goodpic.typepad.jp/sample/feed.js
これ見ると、日時の後ろにZが付いてるので…
いえ、合ってたらいいのですが、私がやったときは、9時間ずれたんですよね（世界協定時）
TypepadのJSONフィードテンプレートがどうなってるかはわかりませんが、もし起こったら（＆JSONフィードテンプレートの編集が可能なら）
<$MTEntryDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$>
<$MTEntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$>
を
<$MTEntryDate format="%Y-%m-%dT%H:%M:%S"$>
<$MTEntryModifiedDate format="%Y-%m-%dT%H:%M:%S"$>
にすることで合うと思います。

回答No.2

Muller3

#1です、ちょっと訂正します。

「ソースをテンプレートにコピペし」
→「ソースを、ホームページのトップページHTMLにコピペし」

ついでですが、Javascriptの長ったらしい記述をHTMLに入れたくない場合は、別ファイルにしたらいいと思います。
「デフォルト・ファンクションを利用する」のソースのJavascript部分

function TypePadJsonCallback(data) {
var content = document.getElementById("matome");
（中略）
content.appendChild(mydiv);
}

を「headline.js」（名前は任意）で保存。
トップページのHTMLには

<script type="text/javascript" src="headline.jsのURL"></script>
<div id="matome"></div>
<script type="text/javascript" src="feed.jsのURL"></script>

を、表示したい場所に入れます。

回答No.1

Muller3

私もその記事を参考に更新情報を表示しています（MTですが）

「デフォルト・ファンクションを利用する」のソースをそのまま利用すれば簡単です。ソースをテンプレートにコピペし、一番下にある
<script type="text/javascript" src="http://goodpic.typepad.jp/sample/feed.js" ></script>

の部分を
<script type="text/javascript" src="生成されたjsonフィードのURL"></script>
に書き換えれば、

<div id="matome"></div>

この記述を入れた部分に更新情報が表示されます。
内容を編集したい時（概要はいらないとか）は、javascriptをいじります。

お礼

回答ありがとうございます。
この方法ほ試してみましたが、なぜか、この方法が使えないのです。
もう少し調べてみます。

補足

すいません。
出来ました。
そこで質問が…　表示された文字などがホームページに合わないの
ですが、その場合どうすればいいでしょうか?
JSONフィードは無視してjavascriptで作った方がいいですか?
と言っても知識がありません。