Patreonのクリエイターデータと投稿をスクレイピングする方法

import asyncio
from playwright.async_api import async_playwright

async def scrape_patreon():
    async with async_playwright() as p:
        # ヘッド付きブラウザで起動すると、基本的な検知を回避できる場合があります
        browser = await p.chromium.launch(headless=True)
        context = await browser.new_context(user_agent='Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36')
        page = await context.new_page()
        
        # クリエイターの探索ページへ移動
        await page.goto('https://www.patreon.com/explore', wait_until='networkidle')
        
        # 動的なクリエイターカードが読み込まれるのを待機
        await page.wait_for_selector('[data-tag="creator-card"]')
        
        creators = await page.query_selector_all('[data-tag="creator-card"]')
        for creator in creators:
            name_el = await creator.query_selector('h3')
            if name_el:
                name = await name_el.inner_text()
                print(f'スクレイピングされたクリエイター: {name}')
        
        await browser.close()

asyncio.run(scrape_patreon())

import scrapy

class PatreonSpider(scrapy.Spider):
    name = 'patreon_spider'
    start_urls = ['https://www.patreon.com/explore']
    
    custom_settings = {
        'USER_AGENT': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36',
        'DOWNLOAD_DELAY': 2
    }

    def parse(self, response):
        # PatreonはしばしばJSレンダリングを必要とします。標準のScrapyでは限定的なデータしか見えない場合があります。
        # 最良の結果を得るには Scrapy-Playwright などのツールを使用してください。
        for creator in response.css('div[data-tag="creator-card"]'):
            yield {
                'name': creator.css('h3::text').get(),
                'link': creator.css('a::attr(href)').get(),
                'category': creator.css('span.category-label::text').get()
            }
        
        # ページネーションがあれば追跡
        next_page = response.css('a[data-tag="next-button"]::attr(href)').get()
        if next_page:
            yield response.follow(next_page, self.parse)

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: true });
  const page = await browser.newPage();
  
  // 現実的なビューポートを設定
  await page.setViewport({ width: 1280, height: 800 });
  
  await page.goto('https://www.patreon.com/explore', { waitUntil: 'networkidle2' });
  
  // 動的コンテンツがレンダリングされるのを待機
  await page.waitForSelector('[data-tag="creator-card"]');
  
  const creatorData = await page.evaluate(() => {
    const cards = Array.from(document.querySelectorAll('[data-tag="creator-card"]'));
    return cards.map(card => ({
      name: card.querySelector('h3')?.innerText,
      description: card.querySelector('p')?.innerText
    }));
  });
  
  console.log(creatorData);
  await browser.close();
})();