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
170
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
87
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
9
760
How to train your dragon (web standard)
notwaldorf
90
6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
400
RailsConf 2023
tenderlove
30
1.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.4k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
4 Signs Your Business is Dying
shpigford
183
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
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