メインのサイトは別にあるのですが
そこのトップページにはてなダイアリーで書いた日記の一日目分もしくは数行を表示させたいと思います。
はてなアンテナみたいにダイアリーを更新したら
自動でトップページの文字が更新されるという仕組みにしたいのですが
フレームで切るという方法意外でのやり方がありましたら教えてください。
また、参考になるサイトもありましたら教えてください。
よろしくお願いします。
http://www.daikoku-ya.org/blog/2005/03/20_0659.php
大黒屋本舗 :: jsRSS++ v3.13
はてなダイアリーはRSS配信を行っていますので、これを読み取るような仕組みをメインサイトに組み込めばよいかと思います。
そう、ログなどを保存する機能があるのだか利用する手段があるのではないかと思ったのです。
参考にしていただいたURLは私にはむずかしすぎてわからなかったです。
ブログや情報配信サイトのRSSソース出力 | Callbee Feed
ご自身のはてなダイアリーのRSSを、RSSリーダーを使って別ページに表示させるというのはいかがでしょうか?上記URLの『Callbee Feed』は、RSSを指定すると、Javaスクリプトのコードを作成してくれます。それをサイト上の好きな場所に設置すれば、日記の数行が表示されるようになります。
コチラの他にもRSSリーダーは様々なタイプがあります。普通は沢山のRSSを指定して使用することと思いますが、それにただひとつ、ご自身の「はてなダイアリー」を指定してみる方法はスマートだと思います。
PLAYON RSSリーダー - PLAYON.JP
無料RSSリーダー【PAIPO READER】
おおおお!なるほど!具体的な回答ありがとうございます!しかも無料で利用できるのですね、便利です!
JavaScriptを使用すれば可能ですよ。
プログラムの知識を多少必要としますけども。
「楽しいXML」のページの「DOMとJavaScript(入門編)」を参考にされるといいと思います。
とりあえず以下のソースでHTMLファイルを作って、ブラウザで開いていただければ、どのような感じかご理解いただけるかと。(このソースも「楽しいXML」のコピペですが)
------------------------------------------
<html>
<head>
<meta http-equiv=”Content-Script-Type” content=”text/html; charset=Shift_JIS”>
<link rel=”stylesheet” type=”text/css” href=”manyo.css” />
<title>たのしいXML: DOM sample ルートエレメントの名前を表示</title>
<script language=”JavaScript”>
function display()
{
// XMLドキュメントをDOMで扱うためのオブジェクトを作る
xml_doc = new ActiveXObject(”Microsoft.XMLDOM”);
// XMLドキュメントの読み込み設定をする(非同期にしない)
xml_doc.async = false;
// XMLドキュメント”poems.xml”を読み込む(改変:ここでRSSを読み込みます)
xml_doc.load(”http://d.hatena.ne.jp/chihal/rss”);
// stringという名前の文字列を空にする
var string = ””;
// 子ノードがあれば内容を取得してstring文字列に追加代入します
if (xml_doc.documentElement.hasChildNodes()) {
var i = 0;
// 子ノードの数を調べます
var j = xml_doc.documentElement.childNodes.length ;
string += ”■子ノードの数は、” + j + ” です。<br/>” ;
// 子ノードのテキストをとってstring文字列に追加代入します
while (i < j) {
string += xml_doc.documentElement.childNodes.item(i).text + ”<br/>”;
i++;
}
} else string +=”歌はありません。”
string += ”</p>” ;
// idがpoemのdiv領域にstring文字列を表示する
poem.innerHTML = string;
}
</script>
</head>
<body onload=”display()”>
<h3 align=”center”>たのしいXML: DOMサンプル</h3>
<h3 align=”center”>- hasChildNodes, childNodes.length, childNodes.item(i).text -</h3>
<div id=”poem”></div>
</body>
</html>
ソースまで!わざわざありがとうございます。ちょっと難しそうですがせっかくの機会なので勉強してみたいと思います。ありがとうございました!
アナログな方法で行くとコピーペーストしかないですよね。以前どこかのサイトで似たようなことをしてる人がいてどうやるんだろうなーと思って質問したのです;やはりソウ見えてるだけで手動でやってるんですしょうか?