「Puppeteer入門ースクレイピング＋Web操作自動処理プログラミング」の動かないサンプルコード:

「Puppeteer入門ースクレイピング＋Web操作自動処理プログラミング」の動かないサンプルコード

「Puppeteer入門ースクレイピング＋Web操作自動処理プログラミング」を購入し、ただいま勉強中です。

これね↓
Puppeteer入門 スクレイピング+Web操作自動処理プログラミング

例として使用している秀和システムのWebサイトが、本書執筆時とは大きく変わってしまってるようで動かないサンプルコードがあるでしょう？

のちのち使えそうなコードはせっかくなので修正して残しておこうと思いました。

7章の２，「秀和システムの新刊一覧の詳細を取得する」

このサンプルは汎用性が高いと思います。

/// 修正した。修正箇所は///--修正--///の行です 
/// 注１：headlessはfalseにしてある。そのほうが動きが目に見えて素敵 
/// 注２：当方ubuntu環境なのでCSVへの保存はUTF-8にしてある 
 
const puppeteer = require('puppeteer'); 
const stringify = require('csv-stringify'); 
const iconv = require('iconv-lite'); 
const fs = require('fs'); 
const path = require('path'); 
const delay = require('delay'); 
 
const getInfoFromChildPage = async (browser, url) => { 
  const childPage = await browser.newPage(); 
  await childPage.goto(url); 
 ///--修正--/// const h1Title = await childPage.evaluate(() => document.querySelector('h1.syoseki').textContent);　＞'h1.shoseki'はなくて、h1.titleType1になってる 
  const h1Title = await childPage.evaluate(() => document.querySelector('h1.titleType1').textContent); 
 ///--修正--/// const result = await childPage.evaluate(() => Array.from(document.querySelectorAll('.norm td')).map(td => td.textContent));　＞.norm tdもなくて、div id='bookSample'になってる 
  const result = await childPage.evaluate(() => Array.from(document.querySelectorAll('#bookSample')).map(bookSample => bookSample.textContent)); 
  await childPage.close(); 
  result.unshift(h1Title); 
  return result; 
}; 
 
/** 
 * メインロジック. 
 */ 
(async () => { 
  // Puppeteerの起動. 
  const browser = await puppeteer.launch({ 
    headless: false, // Headlessモードで起動するかどうか. 
    slowMo: 50, // 指定のミリ秒スローモーションで実行する. 
  }); 
 
  // 新しい空のページを開く. 
  const page = await browser.newPage(); 
 
  // view portの設定. 
  await page.setViewport({ width: 1200, height: 800 }); 
 
  // 一覧ページである 新刊案内 ページを開く. 
  ///--修正--///await page.goto('http://www.shuwasystem.co.jp/newbook.html'); >このURLはもうない 
  await page.goto('http://www.shuwasystem.co.jp'); 
 
 
  // 新刊案内の各ページへのリンク先を取得. 
///--修正--///const results = await page.evaluate(() => Array.from(document.querySelectorAll('#sinkan dt a')).map(a => a.href));　＞#sinkanはもうない。 
///--修正--///　トップページに#main_column > div.listType1 > ul > li:nth-child(1) > div.tool_tip > div > a というセレクタで新刊がブロックで並んでいる 
  const results = await page.evaluate(() => Array.from(document.querySelectorAll('div.tool_tip > div > a')).map(a => a.href)); 
 
  // それぞれの新刊の詳細情報ページの情報を取得する. 
 
  const csvData = []; // CSVに保存するための情報を保持する. 
  for (const result of results) { 
    await delay(1000); // スクレイピングする際にはアクセス間隔を1秒あける. 
    // console.log(result); 
    const texts = await getInfoFromChildPage(browser, result); 
    csvData.push(texts); 
  } 
 
  // この実装だと同時多発的なアクセスとなり、相手先のサーバーに負荷がかかりすぎるため推奨しない. 
  // const csvData = await Promise.all(results.map(m => getInfoFromChildPage(browser, m))); 
 
  // ここからはCSVに出力するためだけの処理. 
  // csvDataを文字列化する. 
  stringify(csvData, (error, csvString) => { 
    // ファイルシステムに対してファイル名を指定し、ファイルストリームを生成する. 
    const writableStream = fs.createWriteStream(path.join(__dirname, '秀和システム新刊案内.csv')); 
    // csvStringをShift_JISで書き出す. 
    writableStream.write(iconv.encode(csvString, 'UTF-8')); 
  }); 
 
  // ブラウザの終了. 
  await browser.close(); 
})(); 

あまり修正箇所は多くないが、初心者や、経験者でも久しぶりに見て動かないと「ああ〜ん」てなると思うのでよろしければ使ってください。

基礎編にも少しありましたが流し読みでしたので確認してません。

ご要望あれば修正します。