Bookmarklets from Cside

[Let] 正規表現で OR 検索したやつを別々の色でハイライト

Cside — 2024-02-04T03:45:08Z

/*
 * @title 正規表現で OR 検索したやつを別々の色でハイライト
 * @description 正規表現で OR 検索したやつを別々の色でハイライト
 * @license MIT License
 * @javascript_url
 */

const REGEXP = new RegExp(prompt('RegExp'), 'ig')

const getAllTextNodes = (cb) => {
  const walker = document.createTreeWalker(
    document.body,
    NodeFilter.SHOW_TEXT, // テキストノードだけを考慮
    null,
    false
  );
  let node;
  while ((node = walker.nextNode())) {
    if (node.textContent.trim() !== '')
      cb(node)
  }
};

const createElementFromString = (htmlString) => {
  const div = document.createElement('div');
  div.innerHTML = htmlString;
  return div.firstChild;
};

const colors = ['yellow', 'yellowgreen', 'pink', 'orange', ];
const matched = new Map();

let lastIndex = -1;
getAllTextNodes((node) => {
  const innerHTML = node.textContent.replace(REGEXP, (str) => {
    const key = str.toLowerCase()
    if (matched.has(key)) {
      const color = matched.get(key);
      return `<span style="padding: 1px; color: black; background-color: ${color};">${str}</span>`
    }
    const nextColor = colors[++lastIndex];
    matched.set(key, nextColor);
    return `<span style="padding: 1px; color: black; background-color: ${nextColor};">${str}</span>`;
  });

  const replacementNode = document.createElement('span');
  replacementNode.innerHTML = innerHTML;
  node.parentNode.insertBefore(replacementNode, node);
  setTimeout(() => node.parentNode.removeChild(node)); // 非同期じゃないと何故かエラーに...
});

[Let] Collapse Go Tests

Cside — 2018-02-06T09:45:36Z

Collapse Go Tests

/*
 * @title Collapse Go Tests
 * @description Github の /files ページで Go のテストファイルを折りたたむ
 * @include http://*
 * @license MIT License
 */

document.querySelectorAll('.file-header').forEach((header) => {
  name = header.querySelector('.file-info a').innerText;
  if (!/_test.go$/.test(name)) return;
  button = header.querySelector('button.js-details-target');
  button.click();
});

[Let] 開いてるページのはてブページを開く

Cside — 2016-12-30T13:41:38Z

開いてるページのはてブページを開く

/*
 * @title 開いてるページのはてブページを開く
 * @description 開いてるページのはてブページを開く
 * @include http://*
 * @license MIT License
 * @require 
 */


(function(){
  location.href = 'http://b.hatena.ne.jp/entry/' + location.href;
})();

[Let] 選択範囲を取得

Cside — 2012-03-08T05:48:05Z

選択範囲を取得

/*
 * @title 選択範囲を取得
 * @description  選択範囲を取得
 * @include http://*
 * @license MIT License

*/

(function(){
  var selection
      = window.getSelection   ? window.getSelection()
      : document.getSelection ? document.getSelection()
      : document.selection    ? document.selection.createRange().text
      :                         0
      ;
  console.log(encodeURIComponent(selection));
})();

[Let]

Cside — 2012-03-06T07:02:25Z

bookmarklet

// ==UserScript==
// @name           YouTubeのビデオIDをローカルサーバーに送る
// @namespace      youtube-videoid
// @include        http://www.youtube.com/*
// @require        http://stevenlevithan.com/demo/parseuri/js/assets/parseuri.js
// ==/UserScript==

var videoId = parseUri(location.href).queryKey.v;
var img = document.createElement('img');
img.setAttribute('src', 'http://localhost:6789?video_id=' + videoId);
document.body.appendChild('img');

[Let] Tag-and-Threshold

Cside — 2010-11-12T13:04:50Z

Tag-and-Threshold

/*
 * @title Tag-and-Threshold
 * @description タグと下限ブクマ数を指定してエントリ一覧を表示
 * @include http://*
 * @license MIT License
 * @require 
 */

(function() {
    var tag = prompt("タグ：");
    var thr = prompt("下限ブクマ数：");
    window.open("http://b.hatena.ne.jp/t/" + encodeURIComponent(tag) + "?sort=hot&threshold=" + thr);
})();

[Let] Threshold

Cside — 2010-11-12T12:59:05Z

Threshold

/*
 * @title Threshold
 * @description 今見ているページの人気エントリをブクマ数の下限を設定して表示
 * @include http://*
 * @license MIT License
 * @require 
 */

(function() {
    var thr = prompt("下限ブクマ数：");
    window.open("http://b.hatena.ne.jp/entrylist?sort=hot&threshold=" + thr + "&url=" + location.href);
})();

[Let] Sort-Count

Cside — 2010-11-12T12:21:10Z

Sort-Count

/*
 * @title Sort-Count
 * @description 今見ているページの人気エントリを表示するブックマークレット。トップページで実行してください。
 * @include http://*
 * @license MIT License
 * @require 
 */

(function() {
    window.open('http://b.hatena.ne.jp/entrylist?sort=count&url='+location.href);
})();

[Let] 現在閲覧しているページのタイトルとURLをalert

Cside — 2010-11-07T07:34:48Z

現在閲覧しているページのタイトルとURLをalert

/*
 * @title    現在閲覧しているページのタイトルとURLをalert
 * @description my bookmarklet
 * @include http://*
 * @license MIT License
 * @require 
 */

(function() {
    alert(document.getElementsByTagName('title')[0].innerText + ' -  ' + location.href);
})();