DLsiteの集計ツール

ブラウザで動く簡単な集計ツールです。金額とジャンルの集計結果を表示します。
idを取得して商品ページに遷移し欲しい値を持ってきているだけです。
スクレイピング自体は禁止されるわけでもないし他の人もやってるしええじゃろと思ってますが程々にしましょう。
価格は割引やクーポンを考慮しないため、参考程度となります。サイトの画面仕様が変わったら使えなくなります。

①Tampermonkeyをブラウザに入れます。ユーザースクリプトを使えるよう設定します。
②「新規スクリプトを作成」を押下し、以下コードを貼り付けます。

// ==UserScript==
// @name         DLsite Spending & Genre Calculator
// @namespace    dlsite-calculator
// @match        https://play.dlsite.com/library*
// @grant        GM_xmlhttpRequest
// @connect      www.dlsite.com
// @description  金額とジャンルTOP3を集計します
// @version      2025-12-17
// ==/UserScript==

(async function () {
  'use strict';

  const regex_img = /\/([A-Z]{2}\d+)[^\/]*$/;
  const regex_alt = /([A-Z]{2}\d+)/;

  const collectedCodes = new Set();
  const priceCache = new Map();
  const pendingRequests = new Set();

  let observer = null;
  let collecting = false;

  async function backgroundFetchPrice(code) {
    if (priceCache.has(code) || pendingRequests.has(code)) return;
    pendingRequests.add(code);
    updateButtonText();

    const url = `https://www.dlsite.com/home/work/=/product_id/${code}.html`;
    try {
      const data = await new Promise((resolve, reject) => {
        GM_xmlhttpRequest({
          method: 'GET',
          url,
          onload: res => {
            const doc = new DOMParser().parseFromString(res.responseText, 'text/html');

            // 金額の取得
            const priceAttr = doc.querySelector('div[data-official_price]')?.getAttribute('data-official_price') ||
                             doc.querySelector('.price')?.textContent.replace(/[^0-9]/g, '');

            // ジャンルの取得
            const genreElements = doc.querySelectorAll('.main_genre a');
            const genres = Array.from(genreElements).map(a => a.textContent.trim());

            resolve({
              price: priceAttr ? parseInt(priceAttr, 10) : 0,
              genres: genres
            });
          },
          onerror: reject
        });
      });
      priceCache.set(code, { ...data, url });
    } catch (e) {
      console.error(`[取得失敗] ${code}`);
    } finally {
      pendingRequests.delete(code);
      updateButtonText();
    }
  }

  function scanAndFetch() {
    document.querySelectorAll('[data-testid="virtuoso-item-list"] img[alt]').forEach(img => {
      const m = img.getAttribute('alt').match(regex_alt);
      if (m) addCode(m[1]);
    });

    document.querySelectorAll('[data-testid="virtuoso-item-list"] [style*="background-image"]').forEach(el => {
      const bg = el.style.backgroundImage;
      const m = bg.match(regex_img);
      if (m) addCode(m[1]);
    });
  }

  function addCode(code) {
    if (!collectedCodes.has(code)) {
      collectedCodes.add(code);
      backgroundFetchPrice(code);
    }
  }

  function updateButtonText() {
    if (!collecting) return;
    btn.innerHTML = `
      <div style="font-size:10px;">検出:${collectedCodes.size} / 取得:${priceCache.size}</div>
      <div>${pendingRequests.size > 0 ? `通信中(${pendingRequests.size})` : '集計完了・表示'}</div>
    `;
  }

  function startCollecting() {
    if (collecting) return;
    collecting = true;
    scanAndFetch();
    observer = new MutationObserver(() => scanAndFetch());
    observer.observe(document.body, { childList: true, subtree: true });
    alert('解析を開始します。\nライブラリを一番下までスクロールして全作品を表示させてください。');
  }

  async function finishAndCalculate() {
    observer?.disconnect();
    btn.disabled = true;

    while (pendingRequests.size > 0) {
      btn.textContent = `残り取得中(${pendingRequests.size})...`;
      await new Promise(r => setTimeout(r, 300));
    }

    let totalPrice = 0;
    const allGenres = [];
    const resultTable = [];

    for (const code of Array.from(collectedCodes)) {
      const info = priceCache.get(code) || { price: 0, genres: [], url: 'N/A' };
      totalPrice += info.price;
      allGenres.push(...info.genres);

      resultTable.push({
        "作品ID": code,
        "価格 (円)": info.price,
        "ジャンル": info.genres.join(', '),
        "URL": info.url
      });
    }

    const genreCount = allGenres.reduce((acc, curr) => {
      acc[curr] = (acc[curr] || 0) + 1;
      return acc;
    }, {});

    const sortedGenres = Object.entries(genreCount)
      .sort((a, b) => b[1] - a[1])
      .slice(0, 3);

    const topGenresText = sortedGenres.length > 0
      ? sortedGenres.map(([name, count], i) => `${i+1}位: ${name} (${count}件)`).join('\n')
      : 'ジャンルデータなし';

    console.log("%c--- DLsite 購入履歴集計結果 ---", "color: #fff; background: #1f9aff; padding: 4px 8px; border-radius: 4px; font-weight: bold;");
    console.table(resultTable);
    console.log(`%c 合計金額: ¥${totalPrice.toLocaleString()} `, "font-size: 16px; font-weight: bold; border: 2px solid #1f9aff;");
    console.log("%c--- 好きなジャンル TOP3 ---", "font-weight: bold; color: #ff4081;");
    console.log(topGenresText);

    alert(`【集計完了】\n作品数: ${collectedCodes.size}\n合計金額: ¥${totalPrice.toLocaleString()}\n\n【ジャンルTOP3】\n${topGenresText}`);

    btn.disabled = false;
    btn.innerHTML = '集計結果を表示';
  }

  const btn = document.createElement('button');
  btn.textContent = '集計開始';
  btn.style.cssText = `position:fixed;bottom:20px;right:30px;z-index:10000;min-width:150px;padding:12px;background:#1f9aff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:bold;text-align:center;box-shadow: 0 4px 10px rgba(0,0,0,0.3);`;
  btn.onclick = () => !collecting ? startCollecting() : finishAndCalculate();
  document.body.appendChild(btn);
})();

③DLsiteのアカウントでログインしhttps://play.dlsite.com/libraryにアクセスします。
④右下の集計開始ボタンを押します。

⑤画面を下までスクロールさせます。ぐにぐに動かして全作品読み込まれていることを確認します。開発者ツールで最終行のdata-indexの数字と検出件数が一致していればOKだと思います。

⑥完了したら集計結果を表示ボタンで結果が閲覧可能です。

前に戻る