Bookmarklets from Lhankor_Mhy

[Let] はてなパークスでメェメェ画像を表示

Lhankor_Mhy — 2026-08-26T09:56:20Z

/*
 * @title はてなパークスでメェメェ画像を表示
 * @description 「シェア」で出てくるOGP画像のことです
 * @include https://p.hatena.ne.jp
 * @license CC0
 * @javascript_url 
 */

{
    alert('コメントをクリックすると画像を表示します');
    document.body.addEventListener('click', function (event) {
        const baabaa = confirm('メェメェ？') ? '' : '?m=raw';
        const commentId = event.target.closest('[data-comment-block-id]')?.getAttribute('data-comment-block-id');
        const url = `https://p.hatena.ne.jp/og/replies/${commentId}${baabaa}`;
        window.open(url, '_blank', 'noopener,noreferrer');
    }, { once: true });
}

[Let] ブックマーカー図鑑ツールチップ（はてなパークス版）

Lhankor_Mhy — 2026-08-25T01:36:51Z

ブックマーカー図鑑ツールチップ（はてなパークス版）

// ==UserScript==
// @name         ブックマーカー図鑑ツールチップ（はてなパークス版）
// @title        ブックマーカー図鑑ツールチップ（はてなパークス版）
// @namespace    https://let.hatelabo.jp/Lhankor_Mhy/let/lbKIiYmqgOAA
// @version      0.1
// @description  はてブで https://bookmarker-encyclopedia.netlify.app のキャッチフレーズをツールチップで表示します。アイコンの上で2秒ぐらいホバーしてください。 see: https://p.hatena.ne.jp/p/1539910495903944704/t/1540379794804314112#_r_1541393591480356864
// @author       Lhankor_Mhy
// @match        https://p.hatena.ne.jp/*
// @icon         https://p.hatena.ne.jp/icon.png?v=1787561803
// @license      CC0
// @noframes
// @grant        none
// ==/UserScript==

(async function () {
    'use strict';
    const ID = "bookmarkerEncyclopediaTooltip";

    // polyfill for interestfor
    const supported = Object.hasOwn(
        HTMLButtonElement.prototype,
        "interestForElement",
    );
    if (!supported) {
        await import('https://cdn.jsdelivr.net/npm/interestfor@1.0.8/src/interestfor.min.js');
    }

    const { default: localforage } = await import('https://cdn.jsdelivr.net/npm/localforage@1.10.0/+esm');
    const store = localforage.createInstance({
        name: ID,
        storeName: ID,
    });

    // insert tooltip elements and styles
    document.body.insertAdjacentHTML('beforeend', `
        <div id="${ID}" popover interestfor="ideologyTooltip">...</div>
        <style>
        #${ID} {
            --ink: #1c1a17;
            --paper: #f5f0e6;
            --card: #fffdf7;
            --gold: #b8893a;
            --gold-soft: #e8d9b5;
            --accent: #2f6f6b;
            --danger: #b14a3b;
            --muted: #8a8071;
            --line: #d8cdb4;

            font-size: 0.8rem;
            font-weight: 700;
            color: var(--gold);

            max-width: 700px;
            margin: -7px;
            padding: 0px;
            background: var(--card);
            border: 3px solid var(--ink);
            border-width: 0px;
            border-radius: 7px;
            box-shadow: 0px 0px 0 rgba(28, 26, 23, .18);

            width: fit-content;
            height: 0px;
            overflow: hidden;
            position-area: center span-right;
            align-self: start;

            transition: all .3s .5s allow-discrete, box-shadow .3s 1.1s allow-discrete, translate .3s 1.1s allow-discrete;
            interpolate-size: allow-keywords;
            translate: 10px 12px;

            &:popover-open {
                box-shadow: 10px 12px 0 rgba(28, 26, 23, .18);
                translate: 0px 0px;
                height: auto;
                padding: 3.5px;
                border-width: 3px;
                @starting-style {
                    height: 0px;
                    box-shadow: 0px 0px 0 rgba(28, 26, 23, .18);
                    translate: 10px 12px;
                    // border-radius: 0px;
                    padding: 0px;
                    border-width: 0px;
                }
            }
        }
        #ideologyTooltip{
            font-size: 0.6rem;
            color: var(--ink);
            max-width: 700px;
            margin: 0;
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 7px;

            width: fit-content;
            position-area: bottom center;
            align-self: start;
        }
        [interestfor="${ID}"] {
            interest-delay: 1.5s .1s;
            --interest-delay: 1.5s .1s;
            img{
                transition: rotate .3s .5s,scale .3s .5s;
                &:hover{
                    rotate: -10deg;
                    scale: 1.2;
                }
            }
        }
        [interestfor="ideologyTooltip"] {
            interest-delay: 3s .1s;
            --interest-delay: 3s .1s;
        }
        </style>
        `);
    const tooltip = document.getElementById(ID);

    function init() {
        // add interest invokers
        document.querySelectorAll('a[class^="_authorAvatar"],a[class^="_avatar"]').forEach(icon => {
            icon.setAttribute('interestfor', tooltip.id);
        })
    }

    // add interest event listener
    tooltip.addEventListener("interest", async (e) => {
        const icon = e.source;
        const userId = icon.getAttribute('href').split('/').at(-1).toLowerCase();

        let profile = await store.getItem(`${userId}`);

        async function callAPI() {
            const response = await fetch(`https://bookmarker-encyclopedia.netlify.app/api/profiles/${userId}.json`);
            const profile = {
                profile: response.ok ? JSON.parse(await response.text()) : null,
                expired: new Date().getTime() + 1000 * 60 * 60 * 24 * 7
            }; // expire in 7 days
            await store.setItem(`${userId}`, profile);
            return profile;
        }

        if (!profile || !(new Date().getTime() < profile?.expired)) {
            profile = await callAPI();
        }

        if (!profile?.profile) {
            tooltip.textContent = "プロフィールが見つかりませんでした。";
            return;
        }
        const { profile: { generated: { catchphrase, ideologyProse } } } = profile;
        tooltip.textContent = catchphrase;
        const clonedIcon = icon.cloneNode(true);
        clonedIcon.removeAttribute('interestfor');
        // [...clonedIcon.attributes].forEach(attr => {
        //     clonedIcon.removeAttribute(attr.name);
        // });
        clonedIcon.setAttribute('href', `https://bookmarker-encyclopedia.netlify.app/profiles/${userId}`);
        const ideologyTooltip = document.createElement('div');
        ideologyTooltip.setAttribute('id', `ideologyTooltip`);
        ideologyTooltip.textContent = ideologyProse;
        ideologyTooltip.setAttribute('popover', '');
        tooltip.insertAdjacentElement('beforeend', ideologyTooltip);
        tooltip.insertAdjacentElement('afterbegin', clonedIcon);
    });
    tooltip.addEventListener("loseinterest", (e) => {
        tooltip.textContent = "...";
    });

    // add mutation observer for lazy-loaded bookmarks
    const targetNode = document.body;

    const mutationConfig = { childList: true };
    const mutationCallback = function (mutationsList, observer) {
        for (const mutation of mutationsList) {
            if (mutation.type === 'childList') {
                init();
            }
        }
    };
    const mutationObserver = new MutationObserver(mutationCallback);
    mutationObserver.observe(targetNode, mutationConfig);

    init();
})();

[Let] はてなパークスのシェアリンク修正

Lhankor_Mhy — 2026-08-24T10:07:14Z

はてなパークスのシェアリンク修正

/*
 * @title はてなパークスのシェアリンク修正
 * @description はてなパークスのシェアリンクをブクマすると上手くリンクしない問題の修正をする。see: https://p.hatena.ne.jp/p/1539910495903944704/t/1540379794804314112#_r_1541388268463984640
 * @include https://p.hatena.ne.jp/
 * @license CC0
 * @javascript_url
 */

{
    const url = new URL(location);
    location.href=`${url.origin}${url.pathname}#_r_${url.searchParams.get('r')}`;
}

[Let] ブックマーカー図鑑ツールチップ

Lhankor_Mhy — 2026-08-10T08:38:17Z

ブックマーカー図鑑ツールチップ

// ==UserScript==
// @name         ブックマーカー図鑑ツールチップ
// @title         ブックマーカー図鑑ツールチップ
// @namespace    https://let.hatelabo.jp/Lhankor_Mhy/let/laGdx-DigsAA
// @version      0.3
// @description  はてブで https://bookmarker-encyclopedia.netlify.app のキャッチフレーズをツールチップで表示します。アイコンの上で2秒ぐらいホバーしてください。
// @author       Lhankor_Mhy
// @match        https://b.hatena.ne.jp/entry/*
// @icon         https://b.hatena.ne.jp/favicon.ico
// @license      CC0
// @noframes
// @grant        none
// ==/UserScript==

(async function () {
    'use strict';
    const ID = "bookmarkerEncyclopediaTooltip";

    // polyfill for interestfor
    const supported = Object.hasOwn(
        HTMLButtonElement.prototype,
        "interestForElement",
    );
    if (!supported) {
        await import('https://cdn.jsdelivr.net/npm/interestfor@1.0.8/src/interestfor.min.js');
    }

    const { default: localforage } = await import('https://cdn.jsdelivr.net/npm/localforage@1.10.0/+esm');
    const store = localforage.createInstance({
        name: ID,
        storeName: ID,
    });

    // insert tooltip elements and styles
    document.body.insertAdjacentHTML('beforeend', `
        <div id="${ID}" popover interestfor="ideologyTooltip">...</div>
        <style>
        #${ID} {
            --ink: #1c1a17;
            --paper: #f5f0e6;
            --card: #fffdf7;
            --gold: #b8893a;
            --gold-soft: #e8d9b5;
            --accent: #2f6f6b;
            --danger: #b14a3b;
            --muted: #8a8071;
            --line: #d8cdb4;

            font-size: 0.8rem;
            font-weight: 700;
            color: var(--gold);

            max-width: 700px;
            margin: -7px;
            padding: 0px;
            background: var(--card);
            border: 3px solid var(--ink);
            border-width: 0px;
            border-radius: 7px;
            box-shadow: 0px 0px 0 rgba(28, 26, 23, .18);

            width: fit-content;
            height: 0px;
            overflow: hidden;
            position-area: center span-right;
            align-self: start;

            transition: all .3s .5s allow-discrete, box-shadow .3s 1.1s allow-discrete, translate .3s 1.1s allow-discrete;
            interpolate-size: allow-keywords;
            translate: 10px 12px;

            &:popover-open {
                box-shadow: 10px 12px 0 rgba(28, 26, 23, .18);
                translate: 0px 0px;
                height: auto;
                padding: 3.5px;
                border-width: 3px;
                @starting-style {
                    height: 0px;
                    box-shadow: 0px 0px 0 rgba(28, 26, 23, .18);
                    translate: 10px 12px;
                    // border-radius: 0px;
                    padding: 0px;
                    border-width: 0px;
                }
            }
        }
        #ideologyTooltip{
            font-size: 0.6rem;
            color: var(--ink);
            max-width: 700px;
            margin: 0;
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 7px;

            width: fit-content;        
            position-area: bottom center;
            align-self: start;
        }
        [interestfor="${ID}"] {
            interest-delay: 1.5s .1s;
            --interest-delay: 1.5s .1s;
            img{
                transition: rotate .3s .5s,scale .3s .5s;
                &:hover{
                    rotate: -10deg;
                    scale: 1.2;
                }
            }
        }
        [interestfor="ideologyTooltip"] {
            interest-delay: 3s .1s;
            --interest-delay: 3s .1s;
        }
        </style>
        `);
    const tooltip = document.getElementById(ID);

    function init() {
        // add interest invokers
        document.querySelectorAll('.entry-user-icon').forEach(icon => {
            icon.setAttribute('interestfor', tooltip.id);
        })
    }

    // add interest event listener
    tooltip.addEventListener("interest", async (e) => {
        const icon = e.source;
        const userId = icon.getAttribute('href').split('/')[1].toLowerCase();

        let profile = await store.getItem(`${userId}`);

        async function callAPI() {
            const response = await fetch(`https://bookmarker-encyclopedia.netlify.app/api/profiles/${userId}.json`);
            const profile = {
                profile: response.ok ? JSON.parse(await response.text()) : null,
                expired: new Date().getTime() + 1000 * 60 * 60 * 24 * 7
            }; // expire in 7 days
            await store.setItem(`${userId}`, profile);
            return profile;
        }

        if (!profile || !(new Date().getTime() < profile?.expired)) {
            profile = await callAPI();
        }

        if (!profile?.profile) {
            tooltip.textContent = "プロフィールが見つかりませんでした。";
            return;
        }
        const { profile: { generated: { catchphrase, ideologyProse } } } = profile;
        tooltip.textContent = catchphrase;
        const clonedIcon = icon.cloneNode(true);
        clonedIcon.setAttribute('interestfor', null);
        clonedIcon.setAttribute('href', `https://bookmarker-encyclopedia.netlify.app/profiles/${userId}`);
        const ideologyTooltip = document.createElement('div');
        ideologyTooltip.setAttribute('id', `ideologyTooltip`);
        ideologyTooltip.textContent = ideologyProse;
        ideologyTooltip.setAttribute('popover', '');
        tooltip.insertAdjacentElement('beforeend', ideologyTooltip);
        tooltip.insertAdjacentElement('afterbegin', clonedIcon);
    });
    tooltip.addEventListener("loseinterest", (e) => {
        tooltip.textContent = "...";
    });

    // add mutation observer for lazy-loaded bookmarks
    const targetNode = document.querySelector('.js-bookmarks-recent');

    const mutationConfig = { childList: true };
    const mutationCallback = function (mutationsList, observer) {
        for (const mutation of mutationsList) {
            if (mutation.type === 'childList') {
                init();
            }
        }
    };
    const mutationObserver = new MutationObserver(mutationCallback);
    mutationObserver.observe(targetNode, mutationConfig);

    init();
})();

[Let] Amazon から Kinoppy

Lhankor_Mhy — 2026-06-17T04:18:05Z

Amazon から Kinoppy

/*
 * @title Amazon から Kinoppy
 * @description CSRF対策がされた？　使用できなくなりました。
 * @include http://*
 * @license MIT License
 * @require 
 */


void (
//  location.href="https://www.kinokuniya.co.jp/disp/CSfDispListPage_001.jsp?qs=true&ptk=01&q="+JSON.parse(document.querySelector('[data-show-all-offers-display]').dataset.showAllOffersDisplay).asin
  location.href="https://www.kinokuniya.co.jp/disp/CSfDispListPage_001.jsp?qs=true&ptk=03&q="+encodeURIComponent(productTitle.textContent.trim())
)

[Let] Gmailのパーマリンク取得

Lhankor_Mhy — 2025-12-01T05:19:34Z

Gmailのパーマリンク取得

/*
 * @title Gmailのパーマリンク取得
 * @description メールを開いてブックマークレットを使ってからページをクリックすると、メールのパーマリンクをクリップボードにコピーします。
 * @include https://mail.google.com/
 * @license CC0
 * @javascript_url
 */

// HTML構造変わるの早い……

(async () => {
    const targetDataAttributeName = "data-message-id"
    const waitForEvent = (eventTarget, eventType) => new Promise((resolve, reject) =>
        eventTarget.addEventListener(eventType, resolve, { once: true, signal: AbortSignal.timeout(10000) })
    )

    let targetElement = document.querySelector(`[${targetDataAttributeName}]`);
    if (!targetElement) {
        alert("メールを開いてからブックマークレットを使ってください")
        return
    }

    const e = await waitForEvent(document, 'mousedown')
    targetElement = e.target.closest(`[${targetDataAttributeName}]`) ?? targetElement;
    const threadId = BigInt(targetElement?.getAttribute(targetDataAttributeName).split(':')[1]).toString(16)
    navigator.clipboard.writeText(`https://mail.google.com/mail/u/0/#all/${encodeURIComponent(threadId)}`)
        .then(() => alert("メールのパーマリンクをクリップボードにコピーしました"))
        .catch(err => {
            console.error("クリップボードへのコピーに失敗しました", err)
            alert("クリップボードへのコピーに失敗しました")
        });

})()

[Let] n年前のブクマを見る

Lhankor_Mhy — 2025-11-28T09:31:53Z

n年前のブクマを見る

/*
 * @title n年前のブクマを見る
 * @description はてなブックマークにログインしていれば、n年前のブクマページに移動します。IEでは動作せず。
 * @include http://*
 * @license CC0
 * @javascript_url
 */

const n=1 // n=1は1年前

const nYearBefore = new Date()
nYearBefore.setFullYear(new Date().getFullYear()-n)

location.href = 
    `https://b.hatena.ne.jp/my/${nYearBefore.toLocaleDateString('ja-JP', {
        year: 'numeric',
        month: '2-digit',
        day: '2-digit',
    }).split('/').join('')}`

[Let] リンクのPDFファイルをzipしてダウンロード

Lhankor_Mhy — 2025-01-30T03:15:30Z

リンクのPDFファイルをzipしてダウンロード

/*
 * @title リンクのPDFファイルをzipしてダウンロード
 * @description ページ内にある～.PDFというリンクすべてからPDFファイルを取得して、zipして一括ダウンロードします（ドメインの壁は越えられません）。保存名はファイル名またはリンクテキスト.pdfの選択です。
 * @include http://*
 * @license MIT License
 * @javascript_url
 */


(async () => {
    const sleep = time => new Promise(resolve => setTimeout(resolve, time));
    await import('https://cdnjs.cloudflare.com/ajax/libs/jszip/3.2.0/jszip.min.js');
    const { default: { saveAs } } = await import('https://cdn.jsdelivr.net/npm/file-saver@2.0.5/+esm');

    const zip = new JSZip();

    const path = 'files' + Number(new Date()) + '/';

    async function downloader(element) {
        const response = await fetch(
            element.href,
        );
        element.style.backgroundColor = 'gray';
        const fileName = decodeURIComponent(
            (isUseFileName ?
                element.href.match(/(?=[^\/]+\.pdf)[^\/]+\.pdf/) :
                element.textContent.match(/(?=[^\/]+\.pdf)[^\/]+\.pdf/))
            ?? element.textContent.trim() + ".pdf"
        );
        await sleep(2000);

        if (zip.file(path + fileName)) { fileName = Number(new Date()) + '_' + fileName };
        zip.file(path + fileName, await response.blob());

    };

    const isUseFileName = confirm('URLのファイル名で保存します')

    for (let target of document.querySelectorAll('a[href*=".pdf"] ')) { await downloader(target).catch(() => { }) };
    for (let target of [...document.querySelectorAll('a:not([href*=".pdf"])')].filter(e => e.textContent.includes('pdf') || e.textContent.includes('PDF'))) { await downloader(target).catch(e => { throw e }) };
    const content = await zip.generateAsync({ type: "blob" });
    saveAs(content, 'files.zip');

})()

[Let] あなたのファーストブクマはこれ

Lhankor_Mhy — 2024-11-20T09:52:13Z

あなたのファーストブクマはこれ

/*
 * @title あなたのファーストブクマはこれ
 * @description b.hatena.ne.jp ドメイン上で使用してください
 * @include https://b.hatena.ne.jp/
 * @license CC0
 * @javascript_url
 */

void (async () => {
    const pageCount = Math.ceil(Number(
        new DOMParser().parseFromString(
            await (await fetch(`https://b.hatena.ne.jp/my/bookmark`)).text(),
            'text/html'
        ).getElementsByClassName('userprofile-status-count')[0].textContent.replace(/,/g, '')
    ) / 20)
    location.href = [...new DOMParser().parseFromString(
        await (await fetch(`https://b.hatena.ne.jp/my/bookmark?page=${pageCount}`)).text(),
        'text/html'
    ).querySelectorAll('[data-gtm-click-label="user-my-reaction-permalink"]')].at(-1).href
})()

[Let] *印度化計画

Lhankor_Mhy — 2024-10-16T07:49:53Z

*印度化計画

/*
 * @title *印度化計画
 * @description ページ内カタカナをア段に変換します。元ネタ→https://anond.hatelabo.jp/20240801082705
 * @include http://*
 * @license CC0
 * @require 
 */

(async () => {
    await import('https://unpkg.com/wanakana')
    const indianize = str =>
        wanakana.toKana(
            wanakana.toRomaji(str, {
                convertLongVowelMark: false,
                upcaseKatakana: true
            }).replace(/[IUEO]/g, 'A')
        )

    const treeWalker = document.createTreeWalker(
        document.body,
        NodeFilter.SHOW_TEXT,
    );
    while (treeWalker.nextNode()) {
        const node = treeWalker.currentNode;
        node.data = node.data.replace(/\p{scx=Katakana}+/ug, indianize)
    }
})()

[Let] はてなブックマークメタブ展開

Lhankor_Mhy — 2024-03-28T03:21:28Z

はてなブックマークメタブ展開

// ==UserScript==
// @name         はてなブックマークメタブ展開
// @title        はてなブックマークメタブ展開
// @namespace    https://let.hatelabo.jp/Lhankor_Mhy/let/jtaB0fa4gYAA
// @version      0.13.2
// @description  コメントメタブと2階ブクマを展開します。説明→https://realtor-readyabooks.hatenablog.com/entry/2022/12/28/153626
// @author       Lhankor_Mhy
// @match        https://b.hatena.ne.jp/entry/*
// @icon         https://b.hatena.ne.jp/favicon.ico
// @license      CC0
// @noframes
// @grant        none
// @javascript_url
// ==/UserScript==


(async () => {
    const APIURL = 'https://b.hatena.ne.jp/entry/jsonlite/?url='

    document.body.insertAdjacentHTML('beforeend', `
<style>
[data-metabu] {
	background-color: rgba(0,0,0,0.05);
}
[data-metabu].focus {
	outline:dotted 1px;
}
#metahatebu-popover{
    inset: auto 0 0 auto;
    opacity: 0.5;
    border: none;
    background-color: #000;
    color: #fff;
    position: fixed;
}
</style>
<dialog popover id="metahatebu-popover">メタブあります<button data-metabuprev>前</button><button data-metabunext>次</button></dialog>
    `)
    document.querySelector('.entry-comments').insertAdjacentHTML('beforeend', `
<div class="entry-comment-contents" id="upStairsSeat"></div>
    `)

    // メタブありますポップオーバーのイベント設定
    const metahatebuPopover = document.getElementById('metahatebu-popover');
    metahatebuPopover.addEventListener('click', ((i = -1) => event => {
        const metabues = document.querySelectorAll('[data-metabu]');
        if (event.target.matches('[data-metabuprev]')) i--;
        if (event.target.matches('[data-metabunext]')) i++;
        i = metabues.length ? (i + metabues.length) % metabues.length : 0;
        metabues[i].scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
        metabues.forEach((metabu, j) => metabu.classList.toggle('focus', i == j));
    })())

    // ポップオーバーフォールバック
    const metahatebuPopoverOpen = () => {
        if (HTMLElement.showPopover) {
            metahatebuPopover.showPopover()
        } else {
            metahatebuPopover.show()
        }
    }

    // ブクマ展開（x-template再利用）
    const addBookmark = function (targetElement, bookmark, eid) {
        document.querySelector(`[href="/entry/${eid}/comment/${bookmark.user}"]`)?.closest('.entry-comment-contents > .entry-comment-contents').remove();
        targetElement.insertAdjacentHTML(
            'beforeend',
            document.getElementById('autoloader-bookmark-item').textContent
                .replaceAll('<div class="entry-comment-contents ', '<div data-metabu="metabu" class="entry-comment-contents ')
                .replaceAll('{{user_name}}', bookmark.user)
                .replaceAll('{{bookmarked_url}}', bookmark.url)
                .replaceAll('{{user_page_path}}', `/${bookmark.user}/`)
                .replaceAll('{{ sort }}', `recent`)
                .replaceAll('{{profile_image_url}}', `https://cdn.profile-image.st-hatena.com/users/${bookmark.user}/profile.png`)
                .replaceAll('{{ #is_public }}is-hidden{{ /is_public }}', `is-hidden`)
                .replaceAll('{{{comment_expanded}}}', bookmark.comment)
                .replaceAll('{{{tags}}}', `<li>${bookmark.tags.join('<li>')}`)
                .replaceAll('{{created}}', bookmark.timestamp)
                .replaceAll('{{comment_page_path}}', `/entry/${eid}/comment/${bookmark.user}`)
                .replaceAll('{{#should_nofollow}}nofollow{{/should_nofollow}}', 'nofollow')
                .replaceAll('{{#enable_button}} is-enabled{{/enable_button}}', 'is-enabled')

        )
        metahatebuPopoverOpen()
    }

    // 2階ブクマAPIコール
    const targetURLs = [location.href], upstairsBookmarksList = []
    for (const targetURL of targetURLs) {
        const { bookmarks, entry_url, eid } = (await (await fetch(`${APIURL}${encodeURIComponent(targetURL)}`)).json()) ?? { entry_url: null }
        if (!entry_url) continue
        targetURLs.push(entry_url)
        upstairsBookmarksList.push([bookmarks, eid])
    }

    // 2階ブクマをHTMLに展開
    function addUpstairsBookmark(targetElements) {
        if (upstairsBookmarksList.length) metahatebuPopoverOpen()
        upstairsBookmarksList.forEach(upstairsBookmarks => {
            const [bookmarks, eid] = upstairsBookmarks;
            upstairsBookmarks[0] = bookmarks.filter(bookmark => {
                const targetUserBookmark = targetElements.find(element => element.dataset?.userName === bookmark.user)
                if (!targetUserBookmark) {
                    const targetElement = document.getElementById('upStairsSeat');
                    addBookmark(targetElement, bookmark, eid);
                    return true // 遅延読み込み後に再処理するかもしれないのでリストに残す
                }
                const targetElement = [targetUserBookmark, ...targetUserBookmark.querySelectorAll(`.entry-comment-contents[data-user-name="${bookmark.user}"]`)].pop()
                addBookmark(targetElement, bookmark, eid)
                return false // 遅延読み込み後に再処理しないのでリストから削除する
            })
        })
    }

    // メタブをHTMLに展開
    function addMetaBookmark(targetElements) {
        targetElements.forEach(async element => {
            const targetURL = element.querySelector('[data-gtm-label="entry-recent-permalink"]')?.href
            if (!targetURL) return undefined
            const { bookmarks, entry_url, eid } = (await (await fetch(`${APIURL}${encodeURIComponent(targetURL)}`)).json()) ?? { entry_url: null }
            if (!entry_url) return undefined
            bookmarks.forEach(
                bookmark => {
                    addBookmark(element, bookmark, eid)
                }
            )
        })
    }

    // 初回呼び出し
    addUpstairsBookmark(Array.from(document.querySelectorAll(`.js-bookmarks-recent [data-user-name]`)))
    addMetaBookmark(Array.from(document.querySelectorAll(`.js-bookmarks-recent [data-user-name]`)))

    // ブクマ遅延読み込み監視
    const targetNode = document.querySelector('.js-bookmarks-recent');

    const upstairsBookmarkMutationConfig = { childList: true };
    const upstairsBookmarkMutationCallback = function (mutationsList, observer) {
        for (const mutation of mutationsList) {
            if (mutation.type === 'childList') {
                addUpstairsBookmark(Array.from(mutation.addedNodes).filter(node => node.dataset?.userName))
            }
        }
    };
    const upstairsBookmarkMutationObserver = new MutationObserver(upstairsBookmarkMutationCallback);
    upstairsBookmarkMutationObserver.observe(targetNode, upstairsBookmarkMutationConfig);

    const metaBookmarkMutationConfig = { childList: true, subtree: true };
    const metaBookmarkMutationCallback = function (mutationsList, observer) {
        for (const mutation of mutationsList) {
            if (mutation.type === 'childList') {
                addMetaBookmark(Array.from(mutation.addedNodes).filter(node => node.dataset?.userName))
            }
        }
    };
    const metaBookmarkMutationObserver = new MutationObserver(metaBookmarkMutationCallback);
    metaBookmarkMutationObserver.observe(targetNode, metaBookmarkMutationConfig);

})()

[Let] Pocket のトラッキングURLパラメータを外す

Lhankor_Mhy — 2024-03-12T03:15:07Z

Pocket のトラッキングURLパラメータを外す

// ==UserScript==
// @name         Pocket のトラッキングURLパラメータを外す
// @title        Pocket のトラッキングURLパラメータを外す
// @namespace    https://let.hatelabo.jp/Lhankor_Mhy/let/kLOm3rHEgeAA
// @version      0.1.2
// @description  Pocket のリンクから ?utm_source=pocket_saves などを外します。
// @author       Lhankor_Mhy
// @license      CC0
// @match        https://getpocket.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=getpocket.com
// @run-at       document-idle
// @grant        none
// ==/UserScript==

{
    let timerId;
    new MutationObserver((mutationList, observer) => {
        mutationList.forEach((mutation) => {
            switch (mutation.type) {
                case "childList":
                    clearTimeout(timerId);
                    timerId = setTimeout(omitTrackingParameter, 500)
                    break;
            }
        });
    }).observe(document.body, {
        childList: true,
        subtree: true,
    });
    const omitTrackingParameter = () =>
        document.querySelectorAll('a:where([data-testid="image-link"],[data-testid="content-block"],[data-testid="view-original"],[data-testid="publisher-link"])').forEach(el => {
            const url = new URL(el.href);
            const searchPrams = url.searchParams;
            searchPrams.delete('utm_source');
            url.search = searchPrams.toString();
            el.href = url.href;
        })
}

[Let] canonical URL に移動

Lhankor_Mhy — 2024-02-15T08:44:55Z

canonical URL に移動

/*
 * @title canonical URL に移動
 * @description canonical URLではない場合にページ移動します。
 * @include http://*
 * @license CC0
 * @javascript_url 
 */

{
    const canonical = document.querySelector('[rel=canonical]').href;
    if (location.href !== canonical) location.href = canonical;
    void 0;
}

[Let] はてなグリーンスターに縁をつける

Lhankor_Mhy — 2024-01-31T08:34:19Z

はてなグリーンスターに縁をつける

// ==UserScript==
// @name         はてなグリーンスターに縁をつける
// @title        はてなグリーンスターに縁をつける
// @namespace    https://let.hatelabo.jp/Lhankor_Mhy/let/kNe6m5vsgKAA
// @version      2024-01-31
// @description  はてなグリーンスターに縁をつけます。via: https://b.hatena.ne.jp/entry/4748592896526814671/comment/murlock
// @author       Lhankor_Mhy
// @match        https://b.hatena.ne.jp/entry/*
// @match        https://b.hatena.ne.jp/*/bookmark
// @icon         https://b.hatena.ne.jp/favicon.ico
// @license      CC0
// @noframes
// @grant        none
// @javascript_url
// ==/UserScript==

{
    let timerId;
    new MutationObserver((mutationList, observer) => {
        mutationList.forEach((mutation) => {
            switch (mutation.type) {
                case "childList":
                    clearTimeout(timerId);
                    timerId = setTimeout(replaceGreenStar, 500)
                    break;
            }
        });
    }).observe(document.body, {
        childList: true,
        subtree: true,
    });

    const replaceGreenStar = () => {
        document.querySelectorAll('.hatena-star-star.green span')?.forEach(e =>e.style.backgroundImage = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10.299' viewBox='0 0 11 10.299'%3E%3Cpath d='M-4785.954,1552.838l2.935,2.125-1.127,3.381a.352.352,0,0,0,.538.393l2.815-1.961h0l.2-.14,3.009,2.1a.353.353,0,0,0,.533-.4l-1.036-3.128v0l-.079-.24.2-.15,0,0,2.712-1.971a.352.352,0,0,0-.207-.638h-3.651l-.079-.238,0,0-1.075-3.218a.352.352,0,0,0-.667-.005l-1.167,3.464h-3.653A.353.353,0,0,0-4785.954,1552.838Z' transform='translate(4786.096 -1548.503)' fill='%2300d200' stroke='%23000'/%3E%3C/svg%3E")`)
    }
    replaceGreenStar();
}

[Let] test bookmarklet

Lhankor_Mhy — 2023-07-13T08:46:09Z

test bookmarklet

/*
 * @title test bookmarklet
 * @description https://teratail.com/questions/ncsqe99mif6af6#reply-2mcicqlromm4lp
 * @include http://*
 * @license MIT License
 * @require 
 */


void document.addEventListener('click',e=>alert(`${e.clientX},${e.clientY}`),{once:true})

[Let] test bookmarklet

Lhankor_Mhy — 2023-07-13T08:30:41Z

test bookmarklet

/*
 * @title test bookmarklet
 * @description https://teratail.com/questions/ncsqe99mif6af6
 * @include http://*
 * @license MIT License
 * @require 
 */



void document.elementFromPoint(400,0).click()

[Let] コメントメタブタイトル修正

Lhankor_Mhy — 2023-06-03T03:09:48Z

コメントメタブタイトル修正

/*
 * @title コメントメタブタイトル修正
 * @description メタブタイトルが「...のコメント」となってしまうところを、元ページのタイトルに変更する。自分が公開ブクマをしていることが条件。ブクマ後リロード推奨。
 * @include https://b.hatena.ne.jp/entry/*comment/*
 * @license CC0
 * @javascript_url
 */


void (async () => {
    if (!document.querySelector('.entry-edit')) {
        alert('公開ブクマされていないようなので変更できません（ブクマしている場合はリロードをしてみるといいかも）')
        return;
    }
    {
        const regexpEscape = s => s.replace(/[\\^$.*+?()[\]{}|]/g, '\\$&')
        const regexp = new RegExp(regexpEscape(String.raw`https://b.hatena.ne.jp/entry/`) + String.raw`\d+/comment/`)
        if (!regexp.test(document.documentElement.dataset.entryUrl)) if (!confirm('コメントメタブではなさそうですがタイトル変更しますか？')) return;
    }

    const pageTitle = new DOMParser().parseFromString(await (await fetch(document.documentElement.dataset.entryUrl)).text(), "text/html").querySelector('title').textContent
    if (!confirm(`タイトルを"${pageTitle}"に変更します`)) return;

    document.querySelector('.entry-editModal-textInput').value = pageTitle
    document.querySelector('.entry-editModal-decide').click()
})()

[Let] 2つのブコメを比較（はてな記法版）

Lhankor_Mhy — 2022-11-22T06:18:45Z

2つのブコメを比較（はてな記法版）

/*
 * @title 2つのブコメを比較（はてな記法版）
 * @description 比較したいブコメページを入力→コメントを比較したテキストをはてな記法で出力
 * @include https://b.hatena.ne.jp/entry/*
 * @license CC0
 * @javascript_url
 */

(async () => {
    const regexpEscape = s => s.replace(/[\\^$.*+?()[\]{}|]/g, '\\$&')
    const regexp = new RegExp(regexpEscape("https://b.hatena.ne.jp/entry/") + "(s/)*(.+)")
    const BtoURL = s => s.replace(regexp, (_, p1, p2) => (p1 ? "https://" : "http://") + p2)

    const { bookmarks, eid } = (await (await fetch('https://b.hatena.ne.jp/entry/jsonlite/?url=' + encodeURIComponent(BtoURL(prompt('比較ブクマURL', ''))))).json())
    const { bookmarks: origBookmarks, eid: origEid } = (await (await fetch('https://b.hatena.ne.jp/entry/jsonlite/?url=' + encodeURIComponent(BtoURL(location.href)))).json())

    const html = bookmarks.flatMap(bookmark => {
        const origBookmark = origBookmarks.find(origBookmark=>origBookmark.user===bookmark.user)
        if (!origBookmark) return []
        return [`
<pre>
* ${bookmark.user}
>>
${bookmark.comment}
https://b.hatena.ne.jp/entry/${eid}/comment/${bookmark.user}
<<
>>
${origBookmark.comment}
https://b.hatena.ne.jp/entry/${origEid}/comment/${origBookmark.user}
<<
</pre>
        `]
    }).join('')   

    const blob = new Blob([html], { type: "text/html;charset=utf-8" })
    const url = URL.createObjectURL(blob)
    window.open(url)
    URL.revokeObjectURL(url)
})()

[Let] 2つのブコメを比較

Lhankor_Mhy — 2022-11-18T09:09:55Z

2つのブコメを比較

/*
 * @title 2つのブコメを比較
 * @description 比較したいブコメページを入力→コメントがユーザーごとに並ぶ
 * @include https://b.hatena.ne.jp/entry/*
 * @license CC0
 * @javascript_url
 */

(async () => {
    document.documentElement.scrollTop = document.documentElement.scrollHeight
    const regexpEscape = s => s.replace(/[\\^$.*+?()[\]{}|]/g, '\\$&')
    const regexp = new RegExp(regexpEscape("https://b.hatena.ne.jp/entry/") + "(s/)*(.+)")
    const BtoURL = s => s.replace(regexp, (_, p1, p2) => (p1 ? "https://" : "http://") + p2)

    const {bookmarks,eid} = (await (await fetch('https://b.hatena.ne.jp/entry/jsonlite/?url=' + encodeURIComponent(BtoURL(prompt('比較ブクマURL', ''))))).json())

    bookmarks.forEach(bookmark => {
        const targetElement = document.querySelector(`.is-active.bookmarks-sort-panel [data-user-name="${bookmark.user}"] .entry-comment-text`)
        targetElement?.insertAdjacentHTML?.('beforeend', `<a href="/entry/${eid}/comment/${bookmark.user}" class="entry-comment-text js-bookmark-comment" target="_blank" style="display:block;background-color:wheat">${bookmark.comment}</a>`)
    })
})()

[Let] 俺にスターつけてくれた人のブコメはどれ？

Lhankor_Mhy — 2022-09-07T02:04:29Z

俺にスターつけてくれた人のブコメはどれ？

/*
 * @title 俺にスターつけてくれた人のブコメはどれ？
 * @description エントリページで動作します。
 * @include http://http://b.hatena.ne.jp/entry/*
 * @license MIT License
 * @javascript_url 
 */

document.querySelector('.is-my-bookmark .hatena-star-inner-count')?.click?.()
void setTimeout(()=>{
  document.querySelectorAll('.is-my-bookmark .hatena-star-star').forEach(function(e){
    const targetUserName = e.href.split('/')[3]
    console.log(targetUserName)
    var target = document.querySelectorAll(`.js-bookmarks-sort-panels [data-user-name=${targetUserName}]`)
    if (target) target.forEach(el=>el.style.backgroundColor = '#ff9')
  })
},2000)