DEV Community

Borikatsu
Borikatsu

Posted on • Edited on

ガントチャートを楽に管理したい

Excel でのガントチャート管理に疲れた。
宗教的な理由からも Excel は嫌。

Backlog とか Jira とか、タスク管理アプリでも WBS 作れるけど正直そんなに便利ではない。
タスクの期限が変わったりすると、他タスクの期限全部調整するハメになったりするし。


目次


なんかいい案ないのかな

あった
PlantUML におけるガントチャートの書き方
↑ ふむふむ、なるほど、ふーんて感じ

まあ plantUML なら使ったことある人多いだろうし、コードでガント管理できるのもエンジニアっぽくていい感じな気がする!!

でも生成した画像をぱっとブラウザ上で見たりしたいけどできるのかな?

多分できない


他にもないかなと探していたら、こんなのもあるぽい
Mermaid を使ってガントチャートを書こう。

・・・こっちのが主流ぽい?

GitHub で Mermaid 構文の表示機能が強化されていました
Github でもサポートしてる。

・・・Mermaid 試してみるか


お試し

まずはセットアップ。以下の記事を参考にする。
VSCode で Mermaid を扱う為の便利な拡張機能あれこれ

とりあえず以下を VScode の拡張機能としてインストールした(他は PDF にエクスポートとかする機能だったので、必要になったらでいいかなと)


さっそく VScode で qita の記事に書いてあるサンプルを開いてみた。

VScodeでの表示

良い感じやん!!
そしてこれを Github にうpすると、画像の状態でプレビューできるのかな?


とりあえず適当に.md ファイル作ってさっきのコードペタっとして・・・

Githubにコピペ

あら素敵
Githubでの表示


実際に使ってみた感想

Github 上だと、画像右上の ⇔ ボタンで拡大プレビューもできて使い勝手もよろしい。
ただ、凝った見た目にはならないので、内々で使うものにとどめておくのがよいかな。

後は、タスク名を変数にして、各タスクの開始日を a タスクの後、みたいにできるので差し込みタスクが来た時などにスケジュールのパズルがしやすい・・かも

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay