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
430
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
Improving my own Ruby thereafter
sisshiki1969
1
160
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
510
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.4k
print("Hello, World")
eddie
2
530
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
520
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
320
テストコードはもう書かない:JetBrains AI Assistantに委ねる非同期処理のテスト自動設計・生成
makun
0
260
プロポーザル駆動学習 / Proposal-Driven Learning
mackey0225
2
1.3k
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
850
複雑なドメインに挑む.pdf
yukisakai1225
5
1.1k
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
270
時間軸から考えるTerraformを使う理由と留意点
fufuhu
16
4.7k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
For a Future-Friendly Web
brad_frost
180
9.9k
We Have a Design System, Now What?
morganepeng
53
7.8k
Fireside Chat
paigeccino
39
3.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Building Adaptive Systems
keathley
43
2.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ૢ࡞ɺϑΝΠϧΞοϓϩʔυ) • όʔδϣϯΞοϓʹظ
ৄ͘͠
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ