HTML5, JavaScript

アプリのランキング取得

アプリのランキングは以下のサイトで取得できます．

自分の必要なランキングを作成，そのアドレスにアクセスするとXML形式で戻ってきます．これを解析します．

https://rss.itunes.apple.com/jp/?urlDesc=

 

例えば，無料ゲームのランキングは

https://itunes.apple.com/jp/rss/topfreeapplications/limit=10/genre=6014/xml

のアドレスで取得できます．

これの解析は

http://labo.520328.jp/javascript/google_feed_api_sample/

などはいかがでしょうか？

少しいじると（黄色い１行の部分）

<!DOCTYPE html>
<html>
<head>
<title>おてんき</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<!-- metaタグで　スマホの挙動を制限している -->
<script src="./jquery-1.11.1.min.js"></script>
</head>
<body>
    <div id="feed"></div>

<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
var xmlUrl = "https://itunes.apple.com/jp/rss/topfreeapplications/limit=10/genre=6014/xml";
var setNum = 5;
var setID = "feed";
google.load("feeds", "1");
function initialize() {
    var html = '';
    var feed = new google.feeds.Feed(xmlUrl);
    feed.setNumEntries(setNum);
    feed.load(function(result) {
        if (!result.error){
            var container = document.getElementById(setID);
            for (var i = 0; i < result.feed.entries.length; i++) {
                var entry = result.feed.entries[i];
                var title = entry.title;
                var link = entry.link;
                var description = entry.contentSnippet;
                html += '<p>' + (i+1) +':位<a href="' + link + '">' + title +　'</a><br />' + description + '</p>';
            }
            container.innerHTML = html;
        }
    });
}
google.setOnLoadCallback(initialize);
</script>


</body>
</html>

○位：〜〜〜

と表示できます．