Google Feed API
*概要
RSS/ATOM -> JSON/XML
*公式サイト
Google feed API
①以下、URLを知っている場合のfeedの引っ張り方
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Google Feed APIの練習</title>
<script src="https://www.google.com/jsapi"></script>
<script>
google.load("feeds", "1");//実際にロードする
function initialize(){ //設定
var feed = new google.feeds.Feed('http://www.ideaxidea.com/feed'); //何のfeedが読み込まれるかをURLで指定
feed.load(function(result){
//設定ができたら読み込む,
//読み込んだ後に何を実行するかを関数で指定
if (!result.error){
//console.log(result);
//resultの中身を表示
var container = document.getElementById('feed');
//表示領域を指定
for(var i = 0; i < result.feed.entries.length; i++){
//ループをまわしていく //エントリー数だけループをまわしていく
var entry = result.feed.entries[i];
//いったんエントリーという変数に入れておく
var link = document.createElement("a");
//リンクを作っていく、a要素を作る
link.href = entry.link;
//リンクのhref属性にリンクをくっつける
link.appendChild(document.createTextNode(entry.title));
//リンクテキストをつける。
//appendChildでテキストをつける
var li = document.createElement("li");//リスト要素を作っている
li.appendChild(link);
container.appendChild(li);
}
}
});
}
google.setOnLoadCallback(initialize);
//initializeをページが読み込まれた時にを実行するか？？
</script>
</head>
<body>
<ul id = "feed"></ul> <!--表示する場所を指定 リスト要素に変更-->
</body>
</html>
②以下feedの検索機能の使い方
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Google Feed APIの練習</title>
<script src="https://www.google.com/jsapi"></script>
<script>
google.load("feeds", "1");
function initialize(){
var query = "ドットインストール";
//何らかに関して取り上げているフィードの一覧が欲しい
google.feeds.findFeeds(query, function(result){
//第一引数＝検索、第二引数＝コールバック関数
if (!result.error){//resultがエラーでなければ
console.log(result);
}
});
}
google.setOnLoadCallback(initialize);
</script>
<body>
<ul id="feed"></ul>
</body>
</html>
0 件のコメント:
コメントを投稿