Scrapboxがmermaid.jsをサポート
from 2023/08/22
知らぬ間にmermaid.jsサポートしていたのか、いいね！
mermaidgraph LR
HELLO --> WORLD
W --> WORLDふむ、サムネイルにはならないのか、残念 
pie.mermaidpie title あなたは貧乳派ですか巨乳派ですか
"貧乳が好き" : 5
"巨乳が好き" : 10
"おっぱいならなんでも好き" : 85パイのパイチャート
！！！！？！？！？！！！？！！！！？？？
先越されたああああああああああああああああああああああああああああああああああああああああ！！！！！！！！！！！！！！！！！！
くやしい！！
まあいいやUIパクろう
パクってScrapRunを作りました
へー
branch.mermaidgitGraph
commit
commit
commit
branch develop
commit
commit
commit
checkout main
merge develop
commit
commitおお、これはいいね。幅が広がる。
mermaid.jsをサポートして、すごい、うれしいという記事は山のように出てきそうだけど、
一旦、引いて考えてみると、mermaid.jsをどう使えばいいの？（記法を覚えるのではなく、記法を使ってどんなコンテンツを生産できるのか）
わりと、使い方の応用編は見ない気がする
使うと良さそうな例を見つけたら書いてみる
リビングの配線、何らかの構成図
状態遷移図による設計
/jee54321/Mermaid Syntaxに何ができるか一覧されててわかりやすい
CSSを別のコードブロックで指定できるのかな？
Scrapboxにおけるmermaid.jsの使い方をまとめておきたい
どうすればいいだろう？
とりあえず、 #mermaid.jsの使い方 というハッシュタグでまとめてみる
いつものstyle.css
2024-02-23 lintとformatをした
style.css.mermaid-preview svg {
border: 2px solid #efefef;
border-radius: 5px;
} 
あり/なし
どこクリックできるかがわかりやすくなるやつ
コードブロック記法のすぐ下に箇条書きできない問題に気付かず、しばらく混乱した
対策は↑にある通り