ノートの中の Mermaid 図

図をテキストで書き、その横で描画されるのを 5 種類の図で確認します。

LightNote のスクリーンショット:フローチャート:ボックス、判断のひし形、ラベル付きの矢印
フローチャート:ボックス、判断のひし形、ラベル付きの矢印
LightNote のスクリーンショット:シーケンス:誰が誰と、どの順番でやり取りするか
シーケンス:誰が誰と、どの順番でやり取りするか
LightNote のスクリーンショット:ガント:セクションごとに、依存関係付きでタスクをカレンダーに並べます
ガント:セクションごとに、依存関係付きでタスクをカレンダーに並べます
LightNote のスクリーンショット:マインドマップ:階層はインデントで決まります
マインドマップ:階層はインデントで決まります
LightNote のスクリーンショット:タイムライン:期間と、それぞれの出来事
タイムライン:期間と、それぞれの出来事

手順

各手順の番号は、スクリーンショット上のマーカーの番号です。手順にポインターを合わせるかクリックすると強調表示されます。

  1. ノートの ```mermaid フェンスに図を書きます
  2. 1「テキスト + 読書」では、コードと図が左右に並んで表示されます
  3. 2「挿入」→「図(Mermaid)」で、種類ごとのひな形が入ります

ヘルプで詳しく読む図(Mermaid)

ヒント

  • Ctrl+E でノートのモードを切り替えます:テキスト、テキスト + 読書、書式付き編集、読書
  • 書式付き編集では、図の上で Ctrl+Enter を押すと、図のコードを編集できます

← チュートリアル一覧