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
Ryota Sasazawa
February 06, 2025
3
160
Let's generate ERD with Liam ERD
Ryota Sasazawa
February 06, 2025
Tweet
Share
More Decks by Ryota Sasazawa
See All by Ryota Sasazawa
Cloud Run から GKE Autopilot へ、 FAANS における Kubernetes 移行の背景とは
sasamuku
1
80
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Rails Girls Zürich Keynote
gr2m
94
13k
Producing Creativity
orderedlist
PRO
344
40k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Visualization
eitanlees
146
15k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
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