マーメイド記法(Mermaid記法)について
ダイアグラムやフローチャート図を作成できるマーメイド記法を使用する方法について記述します。
※Github、notion、VScodeで利用できるものと同じです。
※マーメイドについては以下URLをご参照ください。
https://mermaid-js.github.io/mermaid/#/
マーメイド記法(Mermaid記法)の設定方法(書き方)について
編集画面の表示と編集方法について
まず、エディターのボタンの中から
をクリックしてください。すると、以下のような編集ダイアログが表示されます。
- テキストボックスにマーメイド記法を記述する
- OKボタンを押すと編集画面にチャート図を挿入されます
再編集について
チャート図の上で右クリックして編集ボタンを押すと、編集ダイアログが表示されます。
※チャート図の上にカーソルを持っていき、 をクリックしても編集ダイアログが表示されます。
サンプル
フローチャートのマーメイド記法(Mermaid記法)の書き方
※フローチャートの文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/flowchart
シーケンス図のマーメイド記法(Mermaid記法)の書き方
※シーケンス図の文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/sequenceDiagram
クラス図のマーメイド記法(Mermaid記法)の書き方
※クラス図の文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/classDiagram
状態遷移図のマーメイド記法(Mermaid記法)の書き方
※状態遷移図の文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/stateDiagram
ER図のマーメイド記法(Mermaid記法)の書き方
※ER図の文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/entityRelationshipDiagram
ジャーニーマップのマーメイド記法(Mermaid記法)の書き方
※ジャーニーマップの文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/user-journey
ガントチャートのマーメイド記法(Mermaid記法)の書き方
※ガントチャートの文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/gantt
円グラフのマーメイド記法(Mermaid記法)の書き方
※円グラフの文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/pie
要求図のマーメイド記法(Mermaid記法)の書き方
※要求図の文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/requirementDiagram
Gitコミット図のマーメイド記法(Mermaid記法)の書き方
※Gitコミット図の文法及びサンプルは以下URL先もご参照ください。
https://mermaid-js.github.io/mermaid/#/gitgraph
運営に対応していただきました。
現在は正常に新規作成、更新できます。
運営に問い合わせ済みですが、他にも同じ現象が発生している方がいるかもしれないので共有しておきます。
5月19日0時より編集画面にて、以下の現象が発生します。
「プレビュー」「保存」押下時、「通信に失敗しました。時間をあけて再度お試しください。」
10~20回ほど試して再現率100%です。
7時現在も同様の現象が続いています。
すみません、wiki3初心者です
リンクからリンクカードを生成する方法はありますか?
wiki3のURLで範囲指定して一通り「リンクカード」「ブログカード」「ogp」などのワードで探しましたが有力な情報が見当たらず…
もしデザイン設定やライブラリ設定などでなんとかなる範囲でしたらコードも教えてくださると嬉しいです
要望です。編集制限に以下の条件を追加していただきたいです。
・リモートホスト単位での編集規制
・ユーザーエージェント単位での編集規制
また、既存のIPアドレス・NGワード規制に関しても正規表現やワイルドカードを用いた規制も可能にしていただきたいです。
見たままモードにおいてはURLを貼り付けると自動変換の処理が行われますが、記号 "&" が "&" に置き換わってしまいます。置き換えない方がよいと思われます。