Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発 － Publickey

2018/02/06 1064 users Publickey フレームワーク スクリプト 操作 開発

Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発 UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可... 続きを読む

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

2019/06/20 438 users CSS Speaker Deck

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

--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita

2017/08/17 353 users Qiita GitHub Chromeless ライブラリ

puppeteer はヘッドレスChrome をNode.jsで操作しやすくしたライブラリです。今日(※ 2017/8/17)一日でもの凄い勢いでGitHubのトレンド入りしており、TLでも話題になっていたので、早速触ってみました。 先日、graph.coolの開発チームが作成した chromeless という、やはりHeadless Chromeを操作するためのライブラリが急激なトレンド入りして... 続きを読む

GitHub - GoogleChrome/puppeteer: Headless Chrome Node API

2017/08/16 319 users GitHub GoogleChrome

README.md Puppeteer API | FAQ | Contributing Puppeteer is a Node library which provides a high-level API to control headless Chrome over the DevTools Protocol . It can also be configured to use full (... 続きを読む

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

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

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

E2EテストをPhantomJSから、Puppeteer + Headless Chromeへ移行しました - LCL Engineers' Blog

2018/06/27 163 users PhantomJS LCL Engineers LCL 森脇

Webエンジニアの森脇です。LCLでは、以前より「Capybara + PhantomJS」でE2Eテストを行っていましたが、「Puppeteer + Headless Chrome」へ変更しました。 元々は、軽くPuppeteerを触ってみるだけのつもりでしたが、できが良く本格的にE2Eテストへ導入することにしました。 本記事では、変更の経緯や、PuppeteerでE2Eテ... 続きを読む

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

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

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

PuppeteerでWebページからメインコンテンツっぽいところを抽出してみる - Qiita

2017/12/07 80 users Qiita Element 知見 スク メインコンテンツ

最近、Webページからざっくりメインコンテンツっぽいものを探し出すプログラムを作成しましたので得られた知見についてまとめてみます。本文などの情報を利用せずに汎用的にメインコンテンツを探したかったので、Elementの位置、幅、高さ(以下rect)等の視覚的な情報を使用して抽出してみました。具体的には puppeteer でページをスクレイピングして各Elementの情報をまとめたツリー構造を作る ... 続きを読む

Webサイトのクローリングやスクリーンショット撮影が簡単にできるヘッドレスChromeがGCPに登場 - GIGAZINE

2018/08/18 71 users クローリング GCP GIGAZINE GUI node.js

Googleのクラウドである「Google Cloud Platform(GCP)」のサービスの1つである「Google App Engine」が2018年6月にJavaScriptの実行環境であるNode.jsに対応し、それに伴ってさまざまなNode.jsアプリがApp Engineで動作するようになりました。その中の一つに「Puppeteer」というものがあり、このPuppeteerを用いるとGUI... 続きを読む

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

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

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

Puppeteer (Chrome の自動操作ライブラリ) を Python に移植してpyppeteerという名前で公開しました - Blank File

2017/09/07 56 users Selenium Chrome Blank File 名前

2017 - 09 - 02 Puppeteer (Chrome の自動操作ライブラリ) を Python に移植してpyppeteerという名前で公開しました Puppeteer という JavaScript で chrome を自動操作するライブラリが最近話題になっていました。 私も Python で Selenium の代わりに使えるものがほしかったので、puppeteerを Python ... 続きを読む

puppeteerでフロントエンドISUCONのためのパフォーマンス計測ツールを作りたい - Qiita

2017/12/02 54 users Qiita

この記事は、 Recruit Engineers Advent Calendar 2017 の2日目です。 リクルートテクノロジーズで パートナーとして働いてる mizchi です。ここでの仕事は、 yosuke_furukawa が忙しくて調べられないことを、勝手に調べてくることです。 今までリクルートでやったことは Next.js, AMP, PWA, Puppeteer って感じ。今回は P... 続きを読む

Puppeteerを使った保育園システムとSlackの連携。 - 日々、とんは語る。

2018/06/15 41 users Slack 連携 日々

先日、 amachangがブログを再開した ということで、僕も再開しようかなと思いネタを考えていたのですが、まずは軽いジャブ程度に最近作った便利ツールを紹介してみたいと思います。 年末に生まれた我が子ですが、お陰様で無事にすくすく育っており、4月から0歳児で保育園に通っています。 その保育園は、 ポピンズ が経営しているのですが、保護者と保育園との連絡手段として、会員マイページが用意されており、ロ... 続きを読む

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

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

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

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

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

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

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を使ったStorybookの自動スクリーンショット撮影用のアドオンを作った - wadackel.me

2017/08/28 29 users addon React wadackel StorYBook

Puppeteerを使ったStorybookの自動スクリーンショット撮影用のアドオンを作った Published August 26, 2017 javascript 先日、 Storybook のストーリーを、 Puppeteer を使って自動でスクリーンショットを撮影する Addon を作りました。まだ React のサポートのみだったり、API がまだ不十分だったりしますが、簡単に使い方と仕... 続きを読む

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を使っていることがあるので、その話をします 前半では、普段どう使っているのか 後半では、ブラウザ操作を... 続きを読む

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

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

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

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

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

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

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 で触れられ... 続きを読む

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

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

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

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/README.md at master · GoogleChrome/puppeteer · GitHub

2017/08/16 14 users GitHub GoogleChrome

Puppeteer API | FAQ | Contributing Puppeteer is a Node library which provides a high-level API to control headless Chrome over the DevTools Protocol . It can also be configured to use full (non-headle... 続きを読む