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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for ryichk ryichk
July 11, 2024
Programming
1
180

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

Other Decks in Programming

See All in Programming
AIに仕事を丸投げしたら、本当に楽になれるのか
Avatar for ディップ株式会社 dip_tech
PRO
0
110
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
500
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
150
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
660
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.8k
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
22
7.6k
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
180
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
830
Metaprogramming isn't real, it can't hurt you
Avatar for Masafumi Okura okuramasafumi
0
110
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
190
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
800
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
240

Featured

See All Featured
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.4k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.3k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
260
Done Done
Avatar for chrislema chrislema
186
16k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
140
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
61
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
110

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