Bookmarklets from tokyo_2020

[Let] W3C validatorsへジャンプ

tokyo_2020 — 2018-12-18T00:10:48Z

/*
 * @title W3C validatorsへジャンプ
 * @description w3.orgへジャンプします。
 * @include http://*
 * @license MIT License
 * @require 
 */

window.open('https://validator.w3.org/nu/?showsource=yes&showoutline=yes&showimagereport=yes&doc=' +  location.href);

[Let] アマゾンからリアル書店の在庫を確認。

tokyo_2020 — 2018-11-03T12:41:48Z

アマゾンからリアル書店の在庫を確認。

/*
 * @title アマゾンからリアル書店の在庫を確認。
 * @description 【コーチャンフォー】行きつけの本屋で使うと便利で楽しくなります。
 * @license MIT License

使い方）
アマゾンの書籍ページを開いた状態でこのブックマークレットを実行します。 
*/

(function(){
    let isbn = /[\dX]{10}/.exec(location.pathname);
    if(isbn !== null) location.href = 'https://www.shoten.co.jp/rel/searchbook/stock.asp?isbn=' + isbn;
})()

/*
有隣堂
location.href='http://book.yurindo.co.jp/book.asp?isbn='+isbn;
丸善/ジュンク堂/文教堂
location.href='https://honto.jp/netstore/search.html?gnrcd=1&k='+isbn;
*/

[Let] CAINZ DIY STYLE SEARCH

tokyo_2020 — 2018-04-22T13:14:26Z

CAINZ DIY STYLE SEARCH

/*
 * @title CAINZ DIY STYLE SEARCH
 * @description ホームセンター カインズのサイトでDIYのレシピを検索します。
 * @include http://*
 * @license MIT License
 * @require 
 */

   var k = prompt('CAINZ DIY STYLE SEARCH\n材料やテーマなどキーワードを入力してください。', '');
   if(k){
      location.href = 'https://www.google.com/search?q=' + k + ' site:www.cainz.co.jp/cainz_diystyle/';
   }

[Let] 【Google検索結果】1ページあたりの表示件数を設定。

tokyo_2020 — 2018-03-09T09:14:12Z

【Google検索結果】1ページあたりの表示件数を設定。

/*
 * @title 【Google検索結果】1ページあたりの表示件数を設定。
 * @description 1から100までの値を入力してください。
 * @license MIT License
*/
(function(){
    if(location.href.match(/https:\/\/www.google/)){
        var nn = prompt("Googleの検索結果: 1ページあたりの表示件数を設定します。","7");
        var query = location.search.slice(1);
        var param = query.split('&');

        //keyword
        function isq(e) {
            return e.match(/^q=/);
        }
        var kw = param.filter(isq);

        if(kw.length>0 && nn>0){
            location.href = 'https://www.google.com/search?' + kw[0] + '&num=' + nn;
        }
    }
})();

[Let] Image to data URI converter

tokyo_2020 — 2017-11-05T12:34:09Z

Image to data URI converter

/*
 * @title Image to data URI converter
 * @description クリックで、jpg、gif、pngなどをデータURIスキームに変換します。
 * @include http://*
 * @license MIT License
 * @require 

使い方）
画像をクリックする。console.log を確認する。

註）以下の画像は未対応です。
1. backgroundで指定されたもの。
2. ページ移動する javascript が設定されたもの。
3. iframe内のもの。

Thanks for inspiration:
http://let.hatelabo.jp/noromanba/let/gYC-yuC1yoHyZw
http://let.hatelabo.jp/amachang/let/gYC-xauujbmgLw

 */

(function(f){
    // jQuery check
    if(window.jQuery && jQuery().jquery > '1.8') {
        f(jQuery);
    } else {
        var script = document.createElement('script');
        script.src = '//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js';
        script.onload = function(){
            var $ = jQuery.noConflict(true);
            f($);
        };
        document.body.appendChild(script);
    }
})(function($, undefined){
    //href 無効化
    $('a').click(function(){
        return false;
    });

    //------------------------------------------------- main
    Object.keys(document.images).forEach(
        function(key) {
            +function (e) {
                e.onclick = function () {
                    $.getJSON("https://query.yahooapis.com/v1/public/yql?callback=?", {
                        q: "select * from data.uri where url='" + e.src + "'",
                        format: "json"
                    },result);
                    function result(json){
                        console.log(json.query.results.url);
                        console.log(json.query.results.url.length.toLocaleString() + ' bytes');
                    }
                };
            }(document.images[key]);
        }
    );
})

[Let] Google news API endpoint generator lite

tokyo_2020 — 2017-09-28T10:54:09Z

Google news API endpoint generator lite

/*
 * @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);
}

[Let] localStorage Info lite

tokyo_2020 — 2017-08-06T02:36:26Z

localStorage Info lite

/*
 * @title localStorage Info lite
 * @description 【スマホ】ローカルストレージを確認することができます。
 * @license MIT License

1.
簡易版につき、値（ls_val）は5000文字までを表示しています。
サイトによっては随分と大きなサイズのコードを含むJSONが格納されていることがあります。
この制限を外す場合はご注意ください。
例）https://ja.wikipedia.org/

2.
jQueryを読み込む部分は以下のサイトを参照しました。お世話様です。
http://blog.mudatobunka.org/entry/2016/02/29/030633

3.
iOS10.3.3, iPhone 5s, Safariで確認。

 */

void((function(f){
    if(window.jQuery && jQuery().jquery > '1.8') {// jQueryの存在とバージョンチェック
        f(jQuery);
    } else {
        var script = document.createElement('script');
        script.src = '//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js';
//        script.src = 'http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js';
        script.onload = function(){
            var $ = jQuery.noConflict(true);
            f($);
        };
        document.body.appendChild(script);
    }
})(function($, undefined){
    //---------------------------------------- main
    var count = window.localStorage.length;
    if (count > 0) {
        var ls_key;
        var ls_key_min;
        var ls_val;
        var ls_arr = [];
        var key_val = '';
        var trash = [];//selected_items list
        for (i = 0; i < count; i++) {
            ls_key = localStorage.key(i);
            ls_key_min = ls_key.replace(/&/g, '&amp;').
                replace(/\"/g, '&quot;').
                replace(/</g, '&lt;').
                replace(/>/g, '&gt;');
            ls_val = localStorage[ls_key].replace(/&/g, '&amp;').
                replace(/\"/g, '&quot;').
                replace(/</g, '&lt;').
                replace(/>/g, '&gt;').
                replace(/\//g, '\\/').
                slice(0,5000);
            ls_arr.push('<label><input type="checkbox" value="' + ls_key_min + '"> ' + ls_key_min + 
                ' <span style="color:red;">-></span> ' + ls_val + '</label>');
            key_val += ls_arr[i];
        }
        
        //overlay
        $('body').append('<div id="overlay" style="display:none"></div>');
        $('#overlay').css({
            'z-index': 9999998,
            position: 'fixed',
            top: 0,
            left: 0,
            width: '3000px',
            height: '1200px',
            'background': 'rgba(0,0,0,0.6)'
        });
        $('#overlay').fadeIn('12000');

        //modal window
        $('body').prepend('<div id="modal" style="display:none">' + 
            '<div id="hh1">localStorage <span id="count">#' + count + '</span></div>' + 
            '<div id="check_all"><label><input type="checkbox"> check all</label></div>' + 
            '<div id="key_val_list">' + key_val + '</div>' +
            '<div id="delete_btn">Delete</div>' + 
        '</div>');

        $('#modal').css({
            background: '#fcf8e3',
            'margin-top':'30px',
            padding: 0,
            color: '#8a6d3b',
            'font-family': '-apple-system, Sans-Serif',
            'font-size': '10pt',
            'font-weight': 'normal',
            'letter-spacing':'normal',
            width: $(window).width() - 24,
            height: $(window).height() -120,
            border: '4px solid #faebcc',
            'border-radius': '4px',
            position: 'fixed',
            top: '30px',
            left: '8px',
            'z-index': 9999999
        });

        $('#hh1').css({
            background: '#faebcc',
            margin: 0,
            padding: '0.4em',
            color: '#555',
            'font-size': '12pt',
            'font-weight': 'bold',
            'text-align': 'center'
        });

        $('#check_all').css({
            background: '#fcf8e3',
            margin: 0,
            padding: '0.6em 0 0 0.5em',
            'text-align': 'left'
        });
        $('#check_all label').css({
            'line-height': '1.5em',
            'font-weight': 'normal'
        });

        $('#delete_btn').css({
            width: '6em',
            background: '#fcf8e3',
            margin: '1.4em auto',
            padding: 0,
            color: '#555',
            'font-size': '10pt',
            'font-weight': 'bold',
            'text-align': 'center',
            'border': 0,
            'outline': 'none',
            'appearance': 'none'
        });
        
        $('#key_val_list').css({
            'overflow': 'auto',
            '-webkit-overflow-scrolling': 'touch',
            background: '#fcf8e3',
            margin: 0,
            padding: '2px 0 0 0',
            width: $('#modal').width() ,
            height: $('#modal').height() - 122,
            border: 0,
            'border-top': '2px solid #faebcc',
            'border-bottom': '2px solid #faebcc',
            'text-align': 'left',
        });
        $('#key_val_list label').css({
            margin: 0,
            padding: '0 0 0 0.5em',
            color: '#555',
            'font-family': '-apple-system, Sans-Serif',
            'font-size': '10pt',
            'font-weight': 'normal',
            'line-height': '1.5em',
            'display': 'block',
            'word-wrap': 'break-word'
        });
        //stripe
        $('#key_val_list label:odd').css({'background': '#f5f5f5'});

        $('#modal').fadeIn('12000');


        //---------------------------------------  on('click', function())
        //check_all BTN
        $('#check_all input').on('click', function () {
            $('#key_val_list input').prop('checked', this.checked);
        });

        //key_val_list checkbox
        $('#key_val_list input').on('click', function () {
            if ($('#key_val_list input:checked').length == $('#key_val_list input').length) {
                $('#check_all input').prop('checked', true);
            } else {
                $('#check_all input').prop('checked', false);
            }
        });

        //delete BTN
        $('#delete_btn').on('click', function () {
            trash = $('#key_val_list input:checked').map(function () {
                return $(this).val();//checked items -> arr
            }).get();

            //selected items count
            if (trash.length > 0 && window.confirm(
                'Are you sure you want to permanently delete the selected items?'
//                '選択した項目を削除してもよろしいですか？\nこの操作は取り消せません。'
            )) {
                for (i = 0; i < trash.length; i++) {
                    localStorage.removeItem(trash[i]);
                }
                //HTML update
                if(window.localStorage.length > 0){
                    $('#count').html('#' + window.localStorage.length);
                } else {
                    //No Data
                    $('#count').html('');
                    $('#delete_btn').html('No Data');
                    $('#check_all, #key_val_list').html('');
                    $('#key_val_list').css('border', 0);
                }
                $('#key_val_list input:checked').parent().remove();

                //stripe
                $('#key_val_list label:even').css({'background': '#fcf8e3'});
                $('#key_val_list label:odd').css({'background': '#f5f5f5'});

            }
        });
        
        //fadeout
        $('#overlay').on('click', function () {
            $('#modal, #overlay').fadeOut('12000', function () {
                $('#overlay, #modal').remove();
            });
        });
    } else {
        //Data not Found
        alert('localStorage Data not Found');
    }
}));

[Let] Yahoo!ファイナンスから、さらに詳しく【スマホ】

tokyo_2020 — 2017-05-02T13:00:56Z

Yahoo!ファイナンスから、さらに詳しく【スマホ】

/*
 * @title Yahoo!ファイナンスから、さらに詳しく【スマホ】
 * @description 個別銘柄チャートのページから、関連するサイトへ飛ぶことができます。modal window方式。
 * @license MIT License
 * @require 
 * @javascript_url
iPhone Safariで確認。
例えば、次のページをスマホで開いた状態で使用します。
https://stocks.finance.yahoo.co.jp/stocks/detail/?code=3930.T
 */

$(function(){
    //company and code
    var titleText=document.title.match( /(.*)【(\w*)】/i ),
        company= titleText[1].replace('(株)',''),
        code = titleText[2];
        
    //add overlay
    $('body').append('<div id="overlay" style="display:none"></div>');
    $('#overlay').css({
        'z-index':9999998,
        position:'fixed',
        top:0,
        left:0,
        width:'100%',
        height:'110%',
        'background-color':'rgba(0,0,0,0.6)'
    });
        //fadeIn    
        $('#overlay').fadeIn('12000');

    //add modal window
    $('body').prepend('<div id="modal" style="display:none">'+
        '<h1>'+company+'【'+code+'】</h1>'+
        '<ul>'+
        '<li><a href="http:/www.nikkei.com/markets/company/kigyo/?scode='+code+'">適時開示情報</a></li>'+
        '<li><a href="http://diamond.jp/search?fulltext='+code+' '+company+'">DIAMONDニュース</a></li>'+
        '<li><a href="https://www.bloomberg.co.jp/quote/'+code+':JP">Bloomberg</a></li>'+
        '<li><a href="http://www.google.com/search?btnI=I\'m+Feeling+Lucky&lr=lang_ja&q=textream+株式掲示板+'+code+'">Y!ファイナンス掲示板</a></li>'+
        '</ul>'+
        '</div>');
    $('#modal').css({
        'z-index':9999999,
        'color':'#8a6d3b',
        'font-size':'12pt',
        'font-weight':'normal',
        width:$(window).width()-62+'px',
        'margin-top':'4em',
        'margin-left':'11px',
        padding:'1.5em 1em',
        border:'4px solid #faebcc',
        background:'#fcf8e3',
        position:'fixed',
        'border-radius':'4px',
        'list-style':'none'
    });

    //fadeIn    
    $('#modal').fadeIn('12000');

    //close
    $('#overlay').click( function(){
        //fadeOut
        $('#modal,#overlay').fadeOut('12000',function(){
            //remove #overlay and #modal
            $('#overlay,#modal').remove();
        });
    });
});

/*
javascript:$(function(){var b=document.title.match(/(.*)【(\w*)】/i),a=b[1].replace("(株)",""),c=b[2];$("body").append('<div id="overlay" style="display:none"></div>');$("#overlay").css({"z-index":9999998,position:"fixed",top:0,left:0,width:"100%25",height:"110%25","background-color":"rgba(0,0,0,0.6)"});$("#overlay").fadeIn("12000");$("body").prepend('<div id="modal" style="display:none"><h1>'+a+"【"+c+'】</h1><ul><li><a href="http:/www.nikkei.com/markets/company/kigyo/?scode='+c+'">適時開示情報</a></li><li><a href="http://diamond.jp/search?fulltext='+c+" "+a+'">DIAMONDニュース</a></li><li><a href="https://www.bloomberg.co.jp/quote/'+c+':JP">Bloomberg</a></li><li><a href="http://www.google.com/search?btnI=I\'m+Feeling+Lucky&lr=lang_ja&q=textream+株式掲示板+'+c+'">Y!ファイナンス掲示板</a></li></ul></div>');$("#modal").css({"z-index":9999999,color:"#8a6d3b","font-size":"12pt","font-weight":"normal",width:$(window).width()-62+"px","margin-top":"4em","margin-left":"11px",padding:"1.5em 1em",border:"4px solid #faebcc",background:"#fcf8e3",position:"fixed","border-radius":"4px","list-style":"none"});$("#modal").fadeIn("12000");$("#overlay").click(function(){$("#modal,#overlay").fadeOut("12000",function(){$("#overlay,#modal").remove()})})});
*/

[Let] 【スマホ用】プレーンテキストでコピペしたい。

tokyo_2020 — 2017-04-26T11:29:58Z

【スマホ用】プレーンテキストでコピペしたい。

/*
 * @title 【スマホ用】プレーンテキストでコピペしたい。
 * @description サイト上のテキスト書式をリセットします。
 * @include http://*
 * @license MIT License
 * @require 
iPhone Safariで確認。
4/26 viewport を設定する、等。
 */

(function(){
   //viewport
   var meta = document.createElement('meta');
      meta.setAttribute('name','viewport');
      meta.setAttribute('content','width=device-width,initial-scale=1');
   document.getElementsByTagName('head')[0].appendChild(meta);

   //text
   var body=document.body.innerText
      .split(String.fromCharCode(160)).join(" ")   //&nbsp; -> space
      .replace(/\r?\n/g,'\n')                                       //改行コード      -> 統一
      .replace(/[ \t　]{2,}/g,' ')                                  //[ など]の連続       -> space一つ
      .replace(/[ \t　]\n/g,'\n')                                  //行末の[ など]         -> 削除
      .replace(/\n{3,}/g,'\n\n');                                 //¥nの3つ以上の連続 -> ¥n¥n

   //css
   var bodyStyle=document.getElementsByTagName('body')[0].style;
      bodyStyle.all='initial';                          //reset
      bodyStyle.width=window.innerWidth+'px';
      bodyStyle.height='100%';
      bodyStyle.overFlow='hidden';
   document.getElementsByTagName('html')[0].style.height=window.innerHeight+'px';

   body='<textarea style="padding:6px;width:94%;height:100%;font-size:16px;border-radius:0" readonly>'+body+'</textarea>';
   document.body.innerHTML=body;
})()

//js minify
/*
javascript:(function(){var c=document.createElement("meta");c.setAttribute("name","viewport");c.setAttribute("content","width=device-width,initial-scale=1");document.getElementsByTagName("head")[0].appendChild(c);var b=document.body.innerText.split(String.fromCharCode(160)).join(" ").replace(/\r?\n/g,"\n").replace(/[ \t　]{2,}/g," ").replace(/[ \t　]\n/g,"\n").replace(/\n{3,}/g,"\n\n");var a=document.getElementsByTagName("body")[0].style;a.all="initial";a.width=window.innerWidth+"px";a.height="100%";a.overFlow="hidden";document.getElementsByTagName("html")[0].style.height=window.innerHeight+"px";b='<textarea style="padding:6px;width:94%;height:100%;font-size:16px;border-radius:0" readonly>'+b+"</textarea>";document.body.innerHTML=b})();
*/