Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Let's generate ERD with Liam ERD
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Ryota Sasazawa
February 06, 2025
230
3
Share
Let's generate ERD with Liam ERD
Ryota Sasazawa
February 06, 2025
More Decks by Ryota Sasazawa
See All by Ryota Sasazawa
Cloud Run から GKE Autopilot へ、 FAANS における Kubernetes 移行の背景とは
sasamuku
1
130
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Faster Mobile Websites
deanohume
310
31k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Evolving SEO for Evolving Search Engines
ryanjones
0
170
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
140
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
10k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
53k
Why Our Code Smells
bkeepers
PRO
340
58k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
250
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
93
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Transcript
Liam ERD でラクラク ER 図生成しよう Ryota Sasazawa / @sasamuku 2025/02/06
Omotesando.rb #106 1
自己紹介 Ryota Sasazawa / @sasamuku Software Engineer at ROUTE06, inc.
Liam ERD 開発チーム ポケモンと家系ラーメンが好き 2
話すこと 2025年1月にリリースした Liam ERD の紹介 技術的なお話: Ruby パーサー Prism の活用について
3
先月リリースしました 4
Liam ERD とは? ER 図 (Entity-Relationship Diagram) を自動生成 するためのツール スキーマファイルを読込むだけで綺麗でインタラクティブな
ER 図を生成 Rails のスキーマファイル(schema.rb) をネイティブサポート オープンソース: https://github.com/liam-hq/liam 5
なぜ作ったか? メンテが楽で、理解しやすい ER 図生成ツールが欲しかったから CI/CD フレンドリー 常に最新のスキーマを反映 簡単にホスティングできる(GitHub Pages など)
綺麗でインタラクティブな UI オンボーディング活用 チーム間での共有など Liam ERD 紹介記事: https://zenn.dev/route06/articles/liam-erd-introduction 6
どうやってスキーマファイルを解析している? Prism という Ruby パーサを利用 schema.rb の構文を解析 → テーブル・カラム・リレーション情報を取得 Prism
活用事例ブログ: https://tech.route06.co.jp/entry/2025/01/16/142231 7
Rails ユーザなら今すぐ試せる! オープンソースなら schema.rb の URL に liambx.com/erd/p/ を付けるだけ 例:
liambx.com/erd/p/github.com/mastodon/mastodon/blob/v4.3.3/db/schema.rb プライベートなら npx @liam-hq/cli erd build --format schemarb --input db/schema.rb npx http-server dist 詳しくはドキュメントへ: https://liambx.com/docs/parser/supported-formats/rails 8
デモ 1. プライベートリポジトリで ER図 を生成 2. テーブル情報を確認 3. 関係するテーブルだけをフィルタリング 4.
フィルタリングしたテーブルの URL をシェア 9
今後の展望 対応スキーマの拡大 Drizzle, Supabase, etc. 機能追加 テーブル検索 テーブルのグルーピング ER図の編集機能 コミュニティの醸成
フィードバック、PR 大歓迎です! ブログ執筆 や SNS での共有 もぜひ! Roadmap: https://github.com/orgs/liam-hq/projects/1 10