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
390
Puppeteerに操られた話.pdf
yagirihara
March 08, 2019
Tweet
Share
More Decks by yagirihara
See All by yagirihara
AIを活用した採用DXサービス”harutaka"を支える マルチクラウドアーキテクチャ
yagirihara
0
980
Elasticsearch+Kibanaで横浜優勝ダッシュボード.pdf
yagirihara
0
2.2k
Other Decks in Programming
See All in Programming
PicoRubyと暮らす、シェアハウスハック
ryosk7
0
260
Package Traits
ikesyo
2
230
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
240
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
610
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
160
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
12
6.1k
技術を根付かせる / How to make technology take root
kubode
1
110
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
330
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
2
610
Simple組み合わせ村から大都会Railsにやってきた俺は / Coming to Rails from the Simple
moznion
3
3.9k
最近のVS Codeで気になるニュース 2025/01
74th
1
240
Azure AI Foundryのご紹介
qt_luigi
1
270
Featured
See All Featured
Done Done
chrislema
182
16k
Fireside Chat
paigeccino
34
3.2k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Gamification - CAS2011
davidbonilla
80
5.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
380
Designing for humans not robots
tammielis
250
25k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Rails Girls Zürich Keynote
gr2m
94
13k
Designing for Performance
lara
604
68k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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ૢ࡞ɺϑΝΠϧΞοϓϩʔυ) • όʔδϣϯΞοϓʹظ
ৄ͘͠
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ