Bookmarklets from Lhankor_Mhy

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

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

/*
 * @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] Amazon から Kinoppy

Lhankor_Mhy — 2022-09-22T04:46:28Z

Amazon から Kinoppy

/*
 * @title Amazon から Kinoppy
 * @description なんか、パーセントエンコーディングがアレ←プロトコルでリダイレクトされてた
 * @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] 俺にスターつけてくれた人のブコメはどれ？

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)

[Let] Table to CSV

Lhankor_Mhy — 2022-01-04T04:20:31Z

Table to CSV

/*
 * @title Table to CSV
 * @description テーブルクリックでCSVとしてダウンロード
 * @include http://*
 * @license public domain
 * @javascript_url
 */


{
    const target = document.querySelectorAll('table');
    
    const dl = event => {
        const bom = new Uint8Array([0xef, 0xbb, 0xbf]);
        console.log(event.currentTarget)
        const a = document.createElement('a');
        a.download = 'test.csv';
        a.href = URL.createObjectURL(
            new Blob([
                bom,
                Array.from(event.currentTarget.querySelectorAll(`tr`)).map(
                    r => [...r.children].map(c => `"${c.innerText}"`).join(',')
                ).join('\n')
            ],
                { type: "text/csv" }
            )
        )
        a.click();
        removeEvent();
    }

    target.forEach(table => {
        table.addEventListener('click', dl)
    });
    
    const removeEvent = ()=>{
        target.forEach(table=>{
            table.removeEventListener('click', dl);
        })
    }
    alert('テーブルをクリックしてください')

}

[Let] teratail NG

Lhankor_Mhy — 2021-07-17T07:08:16Z

teratail NG

// ==UserScript==
// @title        teratail NG
// @name         teratail NG
// @namespace    http://let.hatelabo.jp/Lhankor_Mhy/let/jIKH0YzigMAA
// @version      0.1
// @description  teratailのNG回答者リストをローカルに保存して、質問を見えなくする
// @author       Lhankor_Mhy
// @match        https://teratail.com/
// @match        https://teratail.com/feed/*
// @match        https://teratail.com/tags/*
// @match        https://teratail.com/questions/*
// @icon         https://www.google.com/s2/favicons?domain=teratail.com
// @license      public domain
// @grant        none
// ==/UserScript==

(function () {
  'use strict';

  // CONST
  const localStorageKey = '63cc7db5-31e8-7c4f-6dbb-2210c1c056de';
  //const headers = new Headers({ 'Authorization': 'Bearer [APIToken]' });
  const headers = {};

  // pushState hack
  const pushState = history.pushState.bind(history);
  history.pushState = (...arg) => {
    document.querySelectorAll('.boxContentWrap')?.forEach?.(NGEraser);
    pushState(...arg);
  }

  // NGID リストを取得
  const NGIDs = new Set(JSON.parse(localStorage.getItem(localStorageKey)));


  // 質問ユーザを localStorage から取得して返す、なければ API を叩いて localStorage にセットして返す
  const getQuestionUser = async questionId => {

    let questionUserName = localStorage.getItem(`${localStorageKey}${questionId}`);

    if (!questionUserName) {
      questionUserName = (
        await (
          await fetch(`https://teratail.com/api/v1/questions/${questionId}`, {
            headers
          })
        ).json()
      ).question?.user?.display_name;
      questionUserName ??= '退会済みユーザー'; // 退会済みユーザーはAPIが値を返さない
      localStorage.setItem(`${localStorageKey}${questionId}`, questionUserName);
    }

    return questionUserName;

  }

  // 質問一覧のメインループ
  const NGEraser = (element) => {
    element.querySelectorAll('.C-questionFeedItem').forEach(async e => {

      const txtUpdateGenre = e.querySelector('.txtUpdateGenre')?.textContent;
      const questionId = e.querySelector('[data-question-id]').dataset.questionId;
      const txtUserName = e.querySelector('.txtUserName .C-textLink')?.textContent?.trim?.();

      // ユーザ名がない場合はgetQuestionUser、ある場合で、「分前にコメント」などがあればgetQuestionUser、または「分前に質問」「分前に質問を編集」などでなければgetQuestionUser
      const userName = txtUserName && (!txtUpdateGenre || txtUpdateGenre.includes('質問')) ?
        txtUserName :
        await getQuestionUser(questionId);

      // localStorage に退会済みユーザー名が残っていたら表示する
      if (e.querySelector('.txtUserName')?.textContent?.trim?.() === '退会済みユーザー' && userName !== '退会済みユーザー') e.querySelector('.txtUserName').textContent += `質問ユーザー：${userName}`;

      changeNGView(userName, e);
    });
  }

  // ?えんがちょボタン
  const addToggleNG = (element) => {
    const toggleNG = document.createElement('span');
    const userName = element.querySelector('.c-userName__link').textContent.trim();
    toggleNG.dataset.userName = userName;
    toggleNG.textContent = '?';
    toggleNG.style.cursor = 'pointer';
    toggleNG.style.border = "1px solid gray";
    toggleNG.style.borderRadius = "3px";
    toggleNG.style.background = "lightgray";
    toggleNG.addEventListener('click', toggleNGListener(userName));

    element.insertAdjacentElement('beforeend', toggleNG)

    changeNGView(toggleNG.dataset.userName, toggleNG.parentElement);
  }

  // NGID表示トグル処理
  const changeNGView = (userName, element) => {
    if (NGIDs.has(userName)) {
      element.style.opacity = "0.1";
    } else {
      element.style.opacity = "";
    }
  }

  // ?えんがちょボタンのリスナ
  const toggleNGListener = userName => event => {
    if (NGIDs.has(userName)) {
      NGIDs.delete(userName);
    } else {
      NGIDs.add(userName);
    }
    changeNGView(userName, event.target.parentElement);
    localStorage.setItem(localStorageKey, JSON.stringify([...NGIDs]));
  }

  // init
  document.querySelectorAll('.boxContentWrap')?.forEach?.(NGEraser);
  document.querySelectorAll('.p-questioner')?.forEach?.(addToggleNG);


  //TODO APIの例外処理　ユーザーページにえんがちょボタンいれる？　ユーザー名変更に対応するは無理かな？

})();

[Let] Disable contextmenu blocking

Lhankor_Mhy — 2020-11-27T06:03:31Z

Disable contextmenu blocking

/*
 * @title Disable contextmenu blocking
 * @description プルリクできればいいんだけど……　とりあえずフォーク。
 * @include http://*
 * @license CC0 https://creativecommons.org/publicdomain/zero/1.0/
 * @javascript_url
 */

['contextmenu', 'selectstart', 'copy'].forEach(ev => window.addEventListener(ev, e => e.stopPropagation(), true));
void (document.head.appendChild(document.createElement('style')).textContent = '* { user-select: initial !important }');

[Let] id属性がある要素の後ろにアンカーリンクをつける

Lhankor_Mhy — 2020-10-13T07:29:12Z

id属性がある要素の後ろにアンカーリンクをつける

/*
 * @title id属性がある要素の後ろにアンカーリンクをつける
 * @description ページ途中へのフラグメント付きURL（#xxx）が欲しい時に
 * @include http://*
 * @license MIT License
 * @javascript_url
 * @require 
 */

{
  const pipe = x => f => f ? pipe(f(x)) : x;  // via https://qiita.com/nagtkk/items/5c54ec418c1c71fa491a
  const $attr = attr => val => e =>{
    if ( val == null) return e.getAttribute(attr);
    e.setAttribute(attr, val);
    return e;
  };
  
  document.querySelectorAll('[id]').forEach( e => 
    pipe( document.createElement('a') )
      ( e.appendChild.bind(e) )
      ( $attr( 'href' )( "#" + e.id ) )
      ().textContent = '¶'
  );
  
  document.querySelectorAll('[name]').forEach( e => 
    pipe( document.createElement('a') )
      ( e.appendChild.bind(e) )
      ( $attr( 'href' )( "#" + e.name ) )
      ().textContent = '¶'
  );

  void 0;
}