🏯 熊本応援ツールセットアップ呪文

リベシティ市場で「熊本の会員さんの出品」に自動で目印が付く道具です（個人が善意で作った非公式ツール）

使い方はかんたんです。
下の「呪文をコピー」ボタンを押して、お使いのAI（クロコ／Codex）に貼り付けてください。
あとはAIが1ステップずつ案内してくれます。PCのChrome（またはEdge）でお使いください。

① クロコ（Claude Code）をお使いの方

コピーしたら、クロコの入力欄に貼り付けて送信してください。

あなたに、私のパソコンのChromeで「リベシティ市場の熊本応援ツール」を使えるようにするお手伝いをお願いします。あなたがブラウザ画面を直接操作できない場合は、私に一手ずつ指示を出して、私が操作します。一度に全部言わず、1ステップずつ、私の「できた」を確認してから次に進んでください。

【目的】
Chromeに拡張機能「Tampermonkey」を入れて、下の【スクリプト】を登録する。成功すると、リベシティ市場（ichiba.libecity.com）を開くだけで、熊本県在住の会員さんの出品に🏯マークが自動で付くようになる。

【最初に確認すること】
1. 私のOSとブラウザを確認してください。この道具はパソコンのChrome（またはEdge）用です。スマホやSafariでは動かないので、その場合は「この道具はPCのChrome用です」と教えて終了してください。

【手順（1ステップずつ案内して）】
2. Chromeウェブストアの Tampermonkey のページを開くよう案内する：
   https://chromewebstore.google.com/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo
   私が「Chromeに追加」を押します。
3. 【必須・ここを飛ばすと動きません】Chromeのアドレス欄に chrome://extensions と入れて開き、Tampermonkeyの「詳細」を押して、「ユーザー スクリプトを許可する」をONにするよう案内する。最近のChromeはこれがOFFだと、登録してもスクリプトが一切動きません。
4. 次に、Chrome右上のパズルピースのアイコン → Tampermonkey → 「ダッシュボード」を開くよう案内する。
5. ダッシュボード左上の「＋」タブ（新規スクリプト作成）を開かせて、最初から入っているひな形コードを全部消すよう案内する。
6. 下の【スクリプト】を丸ごと貼り付けて、⌘+S（WindowsはCtrl+S）で保存するよう案内する。
7. 動作確認：https://ichiba.libecity.com/search を開いて、画面右下に赤い「🏯熊本応援メモ」パネルが出るか確認する。出たら成功。
8. 出なかった場合は順に確認：①手順3の「ユーザー スクリプトを許可する」がONのままか ②Tampermonkey本体が有効になっているか ③いま保存したスクリプトがONになっているか ④ページを再読み込みしたか。

【私にも伝えてほしい注意】
・これは会員の公開プロフィールをもとに、個人が善意で作った非公式の応援ツールです
・ページの見た目を自分のブラウザの中で変えるだけで、データの複製や外部送信はしません（熊本のお店の名簿を読み込むだけ）
・不要になったら、Tampermonkeyのダッシュボードからこのスクリプトを削除すれば元通りです

【スクリプト】
// ==UserScript==
// @name         熊本応援 色眼鏡（リベシティ市場・非公式）
// @namespace    kumamoto-ouen
// @version      1.0
// @description  リベシティ市場で熊本県在住の会員さんの出品を自動ハイライト（個人が善意で作った非公式の応援ツール）
// @match        https://ichiba.libecity.com/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function () {
  'use strict';
  // 名簿（熊本会員のショップ一覧JSON）の置き場。名簿を更新すれば全利用者に自動反映される
  const LIST_URL = 'https://kumamoto-ouen.pages.dev/meibo.json';

  const LS_BUDGET = 'kumaOuen_budget', LS_ITEMS = 'kumaOuen_items', LS_FILTER = 'kumaOuen_filter', LS_MIN = 'kumaOuen_min';
  const yen = n => '¥' + n.toLocaleString('ja-JP');

  function start(SHOPS) {
    if (window.__kumaOuen) return;
    let items = []; try { items = JSON.parse(localStorage.getItem(LS_ITEMS) || '[]'); } catch (e) {}
    let budget = parseInt(localStorage.getItem(LS_BUDGET) || '0', 10) || 0;
    // 絞り込み状態はページをまたいで記憶する（常時色眼鏡の要）
    let filterOn = localStorage.getItem(LS_FILTER) === '1';

    const P = document.createElement('div');
    P.id = 'kumaOuenPanel';
    P.style.cssText = 'position:fixed;right:12px;bottom:12px;z-index:99999;width:260px;background:#fff;border:2px solid #b71c1c;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.25);font:13px/1.5 -apple-system,"Hiragino Sans",sans-serif;color:#333;';
    P.innerHTML = '' +
      '<div id="koHead" style="background:#b71c1c;color:#fff;padding:8px 10px;border-radius:7px 7px 0 0;display:flex;justify-content:space-between;align-items:center;">' +
        '<b>\u{1F3EF} 熊本応援メモ</b><span id="koMin" style="cursor:pointer;padding:0 6px;">－</span>' +
      '</div>' +
      '<div id="koBody" style="padding:10px;">' +
        '<div style="font-size:11px;color:#888;margin-bottom:6px;">個人が善意で作った非公式の応援ツールです</div>' +
        '<button id="koFilter" style="width:100%;margin-bottom:8px;padding:6px;border:1px solid #b71c1c;background:#fff;color:#b71c1c;border-radius:6px;cursor:pointer;">熊本の出品だけ表示</button>' +
        '<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px;">' +
          '<span>応援予算</span>' +
          '<input id="koBudget" type="number" min="0" step="500" style="flex:1;min-width:0;padding:4px;border:1px solid #ccc;border-radius:4px;text-align:right;" placeholder="例: 5000">' +
          '<span>円</span>' +
        '</div>' +
        '<div id="koList" style="max-height:150px;overflow:auto;border-top:1px dashed #ccc;"></div>' +
        '<div id="koSum" style="border-top:2px solid #b71c1c;margin-top:6px;padding-top:6px;font-weight:bold;"></div>' +
      '</div>';
    document.body.appendChild(P);
    const $ = id => document.getElementById(id);

    function save() { localStorage.setItem(LS_ITEMS, JSON.stringify(items)); localStorage.setItem(LS_BUDGET, String(budget)); }
    function render() {
      $('koList').innerHTML = items.length ? items.map(function (it, i) {
        return '<div style="display:flex;justify-content:space-between;gap:4px;padding:4px 0;border-bottom:1px dotted #eee;">' +
          '<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="' + it.n.replace(/"/g, '') + '">' + it.n + '</span>' +
          '<span style="white-space:nowrap;">' + yen(it.p) + '</span>' +
          '<span data-i="' + i + '" class="koDel" style="color:#b71c1c;cursor:pointer;">✕</span>' +
        '</div>';
      }).join('') : '<div style="color:#aaa;padding:6px 0;">商品カードの「＋メモ」で追加</div>';
      const total = items.reduce(function (s, it) { return s + it.p; }, 0);
      const left = budget - total;
      $('koSum').innerHTML = '合計 ' + yen(total) + '<br>残り <span style="color:' + (left < 0 ? '#b71c1c' : '#2e7d32') + '">' + yen(left) + '</span>';
      P.querySelectorAll('.koDel').forEach(function (el) { el.onclick = function () { items.splice(+el.dataset.i, 1); save(); render(); }; });
    }
    function syncFilterBtn() {
      $('koFilter').textContent = filterOn ? 'すべての出品を表示' : '熊本の出品だけ表示';
      $('koFilter').style.background = filterOn ? '#b71c1c' : '#fff';
      $('koFilter').style.color = filterOn ? '#fff' : '#b71c1c';
    }
    $('koBudget').value = budget || '';
    $('koBudget').oninput = function (e) { budget = parseInt(e.target.value || '0', 10) || 0; save(); render(); };
    $('koMin').onclick = function () {
      const b = $('koBody'); const min = b.style.display !== 'none';
      b.style.display = min ? 'none' : '';
      localStorage.setItem(LS_MIN, min ? '1' : '0');
    };
    if (localStorage.getItem(LS_MIN) === '1') $('koBody').style.display = 'none';
    $('koFilter').onclick = function () {
      filterOn = !filterOn;
      localStorage.setItem(LS_FILTER, filterOn ? '1' : '0');
      syncFilterBtn(); apply();
    };

    function apply() {
      document.querySelectorAll('section.productCard').forEach(function (card) {
        const a = card.querySelector('a[href*="/shops/"]');
        const m = a && a.getAttribute('href').match(/\/shops\/(\d+)/);
        const hit = !!(m && SHOPS[m[1]]);
        if (hit && !card.dataset.koDone) {
          card.dataset.koDone = '1';
          card.style.position = 'relative';
          card.style.outline = '3px solid #b71c1c';
          card.style.borderRadius = '8px';
          const badge = document.createElement('div');
          badge.textContent = '\u{1F3EF} 熊本';
          badge.style.cssText = 'position:absolute;top:-1px;left:-1px;background:#b71c1c;color:#fff;font:bold 11px/1 sans-serif;padding:4px 8px;border-radius:8px 0 8px 0;z-index:10;pointer-events:none;';
          card.appendChild(badge);
          const btn = document.createElement('button');
          btn.textContent = '＋メモ';
          btn.style.cssText = 'position:absolute;bottom:6px;right:6px;background:#fff;border:1px solid #b71c1c;color:#b71c1c;font-size:11px;padding:3px 8px;border-radius:10px;cursor:pointer;z-index:10;';
          btn.onclick = function (e) {
            e.preventDefault(); e.stopPropagation();
            const t = (card.innerText.trim().split('\n')[0] || '商品').slice(0, 30);
            const pm = card.innerText.match(/¥([\d,]+)/);
            items.push({ n: t, p: pm ? parseInt(pm[1].replace(/,/g, ''), 10) : 0 });
            save(); render();
          };
          card.appendChild(btn);
        }
        card.style.display = (filterOn && !hit) ? 'none' : '';
      });
    }

    const mo = new MutationObserver(function () { clearTimeout(mo._t); mo._t = setTimeout(apply, 400); });
    mo.observe(document.body, { childList: true, subtree: true });

    window.__kumaOuen = { rescan: apply };
    syncFilterBtn(); apply(); render();
  }

  fetch(LIST_URL, { cache: 'no-store' })
    .then(function (r) { return r.json(); })
    .then(start)
    .catch(function () { /* 名簿が読めない時は何もしない（普通の市場のまま） */ });
})();

② Codex をお使いの方

コピーしたら、Codexの入力欄に貼り付けて送信してください。

あなたに、私のパソコンのChromeで「リベシティ市場の熊本応援ツール」を使えるようにするお手伝いをお願いします。あなたがブラウザ画面を直接操作できない場合は、私に一手ずつ指示を出して、私が操作します。一度に全部言わず、1ステップずつ、私の「できた」を確認してから次に進んでください。

【目的】
Chromeに拡張機能「Tampermonkey」を入れて、下の【スクリプト】を登録する。成功すると、リベシティ市場（ichiba.libecity.com）を開くだけで、熊本県在住の会員さんの出品に🏯マークが自動で付くようになる。

【最初に確認すること】
1. 私のOSとブラウザを確認してください。この道具はパソコンのChrome（またはEdge）用です。スマホやSafariでは動かないので、その場合は「この道具はPCのChrome用です」と教えて終了してください。

【手順（1ステップずつ案内して）】
2. Chromeウェブストアの Tampermonkey のページを開くよう案内する：
   https://chromewebstore.google.com/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo
   私が「Chromeに追加」を押します。
3. 【必須・ここを飛ばすと動きません】Chromeのアドレス欄に chrome://extensions と入れて開き、Tampermonkeyの「詳細」を押して、「ユーザー スクリプトを許可する」をONにするよう案内する。最近のChromeはこれがOFFだと、登録してもスクリプトが一切動きません。
4. 次に、Chrome右上のパズルピースのアイコン → Tampermonkey → 「ダッシュボード」を開くよう案内する。
5. ダッシュボード左上の「＋」タブ（新規スクリプト作成）を開かせて、最初から入っているひな形コードを全部消すよう案内する。
6. 下の【スクリプト】を丸ごと貼り付けて、⌘+S（WindowsはCtrl+S）で保存するよう案内する。
7. 動作確認：https://ichiba.libecity.com/search を開いて、画面右下に赤い「🏯熊本応援メモ」パネルが出るか確認する。出たら成功。
8. 出なかった場合は順に確認：①手順3の「ユーザー スクリプトを許可する」がONのままか ②Tampermonkey本体が有効になっているか ③いま保存したスクリプトがONになっているか ④ページを再読み込みしたか。

【私にも伝えてほしい注意】
・これは会員の公開プロフィールをもとに、個人が善意で作った非公式の応援ツールです
・ページの見た目を自分のブラウザの中で変えるだけで、データの複製や外部送信はしません（熊本のお店の名簿を読み込むだけ）
・不要になったら、Tampermonkeyのダッシュボードからこのスクリプトを削除すれば元通りです

【スクリプト】
// ==UserScript==
// @name         熊本応援 色眼鏡（リベシティ市場・非公式）
// @namespace    kumamoto-ouen
// @version      1.0
// @description  リベシティ市場で熊本県在住の会員さんの出品を自動ハイライト（個人が善意で作った非公式の応援ツール）
// @match        https://ichiba.libecity.com/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function () {
  'use strict';
  // 名簿（熊本会員のショップ一覧JSON）の置き場。名簿を更新すれば全利用者に自動反映される
  const LIST_URL = 'https://kumamoto-ouen.pages.dev/meibo.json';

  const LS_BUDGET = 'kumaOuen_budget', LS_ITEMS = 'kumaOuen_items', LS_FILTER = 'kumaOuen_filter', LS_MIN = 'kumaOuen_min';
  const yen = n => '¥' + n.toLocaleString('ja-JP');

  function start(SHOPS) {
    if (window.__kumaOuen) return;
    let items = []; try { items = JSON.parse(localStorage.getItem(LS_ITEMS) || '[]'); } catch (e) {}
    let budget = parseInt(localStorage.getItem(LS_BUDGET) || '0', 10) || 0;
    // 絞り込み状態はページをまたいで記憶する（常時色眼鏡の要）
    let filterOn = localStorage.getItem(LS_FILTER) === '1';

    const P = document.createElement('div');
    P.id = 'kumaOuenPanel';
    P.style.cssText = 'position:fixed;right:12px;bottom:12px;z-index:99999;width:260px;background:#fff;border:2px solid #b71c1c;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.25);font:13px/1.5 -apple-system,"Hiragino Sans",sans-serif;color:#333;';
    P.innerHTML = '' +
      '<div id="koHead" style="background:#b71c1c;color:#fff;padding:8px 10px;border-radius:7px 7px 0 0;display:flex;justify-content:space-between;align-items:center;">' +
        '<b>\u{1F3EF} 熊本応援メモ</b><span id="koMin" style="cursor:pointer;padding:0 6px;">－</span>' +
      '</div>' +
      '<div id="koBody" style="padding:10px;">' +
        '<div style="font-size:11px;color:#888;margin-bottom:6px;">個人が善意で作った非公式の応援ツールです</div>' +
        '<button id="koFilter" style="width:100%;margin-bottom:8px;padding:6px;border:1px solid #b71c1c;background:#fff;color:#b71c1c;border-radius:6px;cursor:pointer;">熊本の出品だけ表示</button>' +
        '<div style="display:flex;align-items:center;gap:6px;margin-bottom:6px;">' +
          '<span>応援予算</span>' +
          '<input id="koBudget" type="number" min="0" step="500" style="flex:1;min-width:0;padding:4px;border:1px solid #ccc;border-radius:4px;text-align:right;" placeholder="例: 5000">' +
          '<span>円</span>' +
        '</div>' +
        '<div id="koList" style="max-height:150px;overflow:auto;border-top:1px dashed #ccc;"></div>' +
        '<div id="koSum" style="border-top:2px solid #b71c1c;margin-top:6px;padding-top:6px;font-weight:bold;"></div>' +
      '</div>';
    document.body.appendChild(P);
    const $ = id => document.getElementById(id);

    function save() { localStorage.setItem(LS_ITEMS, JSON.stringify(items)); localStorage.setItem(LS_BUDGET, String(budget)); }
    function render() {
      $('koList').innerHTML = items.length ? items.map(function (it, i) {
        return '<div style="display:flex;justify-content:space-between;gap:4px;padding:4px 0;border-bottom:1px dotted #eee;">' +
          '<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="' + it.n.replace(/"/g, '') + '">' + it.n + '</span>' +
          '<span style="white-space:nowrap;">' + yen(it.p) + '</span>' +
          '<span data-i="' + i + '" class="koDel" style="color:#b71c1c;cursor:pointer;">✕</span>' +
        '</div>';
      }).join('') : '<div style="color:#aaa;padding:6px 0;">商品カードの「＋メモ」で追加</div>';
      const total = items.reduce(function (s, it) { return s + it.p; }, 0);
      const left = budget - total;
      $('koSum').innerHTML = '合計 ' + yen(total) + '<br>残り <span style="color:' + (left < 0 ? '#b71c1c' : '#2e7d32') + '">' + yen(left) + '</span>';
      P.querySelectorAll('.koDel').forEach(function (el) { el.onclick = function () { items.splice(+el.dataset.i, 1); save(); render(); }; });
    }
    function syncFilterBtn() {
      $('koFilter').textContent = filterOn ? 'すべての出品を表示' : '熊本の出品だけ表示';
      $('koFilter').style.background = filterOn ? '#b71c1c' : '#fff';
      $('koFilter').style.color = filterOn ? '#fff' : '#b71c1c';
    }
    $('koBudget').value = budget || '';
    $('koBudget').oninput = function (e) { budget = parseInt(e.target.value || '0', 10) || 0; save(); render(); };
    $('koMin').onclick = function () {
      const b = $('koBody'); const min = b.style.display !== 'none';
      b.style.display = min ? 'none' : '';
      localStorage.setItem(LS_MIN, min ? '1' : '0');
    };
    if (localStorage.getItem(LS_MIN) === '1') $('koBody').style.display = 'none';
    $('koFilter').onclick = function () {
      filterOn = !filterOn;
      localStorage.setItem(LS_FILTER, filterOn ? '1' : '0');
      syncFilterBtn(); apply();
    };

    function apply() {
      document.querySelectorAll('section.productCard').forEach(function (card) {
        const a = card.querySelector('a[href*="/shops/"]');
        const m = a && a.getAttribute('href').match(/\/shops\/(\d+)/);
        const hit = !!(m && SHOPS[m[1]]);
        if (hit && !card.dataset.koDone) {
          card.dataset.koDone = '1';
          card.style.position = 'relative';
          card.style.outline = '3px solid #b71c1c';
          card.style.borderRadius = '8px';
          const badge = document.createElement('div');
          badge.textContent = '\u{1F3EF} 熊本';
          badge.style.cssText = 'position:absolute;top:-1px;left:-1px;background:#b71c1c;color:#fff;font:bold 11px/1 sans-serif;padding:4px 8px;border-radius:8px 0 8px 0;z-index:10;pointer-events:none;';
          card.appendChild(badge);
          const btn = document.createElement('button');
          btn.textContent = '＋メモ';
          btn.style.cssText = 'position:absolute;bottom:6px;right:6px;background:#fff;border:1px solid #b71c1c;color:#b71c1c;font-size:11px;padding:3px 8px;border-radius:10px;cursor:pointer;z-index:10;';
          btn.onclick = function (e) {
            e.preventDefault(); e.stopPropagation();
            const t = (card.innerText.trim().split('\n')[0] || '商品').slice(0, 30);
            const pm = card.innerText.match(/¥([\d,]+)/);
            items.push({ n: t, p: pm ? parseInt(pm[1].replace(/,/g, ''), 10) : 0 });
            save(); render();
          };
          card.appendChild(btn);
        }
        card.style.display = (filterOn && !hit) ? 'none' : '';
      });
    }

    const mo = new MutationObserver(function () { clearTimeout(mo._t); mo._t = setTimeout(apply, 400); });
    mo.observe(document.body, { childList: true, subtree: true });

    window.__kumaOuen = { rescan: apply };
    syncFilterBtn(); apply(); render();
  }

  fetch(LIST_URL, { cache: 'no-store' })
    .then(function (r) { return r.json(); })
    .then(start)
    .catch(function () { /* 名簿が読めない時は何もしない（普通の市場のまま） */ });
})();

うまく動かないときは
最近のChromeは、Tampermonkeyの設定で「ユーザースクリプトを許可する」をONにしないと動きません。
アドレス欄に chrome://extensions と入れて開き、Tampermonkeyの「詳細」→「ユーザースクリプトを許可する」をONにしてください。
それでも出ないときは、①Tampermonkey本体が有効か ②登録したスクリプトがONか ③ページを再読み込みしたか、を順に確認してください。

🏯 熊本応援ツール セットアップ呪文

① クロコ（Claude Code）をお使いの方

② Codex をお使いの方

🏯 熊本応援ツールセットアップ呪文