前置き ER図に変更があったらしいけどどこが変わったのかパッと見分からない! ER図を変更したいけど変更点をまとめたりするのがめんどくさい! ちょっと前の変更とその前の変更の差分が見たい! あるあると思った方は今すぐ高評価と→のサポートをお願いします! ...という冗談はさておき。 こちらの記事はそんな思いで何か良い解決方法は無いかと色々とGoogle検索をして色々と試した結果の備忘録となります。 全部の作業に2時間程度しか使っていないのでその程度の深みでしかない事を予めご了承ください。 気が向いたら更に調査を進めて見ようと思います。 結論 Mermaid.jsをうまいことVSCodeで使ってgitで管理してみたら素晴らしい体験だった 使用例 erDiagram user ||--o{ post : owns post ||--o{ updoot : has user }|--o{ upd
![【VSCode・Mermaid.js】ER図もVSCodeとgitで管理がしたい!](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9f613cfd22f4de2c6d1ce8644ec5641ac169841/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--7wvb2Sq5--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590VSCode%2525E3%252583%2525BBMermaid.js%2525E3%252580%252591ER%2525E5%25259B%2525B3%2525E3%252582%252582VSCode%2525E3%252581%2525A8git%2525E3%252581%2525A7%2525E7%2525AE%2525A1%2525E7%252590%252586%2525E3%252581%25258C%2525E3%252581%252597%2525E3%252581%25259F%2525E3%252581%252584%2525EF%2525BC%252581%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Akm%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2hpSlNaWUhZQldVYjJVeXVQV2o2RF9neW9yOXg4NlhLRnB0NS1XLVE9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)