テキストで書いた指示からフローチャート、シーケンス図、マインドマップなどを生成する。
#作図#資料作成
※この説明はAIが公式READMEから自動生成したものです。内容は必ず公式ページでもご確認ください。
これは何?パソコンに入れて使うアプリ
できること
Markdown風の短いテキストで図の内容を書くと、レンダラーが複雑な図を作成・更新する。手順や関係を文章だけで管理し、Live Editorで表示を試せる。
誰に効く?
資料や仕様を図で整理したい人
用意するもの
ブラウザ、または対応エディタ
時間のめやす
10〜20分
使うとこうなる
- 1Live Editorを開く→図を書く画面が使える
- 2Markdown風の定義を書く→図として表示される
- 3定義を直す→図の内容も更新される
作れるもの・できることの例
フローチャート、シーケンス図、文書内の説明図
使えるようになるまでの手順をひらく
- 下の「GitHubで見る」ボタンで公式ページを開く
- ページ内の「(リリース)」から自分のPC用(Windowsなど)のファイルをダウンロード
- ダウンロードしたファイルを開いてインストール
- アプリを起動すれば使えます(画面が英語のことも多いですが、操作はシンプルです)
⬇️ ダウンロードページでの操作(この3タップで完了)
- ページを下にスクロールして 「Assets」 という折りたたみを押して開く(ここがファイル一覧)
- Windowsの人 →「.exe」か「Setup」/Macの人 →「.dmg」と付くファイルを1回押す(ダウンロードが始まります)
- ダウンロードしたファイルを開く。Windowsが青い警告を出したら「詳細情報」→「実行」(有名な無料ソフトでもよく出る画面です)
※緑の「Code」ボタンは開発者用なので押さなくてOK。ファイルがたくさん並んでいたら、上の条件に合う1つだけ選べば大丈夫。
迷ったらこれ:いつも使っているAIチャット(ChatGPT・Claude・Geminiなど)にこのツールのGitHubリンクを貼って 「これを使いたい。私のPCでの始め方を一歩ずつ教えて」と頼むのが一番の近道です。
注意点
複雑な図は記法の学習が必要。見た目調整は手作業になりやすい。
ひとことメモ
として公開されています。内容は公式ページでもご確認ください。
このツールが活躍する場所

