Puppeteerに操られた話.pdf

by yagirihara

Slide 1

Slide 1 text

PuppeteerʹૢΒΕͨ࿩ 2019/03/08 Tech Do 1प೥ه೦ ࣾ಺֎ษڧձ Airitechגࣜձࣾ ༄ݪӳथ

Slide 2

Slide 2 text

Tech Do ̍प೥͓ΊͰͱ͏͍͟͝·͢ʂ

Slide 3

Slide 3 text

ࣗݾ঺հ • ༄ݪ ӳथ • झຯɿεϙʔπʢےτϨɺ໺ٿɺϚϥιϯʣ • ॴଐɿAiritechגࣜձࣾ • ۀ຿ɿݕࡧΤϯδϯɺWebαʔϏε։ൃ • ݴޠɿJava, PythonʢElasticsearch, Angular, Laravelʣ

Slide 4

Slide 4 text

Puppetterͱ͸ • Chromeͷૢ࡞APIΛؚΜͩNode Library • E2EςετɺεΫϨΠϐϯάͳͲͷ  ࣗಈϒϥ΢βૢ࡞ʹར༻ • Chrome DevTools team͕ϝϯςφϯε • Star : 46,284 (selenium : 13,605)

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

ಛ௃ • install͕؆୯ • headless/full browserʹରԠ • high performance, stable • ๛෋ͳAPIʢscreenshot, trace…ʣ • Devtoolsͷ৘ใΛऔಘՄೳ

Slide 7

Slide 7 text

࢖͍ํ $ npm i puppeteer $ node example.js γφϦΦΛ ॻ͘

Slide 8

Slide 8 text

Puppeteer Recorder • Chrome֦ு • ϒϥ΢βͷૢ࡞Λه࿥ • γφϦΦͷίʔυʢDOMʣΛࣗಈ࡞੒

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

͜Ε͸؆୯ʂ

Slide 11

Slide 11 text

Puppeteerૢͬͨͬͨʂ

Slide 12

Slide 12 text

ඇಉظॲཧʢasync/awaitؔ਺ʣʹ͸·Δ • ޡΓ • ਖ਼͍͠ 

Slide 13

Slide 13 text

ࣗಈ࡞੒͚ͩͰ͸ݶք͋Γ • ϩʔσΟϯά଴ͪ • ϙοϓΞοϓ

Slide 14

Slide 14 text

ࣗ෼͕ૢΒΕ͍ͯͨ

Slide 15

Slide 15 text

Ͱ΋΍ͬͺΓศར • PuppeteerͰ͔͠Ͱ͖ͳ͍͜ͱ͕ଟ͍  ˠ ಛʹDevtools·ΘΓ • Ԟ͕ਂ͍(DOMૢ࡞ɺϑΝΠϧΞοϓϩʔυ) • όʔδϣϯΞοϓʹظ଴