puppeteer - yubeleのスライド | slidict.io
slidict.io

JA | EN

☰

ホーム

スライドギャラリー

インフォメーション

Japanese | English

puppeteer

Google Translate: 日本語 英語
yubele
yubele
フォロワー 0人
最終更新: 2026/06/17
読む時間: 00:21

共有

コード

通報

02

概要
スライド内容

Puppeteer は Chrome や Firefox を DevTools Protocol あるいは WebDriver BiDi 以下の高レベル API で操作する JavaScript ライブラリ。デフォルトはヘッドレスで実行。

03

主な機能・特徴
スライド内容

  • headless ブラウザ操作の高レベル API 提供

  • ページ操作の自動化・スクレイピング・テストに適用

  • Puppeteer コアと Puppeteer-core の2種提供

  • WebMCP などの実験的 API への対応

  • クロスブラウザ対応の基盤としての活用

04

アーキテクチャ・構成図
スライド内容 
@startuml
actor ユーザー
rectangle "Puppeteer" {
  クライアントAPI
  ブラウザ制御モジュール
}
database "Chrome/Firefox ブラウザ" as ブラウザ
ユーザー --> クライアントAPI : 操作要求
クライアントAPI --> ブラウザ : DevTools Protocol / WebDriver BiDi
ブラウザ --> クライアントAPI : 結果・イベント
@enduml
05

使い方・はじめ方
スライド内容

  • npm でインストールする

  • puppeteer でブラウザを同時にダウンロードして動作させる

  • puppeteer-core はブラウザを同梱せずライブラリだけを利用

  • ブラウザの起動、ページ操作、要素操作をサンプルコードで学習

06

まとめ・活用シーン
スライド内容

  • ブラウザ自動化テストの実行

  • ウェブページのスクレイピング自動化

  • UI 収集・検証の自動化パイプライン構築

  • DevTools Protocol や WebDriver BiDi 経由の制御実装

関連スライド

Agent-Reach

Agent-Reach

2026/06/18
codebase-memory-mcp

codebase-memory-mcp

2026/06/18
iroh

iroh

2026/06/18
meshery

meshery

2026/06/17
iptv

iptv

2026/06/17
teslamate

teslamate

2026/06/17
swc

swc

2026/06/17
freeCodeCamp

freeCodeCamp

2026/06/17
AI時代の運用Specは100％近くを目指すべき理由と実践

AI時代の運用Specは100％近くを目指すべき理由と実践

2026/06/12
Rails7アップグレードとwebpacker脱却ログ

Rails7アップグレードとwebpacker脱却ログ

2026/06/06
slidictとは？

slidictとは？

2026/06/06
llama.cpp を Azure VM で動かしてみた

llama.cpp を Azure VM で動かしてみた

2026/06/04
マイクラブロック一覧

マイクラブロック一覧

2026/05/20
github要約スライドを作った

github要約スライドを作った

2026/05/20
cloudflare入れてみた

cloudflare入れてみた

2026/04/27
1Passwordと Kubernetes Secretsで実現する方法

1Passwordと Kubernetes Secretsで実現する方法

2026/04/24
スライド作成の型まとめ

スライド作成の型まとめ

2026/04/11
Vibe Coding×LLM時代の個人開発攻略：前提設計でAIのミスを減らす実践テク

Vibe Coding×LLM時代の個人開発攻略：前提設計でAIのミスを減らす実践テク

2026/04/09
OpenClawに挑む: 私の使ってみたい気持ちとセキュリティの不安

OpenClawに挑む: 私の使ってみたい気持ちとセキュリティの不安

2026/04/04
Tauriで子供向けアプリを作ってみた話

Tauriで子供向けアプリを作ってみた話

2026/04/02
puppeteerのサムネイル（1ページ目）
1 / 9