• ベストアンサー

サイトの最新記事へのリンクを作りたい

サイトの最新記事へのリンクを作りたい 特定のサイトの最新記事へのリンクを作りたいのですが、 どうすればいいのでしょうか。RSSリーダーは使いたくないです。 例えば"〇〇の最新記事"と言う名前のリンクでアクセスすると、 そのサイトの最新記事に飛べると言う感じです。

  • HTML
  • 回答数5
  • ありがとう数6

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.5

yyr446です。お役に立ちませんでどうも。 PHPはいっさい使っていません。JAVASCRIPTがOFFだと動作しません。 Google AJAX Feed APIのアカウントは特に不要です。 Google AJAX FEED API でサポートされるフィード形式は、 http://code.google.com/intl/ja/apis/ajaxfeeds/documentation/#SupportedFormats です。これ以外の物だとうまくいかないでしょう。 　FC2のブログだとうまくいきました。（ここはたいがい何でも出来る） 後は、環境がわからないので、なんとも言えません。

sutoriti81
質問者

お礼

PC的な環境は問題ないですけど、知力的な環境がどうも・・・^^; もう少し調べてまた試してみようと思います。 なんどもありがとうございました。

すると、全ての回答が全文表示されます。

その他の回答 (4)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.4

No2です。リンク先の最新記事を動的に書き換えるだけなら、 さきほどのサンプルをもっと簡略化して、document.writeもやめて DOMのjavascript操作に直した。多少わかりやすくなったはず。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>OK Wave HTML質問新着情報</title> <script type="text/javascript" charset="utf-8"> <!-- function _handleJson(json){ if ( json.responseStatus != 200 ) return; var e = json.responseData.feed.entries; location.href=e[0].link; } function newlink(feed_Url){ var api_Url='http://ajax.googleapis.com/ajax/services/feed/load?callback=_handleJson&v=1.0&output=json&num=6&q='; var ApiScript=document.createElement("script"); ApiScript.setAttribute("type","text/javascript"); ApiScript.setAttribute("charset","utf-8"); ApiScript.setAttribute("src",api_Url + encodeURIComponent(feed_Url)); document.getElementsByTagName("head")[0].appendChild(ApiScript); } // --> </script> </head> <body> <h3>OK Wave HTML質問新着情報へリンクする</h3> <a id="sinchakulink" href="javascript:newlink('http://oshiete1.goo.ne.jp/rss.php?c=252')">OK Wave HTML新着質問へのリンク</a> </body> </html>

sutoriti81
質問者

お礼

なんども投稿ありがとうございます。HTMLじゃ無理ですか。 しかし自分には少し難しいですね… PHPはバージョンと設定解説が同じところが見つからないのでよくわからないです。 Google AJAX Feed APIのアカウントはとりました。 上のサンプルをブログの記事に書いてプレビューしてみたのですが、 リンクは作成されてもアクセスする事が出来無いです。

すると、全ての回答が全文表示されます。
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

例えば、Google AJAX Feed APIを使って、ここ（HTMLカテゴリーの質問）の 最新5件をこのページのRSSよりJSONで取得して書き出すjavascriptは こんな感じです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>OK Wave HTML質問 新着情報</title> <script type="text/javascript" charset="utf-8"> <!-- function _handleJson(json){ if ( json.responseStatus != 200 ) return; var i, d, t = '<ul>', e = json.responseData.feed.entries; for ( i = 0; i < e.length; i++ ) { d = new Date(e[i].publishedDate); t += '<li>' + '<a href="' + e[i].link + '">' + e[i].title + '</a> ' + d.getFullYear() + '/' + d.getMonth() + 1 + '/'+d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + '</li>'; } document.write( t + '</ul>' ); } // --> </script> <body> <h3>OK Wave HTML質問新着（5件）</h3> <script> (function(){ var feed_Url = 'http://oshiete1.goo.ne.jp/rss.php?c=252'; var api_Url = 'http://ajax.googleapis.com/ajax/services/feed/load?callback=_handleJson&v=1.0&output=json&num=6&q='; q=document.write( '<sc' + 'ript type="text/javascript" src="' + api_Url + encodeURIComponent(feed_Url) + '"></sc' + 'ript>'); })(); </script> </body> </html>

すると、全ての回答が全文表示されます。
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

HTMLだけじゃ無理でしょう。 －その特定サイトが最新記事のフィードを配信（RSS）しているなら、 フィード要求のURIでもって、feed(XML)を読み込んでそのまま出力する プログラムを自サイト内にcgiやPHPで作っておいて、JAVASCRIPTでその プログラムとAJAX通信してXMLを取り込み、XMLの中身からリンク先とタ イトルを基にDOM要素（<A>タグ）を生成または更新する。 PHP等が無理なら、YAHOOやGOOGLEが提供するjavascriptのFEED取得APIを 利用して、同じようにAJAXで次ページを更新すればよいかと。 http://code.google.com/intl/ja/apis/ajaxfeeds/ http://pipes.yahoo.com/poolmmjp/feed_api

すると、全ての回答が全文表示されます。
  • draft4
  • ベストアンサー率21% (1275/6017)
回答No.1

<a href="サイトの最新記事のＵＲＬ">○○の最新記事</a>

sutoriti81
質問者

補足

ああすみません忘れてました。 自動的にリンク先を最新の物にして欲しいです。

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する