[B! Puppeteer] rikubaのブックマーク

Automate an isolated browser instance with just a few lines of code

Automate an isolated browser instance with just a few lines of code11/16/2022 If you’ve ever created a website that shows any kind of analytics, you’ve probably also thought about adding a “Save Image” or “Save as PDF” button to store and share results. This isn’t as easy as it seems (I can attest to this firsthand) and it’s not long before you go down a rabbit hole of trying 10 different librarie

rikuba 2022/11/17

リンク

月間1.6億秒の Lambda x Node.js 利用から得られた知見

はじめにStockmark のプロダクトでは、各メディアから記事を収集するために AWS Lambda (実行環境はNode.js) を大量に利用しています。「大量」とは実際にはどの程度なのかを紹介すると、月間で 1.6億秒ほど(1日で約60日分) 使用しています。もしかしたら「えっ、なんでそんなに使っているの？」と思われているかもしれません。本記事ではその疑問に回答しつつ、実運用から得られた知見を一部共有していきます。段階的に理解いただけるように、技術選定理由から説明していきます。なぜ Node.js なのか？なぜ AWS Lambdaなのか？Lambda x Node.js でスクレイピングする際の落とし穴ということで、早速1つ目からいってみましょう！なぜ Node.js なのか?ストックマークのプロダクトでは、Web記事などを中心としてスクレイピングして収集した情報をベースに

rikuba 2022/10/19

リンク

Avoiding Puppeteer Antipatterns

rikuba 2022/05/31

Puppeteer

リンク

Automatically record puppeteer tests - Chrome DevTools - Dev Tips

Chrome DevTools: Record tests with the puppeteer recorder Last updated: 25th November 2020 Introduction The Puppeteer Recorder feature in Chrome DevTools can monitor your webpage interactions and generate the code to automate a browser. For example, if you click on an element and type an em ail address into an em ail field, the recorder can generate the following code: await page.click("aria/Login")

rikuba 2020/11/28

リンク

README.mdに動的コンテンツを埋め込む、あるいはImage via Functionというアプローチ - 余白

突然ですが、 README.md に動的なコンテンツを埋め込みたいと思ったことはないですか？僕はあります。具体的には、リポジトリのコントリビューターをREADME.mdに埋め込みたいという願望がありました。つまりこういうことです。しかし毎回CIなどでREADME.mdを編集するのはセットアップが面倒です。 <contributors-list> みたいなCustom Elementsが使えたらきれいな世界だなあと思ったのですが、肝心のscriptタグが動かないのでそれは無理です。ということで、頼れるのは画像ということになりました。 Image via Function README.mdに埋め込めて、なおかつ動的なコンテンツを扱えるのは画像のURL展開だけなので、つまりコントリビューターリストを画像化するHTTPエンドポイントを用意し、そのURLをREADME.mdに埋め込めば