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

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

Avatar for ryichk ryichk
July 11, 2024
Programming
1
130

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

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

ryichk

July 11, 2024
Tweet

More Decks by ryichk

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

Other Decks in Programming

See All in Programming
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
Avatar for mackey0225 mackey0225
2
510
カクヨムAndroidアプリのリブート
Avatar for Nabe numeroanddev
0
430
Rails産でないDBを Railsに引っ越すHACK - Omotesando.rb #110
Avatar for lni_T lnit
1
160
都市をデータで見るってこういうこと　PLATEAU属性情報入門
Avatar for nokonoko1203 nokonoko1203
1
520
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
530
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
Avatar for Yuka O’oka oukayuka
2
790
統一感のある Go コードを生成 AI の力で手にいれる
Avatar for Kotaro Otaka otakakot
0
3k
Go1.25からのGOMAXPROCS
Avatar for kuro kuro_kurorrr
1
760
try-catchを使わないエラーハンドリング！？ PHPでResult型の考え方を取り入れてみよう
Avatar for Takuma Kajikawa kajitack
3
520
事業戦略を理解してソフトウェアを設計する
Avatar for 増田 亨 masuda220
PRO
22
6.2k
Javaに鉄道指向プログラミング (Railway Oriented Pro　gramming) のエッセンスを取り入れる/Bringing the Essence of Railway-Oriented Programming to Java
Avatar for takumi.okamoto cocet33000
2
580
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
Avatar for yimajo yimajo
2
210

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
330
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
20
1.3k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k

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. ご清聴ありがとうございました