実践: await using でリソース開放

2024/11/05 25 users npm Polyfill impo deno 実践

実践 いつ使うんだこれと思ってたら使う日が来たシリーズ。 今回、Deno で使ったんですが、 Node.js やブラウザでも Polyfill を入れれば動きます。 finaly で puppeteer を終了したい Deno で puppeteer を扱うために、こういうコードを書いてました。 // original import puppeteer from "npm:puppeteer@23.6.1"; impo... 続きを読む

puppeteer をローカルプロキシとしてリクエストを監視＆モックする

2024/10/18 51 users ローカルプロキシ リクエスト

パフォーマンスチューニングで、ソースコードに触らず非破壊でネットワークリクエストを書き換えて、LCPがどれだけ改善するかの実験ツールが欲しかったんですが、この目的で良いプロキシツールがないです。 世のローカルプロキシツールは DNS の設定を要求してきます。これは潜在的に意図しない状況を引き起こすので、使... 続きを読む

ブラウザテスト自動化のPuppeteerがFirefox正式サポート、新標準のWebDriver BiDi対応で。これでChromeとFirefoxに両方対応に

2024/08/08 19 users CDP WebSocket Firefox Mozilla

MozillaとGoogleは、ブラウザを用いたテスト自動化のためのフレームワーク「Puppeteer」がFirefoxを正式にサポートしたことを発表しました。 PuppeteerはGoogleが開発しており、Chrome DevTools Protocol（CDP）を通じてChromeをリモートコントロールすることでテスト自動化を実現しています。 CDPはWebSocketによる高速... 続きを読む

Puppeteer、テスト自動化の次世代標準「WebDriver BiDi」に対応開始。Firefoxもサポートへ

2024/01/14 5 users ハイテイ 双方向 フレームワーク ヘッドレスブラウザ サポート

Puppeteer、テスト自動化の次世代標準「WebDriver BiDi」に対応開始。Firefoxもサポートへ Node.jsでヘッドレスブラウザを用いたテスト自動化のためのフレームワーク「Puppeteer」が、ブラウザ自動化の次世代標準である「WebDriver BiDi」（「BiDi」は双方向を表すため、読みは「ウェブドライバー バィディ」とのこと）... 続きを読む

JavaScriptランタイムのBun、インストール不要の実行ファイル生成が可能に。Webpackより200倍以上高速とするバンドラがβ版、Puppeteerにも対応

2023/06/05 64 users Webpack Bun サーバサイド アプリケーション 単独

JavaScriptランタイムのBun、インストール不要の実行ファイル生成が可能に。Webpackより200倍以上高速とするバンドラがβ版、Puppeteerにも対応 サーバサイドで実行可能なJavaScriptランタイム「Bun」は、5月に登場したバージョン0.6で、Bunをインストールすることなく、配置することでアプリケーションを実行できる単独... 続きを読む

Github Actionsで簡単にPuppeteerを使えるaction-puppeteer-scriptを作りました - The Third Law

2022/10/17 15 users Action Maku github.com ブラウザ ところ

maku693です。 Github ActionsでPuppeteerを簡単に使えるCustom Actionを作りました。 github.com 最近Github Actions上でブラウザを動かしたくなったのですが、いちいち実行環境を整えるのも面倒なので、サクッとできないものかと調べたところ、意外とPuppeteerをそのまま使えるactionというのは存在しないようだったの... 続きを読む

第1章　Puppeteerの魅力は何か ～ヘッドレスChromeを自由自在に操る | gihyo.jp

2022/09/12 14 users Twitter PhantomJS ヘッドレスChrome

2018年6月2日、PhantomJSのリポジトリがついにアーカイブ化されました。PhantomJSのメインメンテナーは、「⁠より高速かつ安定して動作するヘッドレスChromeが登場したことで、PhantomJSの開発を続ける必要がなくなった」と述べています。 PhantomJSは、TwitterやNetflixでも単体テストやパフォーマンステストで使用され... 続きを読む

puppeteerでbootstrap導入時の影響調査をやってみた！ - Hajimari Tech Blog| 株式会社Hajimari

2022/08/02 10 users 江端 Bootstrap 受託 株式会社Hajimari 背景

こんにちは！ 6月から23卒内定者インターン生として株式会社Hajimariに入社した、江端 凌です。 普段は、TUKURÜS事業部で受託開発の業務に携わっています。 今回は受託開発している既存サイトに、bootstrapを導入することになったので、どのような影響が出るのかを調査することになりました。 背景としては、既存サイト... 続きを読む

ブラウザ拡張のE2Eテストを検討してみた（Playwright、Puppeteer、Cypress） - Techtouch Developers Blog

2021/12/08 8 users Cypress playwright TAKA 冷え性 ツール

この記事はテックタッチアドベントカレンダー 8 日目の記事です。 フロントエンドエンジニアの taka です。Amazon Black Friday でフットウォーマーを買ったのですが、冷え性の自分には最高でした。冷え性の方には是非使ってみてもらいたいです。 今回は、モダンなツールである Playwright と Puppeteer、Cypress を実際... 続きを読む

Selenium (Ruby) やCapybaraの弱いところをPuppeteerで救いに行く - YusukeIwakiのブログ

2021/02/13 11 users Capybara Selenium YusukeIwaki

「puppeteer-rubyは、Capybaraと共存して動作精度を向上できるのでは？！」っていうことに先週くらいにふと気づいたので、カッとなって実装してみた。 github.com CapybaraとPuppeteerの共存 そもそもなんで共存させる必要があるのか？ Seleniumだと「○○の要素が現れるまで待つ」「△△の要素が消えるまで待つ」みたいなと... 続きを読む

2020年: PuppeteerとPlaywrightの激動の１年。 - Qiita

2020/12/22 18 users Selenium Qiita playwright 激動 勢い

2020年は、突如Playwrightが現れ、Seleniumを置き換えるほどの勢いでいろいろなツールが現れました。 Puppeteerは、Playwrightが出てからもTypeScript化をしたりカスタムクエリハンドラ機能が実装されたりと、Chrome DevToolsプロトコルを利用するライブラリとして改善が続いています。 今年１年の Puppeteerのリリース... 続きを読む

Web開発を補助する目的でPuppeteerを使う - BASEプロダクトチームブログ

2020/12/22 22 users advent-calendar-2020 青木 前半 後半

この記事はBASE Advent Calendar 2020の22日目の記事です https://devblog.thebase.in/advent-calendar-2020 どうもこんにちは、Web Frontend Groupの青木です 今回は、個人的にWeb開発を補助する目的でPuppeteerを使っていることがあるので、その話をします 前半では、普段どう使っているのか 後半では、ブラウザ操作を... 続きを読む

Puppeteer と ARIA Handler. 久しぶりに Puppeteer の話。 | by Yosuke Kurami | Nov, 2020 | Medium

2020/11/30 20 users Nov medium Recorder Updates npm

久しぶりに Puppeteer の話。 先日、社内の技術共有会で https://github.com/puppeteer/recorder という npm パッケージの話が挙がったのだけど、ここで登場する ARIA Handler という機能が面白い内容だったため、それを書いていこうと思う。 https://developers.google.com/web/updates/2020/11/puppetaria で触れられ... 続きを読む

Metabaseのグラフをslackへ通知するbotをServerless Framework + Puppeteerで作ってみた - KAMINASHI Developers Blog

2020/10/12 22 users gtongy Slack Metabase bot フル

こんにちは。株式会社KAMINASHIでPMをやっている@gtongy1です。 みなさんはMetabaseをご存知ですか？ 見た目の良さによる直感的なダッシュボードの構築、クエリ記述時の補完機能、グラフの種類数の豊富さ、ツール自体は無料で使える等便利なBIダッシュボードツールです。 カミナシでもMetabaseをフルに活用して、日々分... 続きを読む

Puppeteer で静的サイトの Font Subsetting | blog.jxck.io

2020/09/07 10 users サブセット Noto Sans jxck.io 静的サイト

Intro Web Font のサブセット化を Font Weight に応じて作り分けるとともに、それを Puppeteer を用いて生成するように変更した。 Web Font の静的サブセット 本サイトで提供している Web Font は当初、文字を事前に選定して生成したものを使っていた。 Noto Sans の Web Font 対応とサブセットによる最適化 当時はコン... 続きを読む

Puppeteerを使ってWebサイトの自動テストツールを作ってみた - 虎の穴開発室ブログ

2020/07/03 13 users fantia アプリケーション とら あな通販 穴ラボ

こんにちは。虎の穴ラボのH.Hです。 今回はWebサービスの自動テストを試作したので、作ったアプリケーションについて書こうと思います。 なぜ作ろうと思ったか 虎の穴ラボでは、とらのあな通販やFantiaなど多くのWebサービスの開発を行っています。 日々様々な機能の追加や変更が行われています。 変更した機能は関連す... 続きを読む

GitLab CIとPuppeteerを使ってはてなブログのデザインを継続的にデプロイする - pixiv inside - pixiv inside

2020/03/31 6 users ピクシブ pixiv inside オウンドメディア 日常

こんにちは！ピクシブ福岡オフィスでエンジニアをしている@tasshiです。 今回はpixiv insideリニューアルのデプロイ環境についてお話ししたいと思います。 pixiv insideについて 「pixiv inside（ピクシブ インサイド）」は、ピクシブ株式会社の日常を伝えるためのオウンドメディアです。 2014年に「pixiv engineering b... 続きを読む

なぜE2Eテストでidを使うべきではないのか | Autify

2020/01/15 12 users Autify Cypress TestCafe set 末村

こんにちは。AutifyのSET(Software Engineer in Test) 、末村(@tsueeemura)です。 皆さん、E2Eテストしてますか？以前はほぼSelenium一択みたいなところがありましたが、最近はPuppeteerやCypress、TestCafeなどいろいろなフレームワークがあり、ついつい目移りしてしまいますね！ さて、どのフレームワークを使うにせよ... 続きを読む

puppeteer初心者がTwitterブックマークをエクスポートするツールを作りながら、使い方をまとめてみた - Qiita

2019/10/01 31 users Qiita 備忘録 jsonファイル 題材 ツール

puppeteer初心者がTwitterブックマークをエクスポートするツールを作りながら、使い方をまとめてみた ふと、puppeteerがおもしろそうだなと思い、前から欲しかった TwitterブックマークをJSONファイルにエクスポートするツールを題材に、 いろいろ遊んでみた時に備忘録。 puppeteerはサクッと使えるので、すてき(´ω｀) ... 続きを読む

Puppeteerで不要なCSSを消す - Cybozu Inside Out | サイボウズエンジニアのブログ

2019/08/20 159 users サイボウズエンジニア CSS ブログ

こんにちは。フロントエンドエキスパートチームの穴井（@pirosikick）です。福岡在住で、普段は福岡のweworkで働いています。他のメンバーは皆、東京に居てリモートで仕事をしていますが、モブでわいわい開発していますし、weworkが快適すぎて、毎日楽しいです！ フロントエンドエキスパートチームでは、サイボウズの各... 続きを読む

週刊Railsウォッチ（20190717-2/2後編）NFSのよさとは、Linuxカーネル5.2リリース、Puppeteerでメモリリーク検出ほか

2019/07/17 21 users NFS 週刊Railsウォッチ

こんにちは、hachi8833です。昨日の願いが通じたのかいきなり晴れました。 各記事冒頭にはでパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です 毎月第一木曜日に「公開つっつき会」を開催... 続きを読む

PuppeteerでいらないCSSを消す - Speaker Deck

2019/06/20 438 users CSS Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

Dockerコンテナ内でpuppeteerを使うとChromeゾンビプロセスがたまる問題 - その手の平は尻もつかめるさ

2019/03/02 300 users cmd pid init EntryPoint 表題

表題のような問題があり，その調査したという記録です．なお，結論を一言で言うと--initを使え，ということになります． そもそもDockerコンテナを起動すると，CMDあるいはENTRYPOINTに指定されたコマンドがコンテナ内でPID 1として起動します．これが何を意味するかと言うと，「CMDあるいはENTRYPOINTに指定されたコマ... 続きを読む

PuppeteerでKindleのハイライトを自動取得してみた - Qiita

2018/12/11 29 users Kindle Qiita ハイライト

はじめに Googleが提供するライブラリを使ってクローラを作りましたので、その紹介をします。 PuppeteerはGoogleが提供するNode.jsのライブラリで、ChromeまたはChromium（以下、Chrome）を自動で操作することができます。 公式ドキュメント：https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md 注意事... 続きを読む

Puppeteer入門 スクレイピング+Web操作自動処理プログラミング｜書籍情報｜秀和システム

2018/09/17 35 users 秀和システム スクレイピング 本書 Chrome 書籍情報

Puppeteer入門 スクレイピング+Web操作自動処理プログラミング 概　要 Puppeteerは、Node.jsで動く最新のWebブラウザ自動化ライブラリで、データ収集やWeb開発、動作テストの効率化などに使われます。Google製のライブラリなので、Chromeとの相性は抜群です。本書は、Puppeteerの実行環境の構築から、スクレイピングとWe... 続きを読む