プロが教える店舗&オフィスのセキュリティ対策術

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

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

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

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

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

A 回答 (3件)

文字のスタイルでしょうか?


それなら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"$>
にすることで合うと思います。
    • good
    • 0

#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>

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

私もその記事を参考に更新情報を表示しています(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で作った方がいいですか?
と言っても知識がありません。

補足日時:2008/01/24 18:54
    • good
    • 0
この回答へのお礼

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

お礼日時:2008/01/24 18:49

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!