Google news API endpoint generator lite

by tokyo_2020 2017-09-28 [2017/09/28 19:54:09]

グーグルのニュースを検索して結果をJSONで受け取ることができます。【確認用】

/*
 * @title Google news API endpoint generator lite
 * @description グーグルのニュースを検索して結果をJSONで受け取ることができます。【確認用】
 * @license MIT License
 * @require 

memo
1. YQLを利用しています。何かと都合がいいです。
2. 対象となる記事は日本語に限定されません。optionで選択できるようにするといいかも。
3. DOM未確認のまま操作しており、空白のページ他では適切に動作しないことがあります。
4. 右下のPackedをクリックしてコードをコピー！

*/

(function () {
    var createPlaceholder = function(){
        //overlay
        var overlay = document.createElement('div');
            overlay.style.width = '100vw';
            overlay.style.height = '100vh';
            overlay.style.position = 'absolute';
            overlay.style.top = '0';
            overlay.style.left = '0';
            overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
            overlay.style.zIndex = 2121212120;
        document.body.appendChild(overlay);

        //main
        var c = document.createElement('div');
            c.style.padding = '10px 20px';
            c.style.width = '95vw';
            c.style.position = 'absolute';
            c.style.top = '30px';
            c.style.left = '30px';
            c.style.backgroundColor = '#f0f0f0';
            c.style.zIndex = 2121212121;
            c.innerHTML = '<form name="form_x">' + 
                '<h1>Google news API endpoint generator lite</h1>' +
                '<h2>keyword</h2>'+
                '<label><input type="textbox" value="はてな"></label>' +
                '<h2>limit</h2>' +
                '<label><input type="textbox" value="15"></label>' +
                '<h2>channel</h2>' +
                '<label><input type="checkbox" value="title" checked="checked">title</label> ' +
                '<label><input type="checkbox" value="link" checked="checked">link</label> ' +
                '<label><input type="checkbox" value="category">category</label> ' +
                '<label><input type="checkbox" value="pubDate" checked="checked">pubDate</label> ' +
                '<label><input type="checkbox" value="description" checked="checked">description</label> ' +
                '<div><button type="button" onclick="test()" style="margin:1em 0; padding:0.3em; font-size:13pt">Test</button></div>' +
                '</form>' +
                '<div id="result" style="background:#ddd;padding:0.5em;">[Endpoint]</div>';
        document.body.appendChild(c);
        document.getElementById("result").style.wordBreak = 'break-all'; 
        
        //click overlay to remove all
        overlay.onclick = function(){
            document.body.removeChild(c);
            document.body.removeChild(overlay);
        };
    };
    createPlaceholder();
}());

var test = function(){
    //keyword
    var keywords = document.form_x.elements[0].value;
    
    //limit
    var limit = document.form_x.elements[1].value;
    if(limit>15 || limit<0){
        limit = 15;
    }

    //channel
    var item = [];
    for(i=2; i<7; i++){
        if( document.form_x.elements[i].checked ){
            item.push(document.form_x.elements[i].value);
        }
    }
    if(item.length < 1 || item.length > 4){//0 or 5 -> wildcard
        item = ['*'];
    }

    //result
    var endPoint = 'https://query.yahooapis.com/v1/public/yql?q=select' + 
        encodeURI(' ' + item + ' from feed where url=' + 
        '"https://news.google.com/news/rss/search/section/q/' + encodeURI(keywords) + 
        '" limit ') + limit + 
        "&format=json";

    document.querySelector('#result').textContent = endPoint;
    console.log(endPoint);
}

Permalink RAW Packed Userscript LOADER Metadata ?

Permalink

このページへの個別リンクです。

RAW

書かれたコードへの直接のリンクです。

Packed

文字列が圧縮された書かれたコードへのリンクです。

Userscript

Greasemonkey 等で利用する場合の .user.js へのリンクです。

Loader

@require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

Metadata

コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

2017/09/28 19:54:09 - 2017-09-28