10
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

JavaScript(jQuery使用)でRSSフィードを取得するイケてるプラグイン

Last updated at Posted at 2015-11-29

前提

・最近のBrowser
 ※以下のBrowserで動作確認しています
  Chrome最新版
  IE11
・jQuery:比較的新しいやつ
・RSS Feeds Reader Plugin for jQuery 1.20
  RSS Feeds Reader Plugin for jQuery - Zazar, Online Business Website Builder
  http://www.zazar.net/developers/jquery/zrssfeed/

使い方

jQuery読み込んで、RSSプラグイン読み込んで、任意のブロック要素タグ(div等)に、
RSSプラグインのコンストラクタ呼び出すだけです。

コード例

sample1.html
<html>
<head>
<link rel="stylesheet" href="jquery.zrssfeed.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<style>
.rssFeed{margin:2px;}#fe{overflow-y:scroll;}
</style>
</head>
<body>
<div id="fe"></div>
<script src="jquery.zrssfeed.js"></script>
<script>
$(document).ready(function(){
	$('#fe').css("height",500-50)
			.rssfeed("https://www.moongift.jp/feed/",{limit:10});
});
</script>
</body>
</html>

結果

OSSの神、Moongiftの最新記事が取得できます。

動作サンプル

10
14
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
10
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?