外部フィールドの内容を表示
http://dotinstall.com/lessons/basic_google_feed_api/9103
を参考に
Google Feed API の実践
https://developers.google.com/feed/v1/devguide?hl=ja#resultJson
で
Google Feed APIで取得されるJSONデータにどのようなものが含まれるか確認できる
まずは、前回作成したものを実行
java script console を使うので
chrome で実行する
実行したときには何も表示されないけど
気にせずに
Ctrl + Shit + i で
java script console を起動して
一番右の
Console タブをひらく
k.(anonymous function).o
と表示されているので
左側の▼をおすといろいろと出てくる
この中の feed->entries
ここに、実際に Feed に対する
タイトル
URLなど、様々な情報が格納されている
このデータを使って
feed のタイトルを表示する
まずは表示領域の設定
var container = docment.getElementById(“feed”);
これで 要素を取得
また、表示する領域は
HTMLで div で作成する
今回なら
<div id=”feed”></feed>
となる
そしてfor で処理
for(va i=0; i<result.feed.entrues.length;i++){
}
こうすれば、中身のぶんだけ繰り返す
あと、内部処理のところで
var entry = result.feed.entries[i];
としているのは
長いから entry という変数に格納している
var div = docment.createElement(“div”);
これでプログラム側で div タグをつくれる
さらに、div.appendChild(document.createTextNode(entry, title));
今回はテキストを表示するだけなので
entry, title にしている
そして、
container に追加するので
container.appendChild(div);
とする