LoginSignup
3
4

More than 5 years have passed since last update.

Yahoo!ニュースのRSSをブログパーツ的にHTMLに貼る

Posted at

yahooニュースのRSSのITを自分のサイトでフィードAPIとして利用したいです。 それ... - Yahoo!知恵袋
こちらの質問に対する回答です。

まず、Yahoo!ニュースはカテゴリごとにRSSを配信しているので、適当にどれかを選びます。
Yahoo!ニュース - RSS

例えば、「IT・科学」カテゴリの最新記事全件はこちらのURLです。
http://headlines.yahoo.co.jp/rss/all-c_sci.xml

RSSをHTML化して貼付けるにも色々なやり方があると思いますが、「爆速YQL」で書くとしたらこんな感じでしょうか。ただ単にRSSのタイトルとリンクを表示しています。
data-urlのところに表示したいRSSのURLを書きます。

<script src="http://i.yimg.jp/images/yjdn/js/bakusoku-yql-v1-min.js"
  data-url="http://headlines.yahoo.co.jp/rss/all-c_sci.xml"
  data-yqltable="feed"
>
<ul>
{{#query.results.item}}
<li><a href="{{link}}">{{title}}</a></li>
{{/query.results.item}}
</ul>
</script>

テンプレートを工夫したり、件数を調整することも可能です。
詳しくは
XMLのWebAPIを爆速で使いこなせるフレームワーク - Yahoo! JAPAN Tech Blog
をご覧ください。古い記事ですが、一応今でも有効です。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4