Bookmarklets from xtetsuji

[Let] スクリーンショットをクリップボードに入れる

xtetsuji — 2025-09-03T06:49:49Z

/*
 * @title スクリーンショットをクリップボードに入れる
 * @description 現在閲覧しているサイトのスクリーンショットをクリップボードに入れます
 * @include http://*
 * @license MIT License
 * @require 
 */

javascript:(async()=>{
  // html2canvas を読み込む（無ければCDNから）
  if(!window.html2canvas){
    await new Promise((res,rej)=>{
      const s=document.createElement('script');
      s.src='https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
      s.onload=res; s.onerror=rej; document.head.appendChild(s);
    }).catch(e=>{alert('html2canvas の読み込みに失敗しました'); throw e;});
  }
  try{
    const el = document.documentElement;
    const canvas = await html2canvas(el, {
      useCORS: true,
      windowWidth: el.scrollWidth,
      windowHeight: el.scrollHeight,
      scale: Math.min(2, window.devicePixelRatio || 1)
    });
    const blob = await new Promise(res=>canvas.toBlob(res,'image/png'));
    if(navigator.clipboard && window.ClipboardItem){
      await navigator.clipboard.write([new ClipboardItem({'image/png': blob})]);
      alert('スクリーンショットをクリップボードにコピーしました');
    } else {
      // クリップボード非対応なら新しいタブで開く
      const url = URL.createObjectURL(blob);
      window.open(url,'_blank');
      alert('クリップボード未対応のため、画像を新しいタブで開きました');
    }
  }catch(err){
    alert('スクリーンショット取得に失敗しました: ' + (err && err.message || err));
    console.error(err);
  }
})()

[Let] Trelloカード作成+スクショコピー

xtetsuji — 2025-09-03T02:56:32Z

Trelloカード作成+スクショコピー

/*
 * @title Trelloカード作成+スクショコピー
 * @description 現在閲覧しているサイトの Trello カードを作成しつつ、そのサイトのスクリーンショットを撮ってクリップボードに入れます
 * @include http://*
 * @license MIT License
 * @require 
 */


javascript:(async()=>{
  // load html2canvas if not present
  if(!window.html2canvas){
    await new Promise((res,rej)=>{
      const s=document.createElement('script');
      s.src='https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
      s.onload=res; s.onerror=rej; document.head.appendChild(s);
    }).catch(e=>{alert('html2canvas の読み込みに失敗しました'); throw e;});
  }
  try{
    // take screenshot of whole page
    const el=document.documentElement;
    const w=el.scrollWidth, h=el.scrollHeight;
    const canvas=await html2canvas(el,{
      useCORS:true,
      windowWidth: w,
      windowHeight: h,
      scrollX: -window.scrollX,
      scrollY: -window.scrollY,
      scale: Math.min(2, window.devicePixelRatio||1)
    });
    await new Promise((res)=>canvas.toBlob(res,'image/png'));
    const blob = await new Promise(res=>canvas.toBlob(res,'image/png'));
    // copy to clipboard (may require secure context and user gesture)
    if(navigator.clipboard && window.ClipboardItem){
      await navigator.clipboard.write([new ClipboardItem({'image/png': blob})]);
      console.log('スクリーンショットをクリップボードにコピーしました');
      alert('スクリーンショットをクリップボードにコピーしました。Trello へ移動します。');
    } else {
      alert('クリップボード書き込み非対応のブラウザです（ClipboardItem 必須）');
    }
    // open Trello add-card popup with page title/URL
    const name = encodeURIComponent(document.title || 'No title');
    const url = encodeURIComponent(location.href);
    const desc = encodeURIComponent((window.getSelection().toString()||'') + '\n\n(自動追記)');
    // opens Trello add-card UI (ユーザーが保存を確定する)
    window.open(`https://trello.com/add-card?name=${name}&desc=${desc}&url=${url}`,'_blank');
  }catch(e){
    console.error(e); alert('処理中にエラーが発生しました: '+e);
  }
})()

[Let] 選択文字列の文字数カウント

xtetsuji — 2025-05-10T08:43:21Z

選択文字列の文字数カウント

/*
 * @title 選択文字列の文字数カウント
 * @description 選択文字列の文字数をカウントします
 * @include http://*
 * @license MIT License
 * @require 
 */

(function(){
  var text = window.getSelection().toString();
  var count = text.length;
  if(count === 0){
    alert("文字が選択されていません。\n文字列を選択してから実行してください。");
  } else {
    alert("選択された文字数: " + count + " 文字");
  }
})();

[Let] github→deepwiki

xtetsuji — 2025-05-08T02:41:10Z

github→deepwiki

/*
 * @title github→deepwiki
 * @description github.com のページから deepwiki.com に遷移します
 * @include http://*
 * @license MIT License
 * @require 
 */
(function(){
  if (location.hostname === 'github.com') {
    // プロトコル＋ホスト以下を置き換え
    const newUrl = location.href.replace('//github.com', '//deepwiki.com');
    location.href = newUrl;
  } else {
    alert('このブックマークレットは GitHub 上でしか動作しません');
  }
})();

[Let] 新書マップ→カリール

xtetsuji — 2024-08-04T03:59:26Z

新書マップ→カリール

/*
 * @title 新書マップ→カリール
 * @description 新書マップの書籍ページからカリールの検索結果を開きます
 * @include http://*
 * @license MIT License
 * @require 
 */

window.open("https://calil.jp/search?q=" + encodeURIComponent(document.title.replace(/ - 新書マップ$/, "")))

[Let] Copy htmllink

xtetsuji — 2022-06-26T16:06:00Z

Copy htmllink

/*
 * @title Copy htmllink
 * @description 現在見ている URL を HTML形式でクリップボードにコピーします
 * @include http://*
 * @license MIT License
 * @require 
 */

(function(w,d,l){
    var b=d.createElement("input"), bs=b.style;
    b.size=120;
    bs.zIndex=99999;
    bs.left=bs.top=0;
    bs.position="fixed";
    b.value=`<a href="${l.href}">${d.title.replace(/</g,"&lt;").replace(/>/g,"&gt;")}</a>`;
    d.body.appendChild(b);w,scroll(0,0);b.select();
    document.execCommand("copy");
})(window,document,location);

[Let] Copy githublink

xtetsuji — 2022-06-26T16:05:40Z

Copy githublink

/*
 * @title Copy githublink
 * @description 現在見ている GitHub Issue/PR URL を OWNER/REPO#ID フォーマットでコピーします
 * @include https://*
 * @license MIT License
 * @require 
 */

//javascript:(function(w,d,l){var b=d.createElement("input"),bs=b.style;b.size=120;bs.zIndex=99999;bs.left=bs.top=0;bs.position="fixed";b.value=l.href.match(/[^\/]+\/[^\/]+\/(issues|pull)\/\d+/)[0].replace(/\/(issues|pull)\//,"#")+" "+d.title+" "+l.href;d.body.appendChild(b);w,scroll(0,0);b.select();document.execCommand("copy");})(window,document,location);
(function(w,d,l){
    var b=d.createElement("input"), bs=b.style;
    b.size=120;
    bs.zIndex=99999;
    bs.left=bs.top=0;
    bs.position="fixed";
    b.value=l.href.match(/[^\/]+\/[^\/]+\/(issues|pull)\/\d+/)[0].replace(/\/(issues|pull)\//,"#")+" "+d.title+" "+l.href;d.body.appendChild(b);
    d.body.appendChild(b);w,scroll(0,0);b.select();
    document.execCommand("copy");
})(window,document,location);

[Let] Copy mdlink

xtetsuji — 2022-02-25T13:46:34Z

Copy mdlink

/*
 * @title Copy mdlink
 * @description 今の記事を Markdown のリンク形式で取得
 * @include *
 * @license MIT License
 * @require 
 */

(function(w,d,l){
    var b=d.createElement("input"), bs=b.style;
    b.size=120;
    bs.zIndex=99999;
    bs.left=bs.top=0;
    bs.position="fixed";
    b.value="["+d.title+"]("+l.href+")";
    d.body.appendChild(b);
    w,scroll(0,0);
    b.select();
    document.execCommand("copy");
})(window,document,location);

[Let] Copy listlink

xtetsuji — 2022-02-25T13:46:18Z

Copy listlink

/*
 * @title Copy listlink
 * @description URLとタイトルを「URL タイトル」としてクリップボードにコピーする
 * @include http://*
 * @license MIT License
 * @require 
 */
(function(w,d,l){
    var b=d.createElement("input"),bs=b.style;
    b.size=120;
    bs.zIndex=99999;
    bs.left=bs.top=0;
    bs.position="fixed";
    b.value=l.href+" "+d.title;
    d.body.appendChild(b);
    w,scroll(0,0);
    b.select();
    document.execCommand("copy");
})(window,document,location);

[Let] AbemaTV番組→Googleカレンダー

xtetsuji — 2019-04-06T05:19:34Z

AbemaTV番組→Googleカレンダー

/*
 * @title AbemaTV番組→Googleカレンダー
 * @description AbemaTVの番組ページで実行すると番組放送予定をGoogleカレンダーに登録します
 * @include https://abema.tv/channels/abema-anime/slots/*
 * @license MIT License
 * @require 
 */
var getUTC = function(date_str){
    var date = new Date(date_str);
    return date.getUTCFullYear() +
        zerofill(date.getUTCMonth()+1) +
        zerofill(date.getUTCDate()) +
        'T' +
        zerofill(date.getUTCHours()) +
        zerofill(date.getUTCMinutes()) +
        zerofill(date.getUTCSeconds()) +
        'Z';
};
var zerofill = function(num){
    return ('0'+num).slice(-2);
};
var get_url = function(param){
    var base = 'http://www.google.com/calendar/event?';
    return base + 
        'action=TEMPLATE' + 
        '&text='     + encodeURIComponent(param.title) +
        '&details='  + encodeURIComponent(param.details||'') +
        '&location=' + encodeURIComponent(param.location||'') +
        '&dates='    + getUTC(param.sdate) + '/' + getUTC(param.edate) +
        '&sprop='    + encodeURIComponent(param.sprop||'');
};
var now = (function(){
    var dnow = new Date;
    var now = {};
    var keys = ["getFullYear", "getMonth", "getDate", "getHours", "getMinutes"];
    for (var i = 0; i < keys.length; i++ ) {
        var method = keys[i];
        var key    = method.match(/[A-Z][a-z]+$/)[0].toLocaleLowerCase();
        now[key] = dnow[method]();
    }
    return now;
})();
var date_pair = (function(){
    var digits;
    var node = document.querySelectorAll(".com-tv-SlotHeader__air-time span")[0];
    /* node が見つからない場合、body 全体から探す */
    if ( !node ) {
        console.log("bookmarklet: air-time selector is not found. whole search mode.");
        digits = document.body.innerText.match(/(\d+)月(\d+)日\(\S+\) +(\d+):(\d+) *〜 *(\d+)月(\d+)日\(\S+\) (\d+):(\d+)/);
        if ( !digits ) {
            digits = document.body.innerText.match(/(\d+)月(\d+)日\(\S+\) +(\d+):(\d+) *〜 *(\d+):(\d+)/);
        }
        if ( digits ) digits.shift();
    } else {
        digits = node.innerText.match(/(\d+)/g);
    }
    if ( digits.length == 6 ) {
        var base_date = 
            now.year.toString() + '-' +
            zerofill(digits[0]) + '-' +
            zerofill(digits[1]) + 'T';
        var sdate = base_date +
            zerofill(digits[2]) + ':' +
            zerofill(digits[3]) + ':00+09:00';
        var edate = base_date +
            zerofill(digits[4]) + ':' +
            zerofill(digits[5]) + ':00+09:00';
        return [sdate, edate];
    }
    if ( digits.length == 8 ) {
        var sdate =
            now.year.toString() + '-' +
            zerofill(digits[0]) + '-' +
            zerofill(digits[1]) + 'T' +
            zerofill(digits[2]) + ':' +
            zerofill(digits[3]) + ':00+09:00';
        var edate =
            now.year.toString() + '-' +
            zerofill(digits[4]) + '-' +
            zerofill(digits[5]) + 'T' +
            zerofill(digits[6]) + ':' +
            zerofill(digits[7]) + ':00+09:00';
        return [sdate, edate];
    }
    throw "date_pair error";
})();
var title = document.querySelectorAll(".com-tv-SlotHeader__title span")[0].innerText;
var channel = document.querySelectorAll(".com-tv-SlotHeader__channel-name span")[0].innerText
;
var details = location.href;
var url = get_url({
    title: title,
    details: details,
    location: "AbemaTV " + channel,
    sdate: date_pair[0],
    edate: date_pair[1],
    sprop: location.href
});
open(url);

[Let] ブクログ登録

xtetsuji — 2019-03-08T15:30:04Z

ブクログ登録

/*
 * @title ブクログ登録
 * @description 今見ているAmazon.co.jpページの書籍をブクログに登録
 * @include https://www.amazon.co.jp/*
 * @license MIT License
 * @require 
 */

var base_url = "https://booklog.jp/search?service_id=1&index=All&keyword=";
var amazon_url_re = /https?:\/\/www\.amazon\.co\.jp\/(?:.*\/)?dp\/([^?\/]+)/;
var here = location.href;
var m;
if (m = here.match(amazon_url_re)) {
    /* Amazon なら URL から ASIN 抜き出し */
    location.href = base_url + m[1];
} else if (m = document.body.innerText.match(/ISBN(?:-1[03])?\s*([0-9-]+)/)) {
    /* そうでなければテキスト全体から ISBN 抜き出し */
    location.href = base_url + m[1];
}

[Let] 歌詞タイムのコピペ支援2016

xtetsuji — 2016-12-23T17:40:47Z

歌詞タイムのコピペ支援2016

/*
 * @title 歌詞タイムのコピペ支援2016
 * @description 歌詞タイムのコピペ支援、別窓バージョンです
 * @include http://*
 * @license MIT License
 * @require 
 */
var lyrics_html = $("#lyrics").html();
lyrics_html = decodeURIComponent(encodeURIComponent(lyrics_html).replace(/%C2%A0/g,"%20"));
window.open("data:text/html;charset=UTF-8,<html>"+lyrics_html+"</html>");

[Let] 歌詞タイムのコピペ支援

xtetsuji — 2015-03-12T18:54:09Z

歌詞タイムのコピペ支援

/*
 * @title 歌詞タイムのコピペ支援
 * @description 歌詞タイムの歌詞を選択・コピペ可能にするテキストエリアを生成
 * @include http://www.kasi-time.com/item-*
 * @license MIT License
 * @require 
 */

(function(d){
  var kashi_div=d.getElementsByClassName("mainkashi")[0],
        kashi_text=kashi_div.innerText,
        textarea=d.createElement("textarea"),
        body=d.getElementsByTagName("body")[0];

  d.getElementById("center").onmousedown=undefined;
  body.oncontextmenu = body.oncopy = body.onselectstart = undefined;
  textarea.rows=60;
  textarea.cols=60;
  textarea.innerHTML=decodeURIComponent(encodeURIComponent(kashi_text).replace(/%C2%A0/g,"%20"));
  d.getElementById("kashi_flame").appendChild(textarea);
  textarea.focus();
  textarea.select();
})(document);

[Let] ニコ生→Googleカレンダー

xtetsuji — 2014-08-26T15:57:56Z

ニコ生→Googleカレンダー

/*
 * @title ニコ生→Googleカレンダー
 * @description SmartySmileページ情報を利用してニコ生の予定をGoogleカレンダーに登録します
 * @include http://smartysmile.jp/entry/*
 * @license MIT License
 * @require 
 */

////////////////////////////////////////////////////////////////////////////////////////////
////////// SmartySmileサービス終了に伴い、このブックマークレットは使えなくなりました //////////
////////////////////////////////////////////////////////////////////////////////////////////

// see: https://developers.google.com/google-apps/calendar/?hl=ja
// samples: http://ch.nicovideo.jp/2013spring-anime

/*
 使い方:
 1.ニコニコ生放送のページを開く (http://live.nicovideo.jp/watch/lv*)
 2.ここからだと終了時間が拾えないので、時計アイコンからSmartySmileページを開く
 3.予定を作る画面が出たらそこでこのブックマークレットを起動
 4.Googleカレンダーに予定を追加する画面が開くので追加
 NOTE: SmartySmileに会員登録しているかどうかは関係有りません。
       たんにそのページから終了時間を拾いたいだけです。
 */

(function(){
    var title = document.querySelector("#basefrm .event_description").innerText.replace(/\n.*/g,""),
        url = document.querySelector("#basefrm .event_description a[href^='http://live.nicovideo.jp/watch/lv']").href,
        bigs = document.querySelectorAll("#basefrm .big"),
        yyyymmdd  = bigs[0].innerText, // 2013/04/11
        from_HHMM = bigs[1].innerText, // 23:20
        to_HHMM   = bigs[2].innerText, // 24:00
        gcalep_link, // 以降で決定する
        m,
        pad = function(digit) {
            if(digit.toString().length==1) digit="0"+digit.toString();
            return digit;
        },
        to_utcdigit = function(jst) { // String jst
            var date, incl_date=false;
             // TODO: 月初や末日バグ等が無いかチェック
            if(m=jst.match(/ (2[4-9]):([0-9][0-9])/)) {
                incl_date = true;
                //jst = jst.replace(/ 2[4-9]:[0-9][0-9]/, " "+pad(parseInt(m[1])%24)+":"+m[2]); // NOTE: Chromeだと"%"と数字の連結でURLエスケープとみなされる場合がある(全体をURLエスケープせずpackされると危ない)
                jst = jst.replace(/ 2[4-9]:[0-9][0-9]/, " "+pad(parseInt(m[1])-24)+":"+m[2]);
            }
            //console.log("jst="+jst);
            date = new Date(jst); // valid JST Date string
            if(incl_date){
                date.setDate(date.getDate()+1);
            }
            //console.log("dated_jst="+date.toString());
            //console.log("incl_date is " + (incl_date?"true":"false"));
            return(date.getUTCFullYear().toString()+pad(date.getUTCMonth()+1)+pad(date.getUTCDate())+"T"+pad(date.getUTCHours())+pad(date.getUTCMinutes())+pad(date.getUTCSeconds())+"Z");
        },
        gen_gcalep_link = function(arg) {
            // args: text, url, desc, location,
            //       from, to (valid Date object)
            var gparam = {};
            var gparam_array = [];
            var gparam_keys = ["action", "text", "dates", "sprop", "details", "location"];
            var gev_url_base = "http://www.google.com/calendar/event?";
            var from = arg["from"];
            var to = arg["to"];
            //console.log("from="+from+" to="+to);
            var dates = to_utcdigit(from)+"/"+to_utcdigit(to);
            //console.log("dates="+dates);
            gparam["action"]   = arg["action"] || "TEMPLATE";
            gparam["text"]     = arg["text"];
            gparam["dates"]    = dates;
            gparam["sprop"]    = arg["url"].replace(/^http:/,"website:");
            gparam["details"]  = arg["url"]+"\n"+(arg["desc"]||"");
            gparam["location"] = arg["location"];
            gparam_keys.forEach(
                function(key){
                    gparam_array.push(key+"="+encodeURIComponent(gparam[key]));
                }
            );
            return(gev_url_base+gparam_array.join("&"));
        };

    //console.log("generate gcalep_link");
    gcalep_link = gen_gcalep_link({
        "text": title,
        "url": url,
        "desc": "", //url,
        "location": "ニコニコ生放送",
        "from": yyyymmdd+" "+from_HHMM,
        "to": yyyymmdd+" "+to_HHMM
    });
    //console.log("gcalep_link is "+gcalep_link);
    window.open(gcalep_link);
})();
/** $Debug-Rev$ */

[Let] twitter.com ツイートURL抜き出し

xtetsuji — 2014-05-10T05:23:47Z

twitter.com ツイートURL抜き出し

/*
 * @title twitter.com ツイートURL抜き出し
 * @description twitter.com で今見ているツイートのURL一覧を抜き出して一気にコピーできる状態にします。検索結果の保存などにどうぞ。
 * @include https://twitter.com
 * @license MIT License
 * @require 
 */

var tweet_links = [];
var tweet_texts = document.createElement("textarea");
$(".tweet-timestamp").each(function(){
    tweet_links.push(this.href);
});
tweet_texts.innerHTML = tweet_links.join("\n");

// 無限スクロールなので、とりえあずトレンドのコンテナの中にぶちこむ
$(".trends-container").append($(tweet_texts));

[Let] Clip Gist clone URL

xtetsuji — 2013-11-06T11:47:33Z

Clip Gist clone URL

/*
 * @title Clip Gist clone URL
 * @description Gistのページにgit cloneのためのコマンドラインを表示します
 * @include https://gist.github.com/*
 * @license MIT License
 * @require 
 */

(function(){
  var div = document.getElementsByClassName("export-references")[0];
  var li = document.createElement("li");
  var gist_id = location.href.match(/gist\.github\.com\/.*?\/(\d+)/)[1];
  li.innerHTML = '<label for="x-git-clone-field"><strong>Git Clone</strong> this gist.</label><input type="text" readonly spellcheck="false" class="url-field js-url-field" name="x-git-clone-field" value="git clone git@github.com:'+gist_id+'.git">';
  div.appendChild(li);
})();

[Let] 全チェックボックスON

xtetsuji — 2013-10-22T04:38:18Z

全チェックボックスON

/*
 * @title 全チェックボックスON
 * @description ページ中の全てのチェックボックスをONにします
 * @include http://*
 * @license MIT License
 * @require 
 */

Array.prototype.forEach.call(document.querySelectorAll("input[type='checkbox']"), function(x){x.setAttribute("checked","checked");});

[Let] !show_password

xtetsuji — 2013-08-29T03:46:44Z

!show_password

/*
 * @title !show_password
 * @description パスワード入力欄を見えるように変更します
 * @include http://*
 * @license MIT License
 * @require 
 */

Array.prototype.forEach.call(document.querySelectorAll("input[type='password']"), function(el){el.setAttribute("type", "text");})

[Let] amazon_url_shaper+affiliate_tag

xtetsuji — 2013-06-07T07:57:35Z

amazon_url_shaper+affiliate_tag

/*
 * @title amazon_url_shaper+affiliate_tag
 * @description amazon_url_shaper
 * @include http://www.amazon.com/*
 * @include http://www.amazon.co.jp/*
 * @license MIT License
 */

// document.getElementById('ASIN').value via http://let.hatelabo.jp/rikuo/let/gYC-yunC86-NKA

(function() {
  var tag='tetsujijp-22'; /*MODIFY YOUR AFFILIATE CODE */
  var u='/dp/'+document.getElementById('ASIN').value+'?tag='+tag;
  history.pushState(null, null, u);
})()

[Let] !qs_strip

xtetsuji — 2013-05-30T04:43:55Z

!qs_strip

/*
 * @title !qs_strip
 * @description クエリ文字列を効率的に削除します。utm_*しかクエリにない*.htmlなどでどうぞ。
 * @include http://*
 * @license MIT License
 * @require 
 */

(function(){
  if(location.href.match(/\?/)){
    history.pushState(null, null, location.href.replace(/\?.*/, ""));
  }
})()