JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<div id='feed'></div>
<script type="text/javascript" src="/lib/jquery-1.7.2/js"></script>

<script type="text/javascript">
//Google Feed APIを使用
google.load("feeds", "1");

var rssFeedUrl = "http://kachibito.net/feed";
$.gFeed = function(url, options, callback){
    var opt = $.extend({q: url, v: '1.0', num: 10}, options);
    if (!opt.q) return false;
    $.getJSON('http://ajax.googleapis.com/ajax/services/feed/load?callback=?',
        opt,
        function(data){
            if (data) callback.call(this, data.responseData.feed);
        }
    );
}
$(function() {
        $('#feed').append('<ul/>');
    $.gFeed(rssFeedUrl, {},
        function(feed){
            $(feed.entries).each(function() {
                $('#feed ul').append("<li>"+this.title);
            });
        }
    );
});
</script>