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
420
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
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
130
Goで作る、開発・CI環境
sin392
0
230
RailsGirls IZUMO スポンサーLT
16bitidol
0
190
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
570
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
260
XP, Testing and ninja testing
m_seki
3
250
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
1
220
Is Xcode slowly dying out in 2025?
uetyo
1
280
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
170
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
Featured
See All Featured
Visualization
eitanlees
146
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Agile that works and the tools we love
rasmusluckow
329
21k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
Mobile First: as difficult as doing things right
swwweet
223
9.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Statistics for Hackers
jakevdp
799
220k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
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ૢ࡞ɺϑΝΠϧΞοϓϩʔυ) • όʔδϣϯΞοϓʹظ
ৄ͘͠
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ