Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[Roppongi.rb#20] groverのコードをなんとなく読んでみた

Avatar for ryichk ryichk
July 11, 2024
Programming
210
1

[Roppongi.rb#20] groverのコードをなんとなく読んでみた

Roppongi.rb#20でLTしたスライドです！

Avatar for ryichk

ryichk

July 11, 2024

More Decks by ryichk

See All by ryichk
OAuth2.0、JWT 入門 / Introduction to OAuth2.0 and JWT
Avatar for ryichk ryichk
0
94
「入門 監視」を読んでみた / I read "Practical Monitoring"
Avatar for ryichk ryichk
0
92
Lambdalithという選択肢を検討中 / Considering the option of Lambdalith
Avatar for ryichk ryichk
1
670

Other Decks in Programming

See All in Programming
Dataformのリポジトリを立ち上げるときにまずやること / dataform-day0-2026
Avatar for snhryt snhryt
0
170
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
400
ローカルLLMを使ってB2Bサービスを作っていての学び
Avatar for Hiroshige Umino yaotti
0
200
jQueryをバージョンアップする前に使いたいjQuery Migrate
Avatar for Atsushi Matsuo matsuo_atsushi
0
560
作って学ぶ、 JSX (TSX) ランタイムの基本
Avatar for syumai syumai
7
1.6k
Performance Engineering for Everyone
Avatar for Elena Tanasoiu elenatanasoiu
0
180
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
3
2.1k
C# and C++ Interoperability - cho-dotnetnew
Avatar for Akiko Kawai harukasao
0
270
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
4.2k
ADKを使って簡単にAIエージェントを作ってみよう
Avatar for K1mu21 k1mu21
0
270
Webフレームワークの ベンチマークについて
Avatar for Yusuke Wada yusukebe
0
170
代数的データ型って何が嬉しいの？ #frontend_phpcon_do
Avatar for Takuma Kajikawa kajitack
8
3.7k

Featured

See All Featured
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
250
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.5k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
150
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
730
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
290
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
320
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.2k

Transcript

  1. groverのコードを なんとなく読んでみた Ryo Ichiki

  2. 自己紹介 3社目：HRテック系ベンチャー（現在） 　　　Ruby, TypeScript 2社目：不動産テック系ベンチャー 　　　Ruby, PHP, JavaScript 1社目：小さい受託開発会社 　　　C#

    大学：理学部（情報系ではない） 　　　C, R, Ruby GitHub：ryichk X：@ryichk_dev

  3. groverとは？ HTMLをPDFやPNG画像、JPEG画像に変換できるgemです。 内部でPuppeteerとChromiumを使って変換しています。 PuppeteerはChromeを操作するNode.jsのライブラリです。 なのでgroverを使うためにはNode.jsの環境も必要です。 https://github.com/Studiosity/grover

  4. groverを知ったきっかけ HTMLをPDFに変換するメジャーなgemとしてwicked_pdfがあります。 このwicked_pdfを別のgemにリプレイスする必要がありました。 wicked_pdfは内部でwkhtmltopdfというライブラリ(gemではない)を使っています。 wkhtmltopdfは2023/1/2にアーカイブされておりメンテが終了している状態です。 EC2のOSをAmazon Linux 2023へアップグレードした際に動かなくなるリスクがあり、仮 に動いたとしても...

  5. groverの他にも候補がありました ・ferrum ・prawn

  6. Groverの使い方 https://github.com/Studiosity/grover?tab=readme-ov-file#usage

  7. Railsで使う場合 https://github.com/Studiosity/grover?tab=readme-ov-file#from-a-view-template

  8. Grover#to_pdf を見ていく 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

  9. Grover#to_pdf 〜

  10. Grover::Processor#convert

  11. Grover::Processor#convert

  12. Grover::Processor#spawn_process

  13. Open3.#popen3について popen3(*cmd) -> [IO, IO, IO, Thread] 外部プログラムcmdを実行し、そのプロセスの標準入力、標準出力、標準エラー出力に 接続されたパイプと実行したプロセスを待つためのスレッドを４要素の配列で返す。 https://docs.ruby-lang.org/ja/latest/method/Open3/m/popen3.html

  14. Open3.#popen3 を使って別プロセスを立ち上げ、 Node.js 経由で processor.cjs を実行している

  15. Grover::Processor#convert

  16. Grover::Processor#ensure_packages_are_initiated

  17. Grover::Processor#ensure_packages_are_initiated 要はNode.jsのプロセスが問題なく起 動しているか確認している

  18. Grover::Processor#convert

  19. Grover::Processor#call_js_method

  20. Grover::Processor#call_js_method

  21. Grover::Processor#call_js_method つまり、 processor.cjsに method, url_or_html, options を渡している method = :pdf

  22. processor.cjs（超ざっくり） 1. puppeteerでChromeブラウザを起動し、接続する 2. 引数で渡されたURL or HTML文字列をブラウザで読み込む　 3. puppeteerのPage.pdf()メソッドを実行 a.

    読み込んだページの PDFを生成する 4. 生成されたPDFを標準出力に書き出す 5. Chromeブラウザの接続を閉じて終了

  23. まとめ・感想 ・groverはpuppeteerというNode.jsのライブラリを 　Ruby経由で無理やり操作するためのgemという感じ ・やっていることはシンプル。 ・だけど細かく見ていくと複雑 ・Ruby経由でNode.jsのライブラリを実行できるなら他にも色々できそう （Node.jsに限らず）

  24. ご清聴ありがとうございました