Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mermaid.js

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for kosei kosei
July 23, 2023
74
0

 Mermaid.js

Avatar for kosei

kosei

July 23, 2023

Featured

See All Featured
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
160
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
200
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
6.4k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
190
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
720
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
220
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
160
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
120
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.1k

Transcript

  1. NotionでMermaid.js を使い倒す

  2. Mermaid.jsとは テキストベースでフローチャートなどの図(UML)を書くことのできる JavaScript 製の
 オープンソースのライブラリ・ツールです。
 
 フローチャート
 シーケンス図
 ガントチャート
 クラス図

    . . .


  3. 使えるサービス

  4. フローチャート

  5. シーケンス図

  6. ガントチャート Notionのガントチャートの方が見やすい、、、

  7. ドキュメントをNotionにまとめる ・タスク管理がしやすい ・NotionDBと組み合わせることによりDB設計〜実装の情報を一枚で管理できる ・同期ブロック機能で別ページにも展開できて便利！

  8. ご静聴ありがとうございました！