![見出し画像](https://assets.st-note.com/production/uploads/images/87924573/rectangle_large_type_2_5c5518ceeb644f874023825e8d6c3887.png?width=800)
Photo by
voice_watanabe
Notionでワークフローを書こう!
Notion使ってる?
Notionでメモや仕事で使っている人も増えてきただろう
(いや増えてほしい)
そんな中、多数の機能があるNotionだが、フローチャートが手軽に作れる
"" Mermaid "" という機能を使ったことがあるだろうか???
無い人はぜひ今回使ってみてほしい!
Mermaidを使ってみよう
使い方は / ( スラッシュ) でメニューを呼び出して Mermeid を打ち込み選択またはメニューの中から選択する形でもいい。
![](https://assets.st-note.com/img/1664454966431-oNyi7kP94g.png)
コード??と思わずに、、初期画面を見てみよう
![](https://assets.st-note.com/img/1664455028180-MSbMhMBlX0.png?width=800)
この Mermaid と diagram が --> ( ハイフン2つと リダイレクト) で作られた矢印で書かれていて、下部にそれがイメージ化されている。
そう!矢印でつなぐだけでいい。
1つ1つ矢印を繋げてかけば、同じ名前のものは1つとして扱ってくれる。
例えば、
風呂上がり飲むものでフローを作ると。。。。
![](https://assets.st-note.com/img/1664456912178-C4m6IZBbJI.png?width=800)
矢印にコメントしたい
矢印に意味をもたせたい場合は
"-- [コメント] -->" という書き方をすればいい。
![](https://assets.st-note.com/img/1664455631887-O4mo72xGu1.png)
工夫すると色々な説明資料の作成の書き出しに
フローを乗せることができて、全体イメージ共有がしやすくなるので
ぜひ使ってみるとおもしろいかも。
最後に、、、、
最後にサウナの気持ちいいところまでいく、イメージをざっくり。
![](https://assets.st-note.com/img/1664455718261-JqdelaqGlE.png?width=800)
ちなみに、graph TD の箇所をLR にすると横向きになります!
![](https://assets.st-note.com/img/1664456226679-8UHiswPyCk.png?width=800)
この記事が気に入ったらサポートをしてみませんか?