日々は疑問に満ちている

ITやスマホ、お金・節約にまつわる疑問を解決していくサイトです。

[FC2ブログでもOK]RSS取得でカテゴリーごとの最新記事を表示する方法

      2015/11/05

世界は数字で出来ている」というブログを運営しているんですが、毎回、カテゴリーごとの最新記事を手動で更新しているのが非常に面倒でした。


この部分でしたが、これを自動でなんとか更新できないか、と考えていたわけです。
そこで「カテゴリーごとのRSSを自動で取得して、表示できないか」ということを思いついたわけです。
FC2ブログの場合、PHPは使用できないということなので、javaを使用することで、なんとかRSS取得→カテゴリーごとの最新記事を表示できないか、ということを検索しまくりました。

455572466_19166858d6_o

その結果、「FC2ブログでその記事が属するカテゴリの最新記事一覧を表示」という記事が非常に参考になりました。そこで、自分なりに変更したコードが以下です。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("feeds", "1");
  function initialize() {
    var feed = new google.feeds.Feed("ブログのURL?xml&category=表示したいカテゴリーの番号");
    feed.setNumEntries(1);
    feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("このフィードの適当な名称。たとえばfeed1とか");
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var div = document.createElement("li");
            var a = document.createElement("a");
            a.href = entry.link;
            a.appendChild(document.createTextNode(entry.title));
            div.appendChild(a);
            container.appendChild(div);
          }
        }
      });
  }
  google.setOnLoadCallback(initialize);
  </script><ul style='list-style-type:none;'>
 <div id="このフィードの名称。上と対応させます。ここではfeed1"></div>

これでなんとか表示されました。このRSS取得コードを実装したのが以下です。
いくつもこれを同一のページで使いたい場合は、フィードの名称のところを、feed1、feed2、feed3などと、変更していけば複数でも使えます。

世界は数字で出来ている
このページの一番下にあります。

ちゃんと表示されました。

 - IT系の疑問 , , , , ,