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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for ryichk ryichk
July 11, 2024
Programming
200
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
91
「入門 監視」を読んでみた / I read "Practical Monitoring"
Avatar for ryichk ryichk
0
92
Lambdalithという選択肢を検討中 / Considering the option of Lambdalith
Avatar for ryichk ryichk
1
660

Other Decks in Programming

See All in Programming
Migrations : C'est une question d'hygiène !
Avatar for Vincent Amstoutz vinceamstoutz
0
2.5k
作って学ぶ、 JSX (TSX) ランタイムの基本
Avatar for syumai syumai
7
1.2k
さぁV100、メモリをお食べ・・・
Avatar for nilpe nilpe
0
120
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
Avatar for よしこ yoshikouki
1
230
AI駆動開発で崩れていくコードベースを立て直す
Avatar for Kyoko NR kyoko_nr_nr
1
400
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
Avatar for nrs nrslib
6
760
今さら聞けないCancellationToken
Avatar for tkym htkym
0
210
Lessons from Spec-Driven Development
Avatar for Simon Martinelli simas
PRO
0
110
ふつうのFeature Flag実践入門
Avatar for irof irof
7
3.4k
1人1案件のプロダクトエンジニア時代に、"プロセス監督"としてチャレンジしたこと
Avatar for のんちゃん non0113
0
360
プラグインで拡張される Context をtype-safe にする難しさと設計判断
Avatar for kazupon kazupon
2
480
OSもどきOS
Avatar for Sora Arakawa arkw
0
350

Featured

See All Featured
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
240
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
390
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
220
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.3k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
350
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
340
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
290
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
150
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
52k

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