mermaid.js:概念地図
概念地図（concept map）
概念地図に使用する記号
概念地図の作成手順
概念を見つけるためのヒント
関係を見つけるためのヒント
概念地図のテンプレート
code:conceptmap_template.mermaid.text
stateDiagram-v2
メインテーマ　　--> 上位概念1:説明1
メインテーマ --> 上位概念2:説明2
メインテーマ --> 上位概念3:説明3
上位概念1 --> 下位概念1_1:説明1_1
上位概念1 --> 下位概念1_2:説明1_2
上位概念3 --> 下位概念1_2:説明3_1
概念1 --> 下位概念1_1
概念1 --> 概念2
概念2 --> 概念3
概念地図を使った情報検索
before
. 概念地図を作り、知っていること、知らないこと、知りたいことを洗い出す。
作成した概念地図は保存しておく
code:before.mermaid.text
stateDiagram-v2
メインテーマ　　--> 上位概念1:説明1
上位概念1 --> 下位概念1_1:説明1_1
after
調査結果をもとに、概念地図を修正する
code:after.mermaid.text
stateDiagram-v2
メインテーマ　　--> 上位概念1:説明1
上位概念1 --> 下位概念1_1:説明1_1
調査前と調査後での概念地図の違いを評価する（学んだことを可視化）
Graphviz:概念地図を作ってみよう
code:conceptmap.mermaid
stateDiagram-v2
メインテーマ　　--> 上位概念1:説明1
メインテーマ --> 上位概念2:説明2
メインテーマ --> 上位概念3:説明3
上位概念1 --> 下位概念1_1:説明1_1
上位概念1 --> 下位概念1_2:説明1_2
上位概念3 --> 下位概念1_2:説明3_1
概念1 --> 下位概念1_1
概念1 --> 概念2
概念2 --> 概念3
#mermaid.jsの使い方