グラフを生成可能なマークダウン構文「Mermaid」がNotionで利用出来るようになりました #notion | DevelopersIO

データアナリティクス事業本部 サービスソリューション部 サービス開発チームのしんやです。 Notionの直近リリースノートに「Mermaidっていうマークダウン構文がNotionで使えるようになったよ！」という情報が載っていたので、試してみた内容を軽くではありますが紹介したいと思います。 目次 Mermaidとは 実践 #1. フローチャート #2. シーケンス図 #3. クラス図 #4. 状態遷移図 #5. ER図 #6. ジャーニーマップ #7. ガントチャート #8. パイチャート #9. 要件図 まとめ Mermaidとは Mermaidとは、フローチャート、シーケンス図、クラス図、ガントチャート、およびgitグラフを生成するためのマークダウン構文です。 コードから良い感じのグラフを生成できるイメージについては下記動画を参照頂くと良さそうです。 実践 では早速実践してみたいと思いま

[shifumin]

最高。もうPlantUMLをembeddedする必要はないんや

[ngwork0301]

知らなかった。。。ER図生成はこれをつかえばよかったのか。

[Keisuke69]

Notionでシーケンス図書きたいって言ってたら教えてもらった。そもそもMermaidに対応していたことすら知らなかった

[tolkine9999h]

Mermaid初めて聞いた。

[Kesin]

PlantUMLみたいに図をコードで書けるようになるのか。業務で使いどきがありそう

[awawann]

使ってみたい

[rrringress]

てかそもそも MATLAB 対応してたのか

[ejointjp]

神神神アンド神

[t-murachi]

Mermaidか…

[misarine3]

読み方書き方合わせての勉強にしたい

[Mofuyuki]

UMLは素早さ重視と気づいてマークダウンは諦めた。。

[microcoppepan]

サラッと書ければめちゃ便利そう

[Ryo_K]

うわやば。個人的に好きな二つが合体してたとは知らなんだ。

[amebacore]

Notionいろいろ機能があるんだろうけど、タスクリストしか使ってない。

[prbaybe]

うーんすごいような使わないような

[niji]

こういうのよな。Tikzにもあるのでしょうが。

[ryuichi1208]

すごい

[surume000]

よき

[OrionB312]

Mermaidを知らなかったけどNotion上で図が書けるの嬉しい

[keint]

ステートマシン図いつの間にか対応していたのか？

[nishi_n]

お！ Mermaidはesaでちょっといじったことある。Notionがエディタとしてどんどん良くなっていく〜

[shioki]

“今回はサラッとした紹介に留まりましたが、Mermaidの諸々の機能がNotionでも利用出来る(というかMermaidの便利さをNotionでも享受出来る)というのを知ってちょっと早朝からテンションが上がりました”

[richard_raw]

Mermaidに対応していたCuteMarkEd https://cloose.github.io/CuteMarkEd/ の開発が止まっているっぽいのでNotionが気になります。

[nunulk]

なぬ

[kuborn]

PlantUML より楽しそうな雰囲気を感じる

[nrtn]

いいねー　Githubも対応してほしい

[peketamin]

すごい

[yamaimo_san]

これらを「グラフ」と呼ぶのかぁ

[hasiduki]

むっちゃめんどうくさそう！！

[kotas]

Mermaid を知らなかったけど便利そうだ

[cocoasynn]

いやこれは最高すぎ