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
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
3.3k
理論と実務のギャップを超える
eycjur
0
130
dynamic!
moro
10
7.4k
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
10
6.6k
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2k
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
3.9k
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
810
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
110
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
160
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
120
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
140
Writing Better Go: Lessons from 10 Code Reviews
konradreiche
0
950
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
How STYLIGHT went responsive
nonsquared
100
5.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Context Engineering - Making Every Token Count
addyosmani
5
230
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
RailsConf 2023
tenderlove
30
1.2k
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ૢ࡞ɺϑΝΠϧΞοϓϩʔυ) • όʔδϣϯΞοϓʹظ
ৄ͘͠
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ