【報酬あり】 秀丸エディタでマクロを作成

Bookmarklet でも良いということでしたので、書いてみました。

(function() {
    const d_ = document;

    Array.prototype.forEach.call(d_.body.querySelectorAll("script,style,noscript"), function(e) {
        e.parentNode.removeChild(e);
    });

    const text = d_.body.textContent.replace(/\s+/g, "");
    const count = text.length;
    const title = d_.title;
    const hx_list = d_.querySelectorAll("h1,h2,h3,h4,h5,h6");

    const panel = d_.body.appendChild(d_.createElement("textarea"));
    panel.style.position = "fixed";
    panel.style.backgroundColor = "white";
    panel.style.border = "1px solid black";
    panel.style.padding = "1ex";
    panel.style.top = "0";
    panel.style.width = "80ex";
    panel.style.height = "20em";
    function indent(tag) {
        let n = parseInt(tag.replace(/^H/, "")) - 1;
        let pad = "";
        for (let i = 0 ; i < n ; ++i) {
            pad += "\t";
        }
        return pad;
    }
    panel.value = [
        "【文字数】",
        count,
        "\n【title】",
        title,
        "\n【hタグ】",
        Array.prototype.map.call(hx_list, function(h) {return indent(h.tagName) + h.tagName + ":" + h.textContent;}).join("\n"),
    ].join("\n");
})();

Firefox でしか動作確認をしていませんが、Google Chrome や Edge なら動くと思います。


はてなには、Hatena::Let という Bookmarklet をホスティングするサービスがあるので、そこにも置きました。
http://let.hatelabo.jp/a-kuma3/let/hJmfy_yqmbJ2

赤で括ったあたりを右クリックでブックマークしてください。


データを抽出したいページを表示した後に、ブックマークした Bookmarklet をクリックして実行してください。
質問で挙げられたページだと、こんな感じで抽出結果を表示します。

TEXTAREA で表示しているので、クリックして ctrl+A で全選択して、ctrl+C でコピーできます。