VSCodeとMarkdownでガントチャート
テキストでガントチャートを描く方法についてまとめます。
準備
エディタはVSCodeを使います。
マークダウン記法を使います。
それをプレビューするのに拡張機能のMarkdown Preview Enhancedを使います。
書き方は二通りあります。
PlantUML
```plantuml
@startuml
saturday are closed
sunday are closed
language ja
title 動物
Project starts 2022-04-04
[アフリカゾウ] starts 2022-04-04 and lasts 5 days
[いのしし] starts 2022-04-11 and ends 2022-04-12
then [うし] lasts 3 days
@enduml
```
@startuml
saturday are closed
sunday are closed
language ja
title 動物
Project starts 2022-04-04
[アフリカゾウ] starts 2022-04-04 and lasts 5 days
[いのしし] starts 2022-04-11 and ends 2022-04-12
then [うし] lasts 3 days
@enduml
```
Mermaid
```mermaid
gantt
title 動物
dateFormat YYYY-MM-DD
axisFormat %m/%d
excludes weekends
section 哺乳類
アフリカゾウ: 2022-04-04, 5d
いのしし: 2022-04-11, 2022-04-13
うし: 3d
```
gantt
title 動物
dateFormat YYYY-MM-DD
axisFormat %m/%d
excludes weekends
section 哺乳類
アフリカゾウ: 2022-04-04, 5d
いのしし: 2022-04-11, 2022-04-13
うし: 3d
```
[ 2022年4月6日 | カテゴリー: デジタル | タグ: Markdown , Markdown Preview Enhanced , VSCode , ガントチャート , 入門 ]
« 広告でよく使われるサイズ一覧 | MacでWindowsキーボードを使うためにKarabiner-Elementsで設定を変える方法 »
コメントを残す