Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Puppeteerに操られた話.pdf
Search
yagirihara
March 08, 2019
Programming
0
410
Puppeteerに操られた話.pdf
yagirihara
March 08, 2019
Tweet
Share
More Decks by yagirihara
See All by yagirihara
AIを活用した採用DXサービス”harutaka"を支える マルチクラウドアーキテクチャ
yagirihara
0
1k
Elasticsearch+Kibanaで横浜優勝ダッシュボード.pdf
yagirihara
0
2.3k
Other Decks in Programming
See All in Programming
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
340
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
260
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
7
5.6k
技術同人誌をMCP Serverにしてみた
74th
1
540
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
220
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
600
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
120
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
120
童醫院敏捷轉型的實踐經驗
cclai999
0
210
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
160
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
450
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
Visualization
eitanlees
146
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Faster Mobile Websites
deanohume
307
31k
KATA
mclloyd
30
14k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Designing Experiences People Love
moore
142
24k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
PuppeteerʹૢΒΕͨ 2019/03/08 Tech Do 1पه೦ ࣾ֎ษڧձ Airitechגࣜձࣾ ༄ݪӳथ
Tech Do ̍प͓ΊͰͱ͏͍͟͝·͢ʂ
ࣗݾհ • ༄ݪ ӳथ • झຯɿεϙʔπʢےτϨɺٿɺϚϥιϯʣ • ॴଐɿAiritechגࣜձࣾ • ۀɿݕࡧΤϯδϯɺWebαʔϏε։ൃ
• ݴޠɿJava, PythonʢElasticsearch, Angular, Laravelʣ
Puppetterͱ • Chromeͷૢ࡞APIΛؚΜͩNode Library • E2EςετɺεΫϨΠϐϯάͳͲͷ ࣗಈϒϥβૢ࡞ʹར༻ • Chrome DevTools
team͕ϝϯςφϯε • Star : 46,284 (selenium : 13,605)
None
ಛ • install͕؆୯ • headless/full browserʹରԠ • high performance, stable
• ๛ͳAPIʢscreenshot, trace…ʣ • DevtoolsͷใΛऔಘՄೳ
͍ํ $ npm i puppeteer $ node example.js γφϦΦΛ ॻ͘
Puppeteer Recorder • Chrome֦ு • ϒϥβͷૢ࡞Λه • γφϦΦͷίʔυʢDOMʣΛࣗಈ࡞
None
͜Ε؆୯ʂ
Puppeteerૢͬͨͬͨʂ
ඇಉظॲཧʢasync/awaitؔʣʹ·Δ • ޡΓ • ਖ਼͍͠
ࣗಈ࡞͚ͩͰݶք͋Γ • ϩʔσΟϯάͪ • ϙοϓΞοϓ
͕ࣗૢΒΕ͍ͯͨ
ͰͬͺΓศར • PuppeteerͰ͔͠Ͱ͖ͳ͍͜ͱ͕ଟ͍ ˠ ಛʹDevtools·ΘΓ • Ԟ͕ਂ͍(DOMૢ࡞ɺϑΝΠϧΞοϓϩʔυ) • όʔδϣϯΞοϓʹظ
ৄ͘͠
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ