メニュー

E-Mail
ASP.Netのお勉強
VB.Netのお勉強
Excel マクロ・VBAのお勉強
PHPのお勉強
Webデザインのお勉強
Javaのお勉強
総合サイトCocoaLiz
ネイルサロン検索
エステサロン検索
アロマサロン検索
アイビューティーサロン検索

Google Translate API

Googleが公開しているFeed APIを利用します。
AtomやRSSを読み込むことができます。

JavaScriptで手軽に使えます。

サンプルでは、Googleニュースの日本語版RSSを取得して、
エントリを表示します。


作ったサンプルサイトは、こちらです。

コードは、下記。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" src="https://www.google.com/jsapi?key=@@@@GoogleAPIKey@@@"></script>
<script type="text/javascript">

//FeedAPIをロード
google.load("feeds", "1");

function initialize() {

    //Googleニュースの日本語版RSSを取得
    var feed = new google.feeds.Feed("http://news.google.com/news?hl=ja&ned=us&ie=UTF-8&oe=UTF-8&output=rss&topic=h");

    //RSSを表示
    feed.load(function(result) {
        if (!result.error) {
        
            var content = document.getElementById("feed");
            var html = '';
            
            //エントリの表示
            for (var i = 0; i < result.feed.entries.length; i++) {
                var entry = result.feed.entries[i];

                html += entry.publishedDate+ '<br>';
                html += '<a href="' + entry.url + '">' + entry.title + '</a><br>';
                html += entry.content + '<br>';

            }
            content.innerHTML = html;

        }
    });
}
google.setOnLoadCallback(initialize);

</script>

<TITLE>Google Feed API</TITLE>
</head>
<body>

<div id="feed"></div>

</body>
</html>



Copyright (C) 総合サイトCocoaLiz. All Rights Reserved.