Tweet
Tweet

Slide 1

Slide 1 text

ϔουϨεChromeͰ ΫϩʔϥΛ࡞ͬͨ”ޙͷ”࿩ Roppongi.js #1 Yuji Isobe

Slide 2

Slide 2 text

Yuji Isobe @yujiosaka ϓϩδΣΫτϚωʔδϟʔ at
 
 https://speakerdeck.com/yujiosaka/hitasurale-sitedeipuraningu

Slide 3

Slide 3 text

ΫϩʔϥΛ࡞ͬͨ࣌ͷ࿩ https://speakerdeck.com/yujiosaka/an-gazui-chu-nihetudoresuchromedekurorazuo-tuta-shi-ninannekana

Slide 4

Slide 4 text

ϔουϨεChromeͱ͸ ✓ Chrome͕ϔουϨεϞʔυͰىಈͰ͖Δ ✓ ChromeͷىಈΦϓγϣϯʹʮ--headessʯΛՃ͑Δ͚ͩ ✓ ୅දతͳϔουϨεϒϥ΢βͱ͍͑͹PhantomJS ✓ ߴ଎Ͱ҆ఆͯ͠ಈ࡞͢Δ ✓ ඪ४΁ͷରԠ͕ૣ͍ʢES2017΍Async-Await͕࢖͑Δʣ ✓ ओͳ༻్͸ςετࣗಈԽͱΫϩʔϥ

Slide 5

Slide 5 text

Headless Chrome Crawler ✓ ϔουϨεChromeͰΫϩʔϥ ✓ ෼ࢄ؀ڥͰಈ࡞͢Δ ✓ ਂ͞༏ઌ୳ࡧʢDFSʣͱ
 ෯༏ઌ୳ࡧʢBFSʣΛαϙʔτ ✓ robots.txt, sitemap.xmlʹै͏ ✓ Puppeteerʹґଘ ✓ Node.jsʢJavaScriptʣ੡ https://github.com/yujiosaka/headless-chrome-crawler

Slide 6

Slide 6 text

ࠓ೔͸࡞ͬͨ”ޙͷ”࿩

Slide 7

Slide 7 text

GitHub > Insights > Traffic https://twitter.com/yujiosaka/status/967316514322890752

Slide 8

Slide 8 text

GitHub Trending Repositories ͜ͷลΛ2-3೔ؒ ͏Ζ͍ͭͯͨ https://github.com/trending

Slide 9

Slide 9 text

Hit 2000 Stars in 7 days https://github.com/yujiosaka/headless-chrome-crawler > 2000

Slide 10

Slide 10 text

ເ͕׎ͬͨ

Slide 11

Slide 11 text

ظ଴͍ͯͨ͠ϝϦοτ ✓ ඼࣭ͷ޲্ ✓ ։ൃྗͷ޲্ ✓ ϒϥϯυ޲্ ✓ ࢓ࣄʹͭͳ͕Δ ୭͔࢓ࣄ͘ΕΖ͍ͩ͘͞ ҙ֎ͱࣗݾΞϐʔϧஏ͔͍ͣ͠ ·ͩλΠϙमਖ਼͔͠ૹΒΕͯͳ͍ Issue΍Βϝʔϧ΍ΒରԠ๩͍͠

Slide 12

Slide 12 text

࢓ࣄதͣͬͱχϠχϠͰ͖Δ

Slide 13

Slide 13 text

ຊ୊ ଟ͘ͷਓͷ໨ʹཹ·ͬͨϥΠϒϥϦͱ ͦ͏ͳΒͳ͔ͬͨϥΠϒϥϦͷҧ͍Λ੔ཧ ※ͨͬͨαϯϓϧ̍ͷ͜ͱͳͷͰ࿩൒෼ʹฉ͍͍ͯͩ͘͞

Slide 14

Slide 14 text

λʔήοτͷ޿͞ ✓ ӳޠͰൃ৴͢Δॏཁੑ ✓ READMEΛӳޠͰॻ͍ͨΒ͓ऴ͍Ͱ͸ͳ͍ ✓ ʰ͸ͯϒϗοτΤϯτϦʔʱΑΓ
 ʰHacker News Top Linksʱͷํ͕10ഒྲྀೖ͕͋ͬͨ
 
 
 


Slide 15

Slide 15 text

ར༻ͷϋʔυϧ ✓ Ұ໨ݟͯԿ͕͍ͨ͠ͷ͔ϋοΩϦ෼͔Δ ✓ Headless Chrome + Crawler = Headless Chrome Crawler ✓ READMEͰϝϦοτΛҰ൪࠷ॳʹΞϐʔϧ͓ͯ͘͠ ✓ ͦΕͰ΋෼͔Βͳ͍ਓ޲͚ʹɺFAQΛ༻ҙ͢Δ ✓ ͍͍ͩͨͷਓ͸࠷ॳͷ਺ߦ͔͠ಡ·ͳ͍ ✓ ը૾΍ϩΰͰ΋ʮ؆୯͞ʯ͸ΞϐʔϧͰ͖Δ

Slide 16

Slide 16 text

ίʔυϦʔσΟϯάͷϋʔυϧ ✓ examples Λॆ࣮ͤ͞Δ ✓ Ұ൪ಡ·Ε͍ͯͨίϯςϯπ͸ examples ͩͬͨ ✓ πʔϧ͸ϑϧ׆༻͢Δ ✓ ESLint ✓ commitlint ✓ EditorConfig ✓ TypeScript / JSDoc support

Slide 17

Slide 17 text

৴པ ✓ όοδΛϑϧ׆༻ ✓ ࠷৽ͷϏϧυঢ়گ͕Ұ໨Ͱ෼͔ΔΑ͏ʹ͢Δ ✓ άϦʔϯ͕ฒΜͰΔͱͳΜ͔҆৺͢Δ ✓ Greenkeeper࠷ڧઆ ✓ ࠷ޙͷίϛοτ͕൒೥લͷϓϩδΣΫτͱ͔࢖͍ͨ͘ͳ͍ ✓ ͠͹Β͘αϘͬͯͯ΋ɺৗʹίϛοτͰ͖Δ

Slide 18

Slide 18 text

Happy Niya-niya Hacking!