ER図

今回はNotionで使えるMermaid記法に関して書いていきます。これまでもNotionのMermaidに関して記事を書いています。関連記事リスト Notion（Mermaid）でER図を書いてみる Notion（Mermaid）でマインドマップを書いてみる 上記の記事を見てもらえば分かるのですが、ER図もマインドマップも色合いが地味です。 記事を書いた当時は、色合いの変更方法が分かりませんでした。色々と調べてみても分からなかったのでそのまま進めていたのですが、たまたま遭遇した記事で色合い（テーマ）を変更できることを知りました。今回はその変更方法と、以前の記事で触れたER図とマインドマップに…

はじめに こんにちは。新卒1年目の岡崎です。 今回はテーブル定義をする時に、使うと便利かもしれないMermaidの紹介をしていきます。 はじめに Mermaidとは 使い方 VSCode IntelliJ IDEA Notion GitHub Mermaidの記法 テーブル定義 リレーション定義 最後に Mermaidとは Mermaidは、図を動的に作成・変更するJavaScriptベースの図形作成およびグラフ作成ツールです。もっと詳しく知りたい人はここを見てください。 Mermaidを使うと、ER図を簡単に書くこともできます。 使い方 今回は例として、4つ紹介します。 VSCode VSC…

こんにちは！ぱかぱかです！ 今日は前回の記事で要件を詰めていた飲食店を記録するアプリ「グルメノート」のデータ設計を行いたいと思います。radish-se.hatenablog.com radish-se.hatenablog.com 前回のまとめ ・アプリの目的、システム方式・構成、画面と機能、操作フローを決めた！ ・カラーパレットを使って多少マシなデザインを作った！ ぱっと見こんな感じのアプリを作ろうとしている データ設計とは 前回の記事でも述べた通り要件定義すらまともにやったことがない私、データ設計なんてなおさらよくわかっていません… OSS-DB Silverを取得するなどDBについて勉…

結論 2022年12月7日（水）現在、書けない。 根拠 公式ドキュメントにて、最大限に情報を書いた場合の例が以下です。 mermaid-js.github.io erDiagram CAR { string allowedDriver FK "The license of the allowed driver" string registrationNumber string make string model } 「型」「カラム名」「PK or FK」「コメント」だけが書き込め、これ以上は書き込めません。 感想 Mermaid は慣れれば書き方を見ないで書けますし、人間の可読性も高いです。ぜ…

概要 みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 今回は、新たにER図を作成する際に、Mermaid.js の書き心地や、見た目が良さそうだったので、VSCode上で書いたりプレビューできるようにしてからER図を書いてみたので、記事にしようと思います。 Mermaid 公式サイト mermaid.js.org mermaid-cli インストール 例によって、Homebrewで入れましょう。 brew install mermaid-cli VSCode 拡張機能インストール 以下2つの機能を使用しています。 marketplace.visual…