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
120

[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
38
「入門 監視」を読んでみた / I read "Practical Monitoring"
Avatar for ryichk ryichk
0
44
Lambdalithという選択肢を検討中 / Considering the option of Lambdalith
Avatar for ryichk ryichk
1
410

Other Decks in Programming

See All in Programming
マイコンでもRustのtestがしたい/KernelVM Kansai 11
Avatar for Toshifumi NISHINAGA tnishinaga
0
860
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.8k
Improve my own Ruby
Avatar for monochrome sisshiki1969
1
110
SwiftDataのカスタムデータストアを試してみた
Avatar for 1mash0 1mash0
0
150
GitHub Copilot for Azureを使い倒したい
Avatar for Kento.Yamada ymd65536
1
330
AWS Summit Hong Kong 2025: Reinventing Programming - How AI Transforms Our Enterprise Coding Approach
Avatar for Ernest Chiang dwchiang
0
140
インプロセスQAにおいて大事にしていること / In-process QA Meetup
Avatar for MEDLEY, INC. medley
0
170
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
Avatar for Masayuki Izumi izumin5210
6
1.5k
カオスに立ち向かう小規模チームの装備の選択〜フルスタックTSという装備の強み _ 弱み〜/Choosing equipment for a small team facing chaos ~ Strengths and weaknesses of full-stack TS~
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
1
140
「理解」を重視したAI活用開発
Avatar for FastDOCTOR fast_doctor
0
300
ComposeでWebアプリを作る技術
Avatar for てべすてん tbsten
0
130
Vibe Coding の話をしよう
Avatar for schroneko schroneko
14
3.8k

Featured

See All Featured
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
183
22k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
33
6.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
5
570
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.2k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
KATA
Avatar for Megan Lloyd mclloyd
29
14k

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