Safariの拡張機能「Tampermonkey」でAmazon.co.jpの商品ページに「Keepa」と「サクラチェッカー」のリンクを表示してきたのですが、先日からリンクが表示されなくなっていました。

「Tampermonkey」のユーザースクリプト

知りあいの「ひとりぶろぐ」を運営されている、もやしさんが作成されたスクリプトを利用させて頂いていました。

これが、最近エラーが出ていて、「Keepa」と「サクラチェッカー」のリンクが商品のページに表示されなくなっていました。

「Keepa」とは？

• Keepaは、Google Chrome、Safari、Firefox、Edge、Operaの各ブラウザに対応した拡張機能です。
• 商品ページを開くと、商品画像の下に価格の推移グラフが表示されます。
• 価格変動を見て、買い時を分析できます。例えば、セール前に価格が高騰している場合は要注意です1。

「サクラチェッカー」とは？

• サクラチェッカーは、Amazonのカスタマーレビューからやらせやサクラによる可能性が高いものを除いた点数を表示できるWebサービスです。
• レビューの信頼性を“サクラ度”として表示したり、信頼できない理由を細かく説明してくれます

Claude 3.5 Sonnet

先日、AnthropicがClaude 3.5 Sonnetをリリースをし「Artifacts」と呼ばれる機能も導入しました。

プログラムも作成できると言うことで、エラーが出ているUser scriptを貼り付け、修正してもらいました。

最初の回答では、エラーが未だ出てしまい、再度依頼したところ2回目の修正で商品ページに「Keepa」と「サクラチェッカー」のリンクを表示することができるようになりました。

設置方法

これは、「ひとりぶろぐ」の「Amazonの商品ページに価格調査「Keepa」、偽レビュー検出「サクラチェッカー」へのリンクを追加する（Safari、Google Chrome、Firefox対応）」に詳しく説明されているので、こちらをご覧になると分かりやすいと思います。

修正したUser script

Claude 3.5 Sonnetの「Artifacts」機能を使って修正したscriptは次のようになっています(1行目と最終行は削除して利用してください)

<code class="language-javascript">
// ==UserScript==
// @name         SakuraKeepaLinker
// @namespace    http://hitoriblog.com/
// @version      0.3
// @description  Amazon商品ページにKeepaとサクラチェッカーへのリンクを追加
// @author       moyashi ( @hitoriblog )
// @match        https://www.amazon.co.jp/*/dp/*
// @match        https://www.amazon.co.jp/*/gp/*
// @match        https://www.amazon.co.jp/dp/*
// @match        https://www.amazon.co.jp/gp/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var old_asin = "";

    function searchASIN() {
        var asin = "";
        var asinElement = document.getElementById("ASIN");
        if (asinElement) {
            asin = asinElement.value || "";
        }
        if (!asin) {
            var match = window.location.pathname.match(/\/(dp|gp\/product)\/([A-Z0-9]{10})/);
            if (match) {
                asin = match[2];
            }
        }
        return asin;
    }

    function ASINWatcher() {
        var asin = searchASIN();
        if (old_asin === "") {
            old_asin = asin;
        } else if (asin !== old_asin) {
            injectLinks();
            old_asin = asin;
        }
    }

    function injectLinks() {
        var asin = searchASIN();
        if (asin !== "") {
            var keepaLink = createLink("Keepaで見る", "https://keepa.com/#!product/5-" + asin, "rgb(202, 230, 252)");
            var sakuraLink = createLink("サクラチェッカーで見る", "https://sakura-checker.jp/search/" + asin + "/", "rgb(255, 235, 250)");
            
            var targetElement = document.getElementById("booksTitle") || document.getElementById("titleSection");
            if (targetElement) {
                targetElement.appendChild(keepaLink);
                targetElement.appendChild(sakuraLink);
            }
        }
    }

    function createLink(text, url, bgColor) {
        var div = document.createElement("div");
        div.textContent = text;
        div.style.cssText = `
            border: 1px solid #999;
            border-radius: 3px;
            margin: 7px;
            padding: 7px;
            font-weight: bold;
            background-color: ${bgColor};
        `;
        var a = document.createElement("a");
        a.href = url;
        a.target = "_blank";
        a.appendChild(div);
        return a;
    }

    function init() {
        injectLinks();
        setInterval(ASINWatcher, 1000);
    }

    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", init);
    } else {
        init();
    }
})();
</code>