MarkdownでMindmapを描く

2290 ワード
ツール mindmap ツール テキストリンク

概要

markmap-libというNodeライブラリーを使って、Markdownの箇条書きをMindmapのHTMLを簡単に変換できます。

Github: https://github.com/gera2ld/markmap-lib

下記の内容を変換すると、

# Engineering Roadmap
## Frontend
### HTML
### CSS
### JavaScript

- Basic
- ES6
- TypeScript
- Frameworks
    - React.js
    - Vue.js
- Libraries
    - Material-ui

### SVG

## Backend
### Programming

- Python
    - Basic
    - Flask
    - ORM

### Server

- Nginx

## DevOps
### Docker

以下のイメージになります。

インストールと使用

# install
npm i markmap-lib -g

# markdown を作成
touch mindmap1.md
# Markdownを書く

# MindMapを作成
markmap mindmap1.md --output mindmap1.html

参考

https://github.com/gera2ld/markmap-lib
https://github.com/dundalek/markmap