勉強した内容をMermaid.jsでマインドマップ形式でまとめる

はじめに この記事を読まれているエンジニアの皆様は日々多くの本やネットの記事をお読みになり、自己研鑽に励んでいることと思います。 テキストに限らず学習した内容を何らかの形でまとめることは記憶に定着させたり、理解を整理したり、思い出しやすくしたりとたくさんの意味があると自分は考えています。恐らく同じ様な考えを持つ方は少なくないかと思います。 そこで今回はMermaid.jsを使いマインドマップ形式で保存することで、見やすく手軽に管理する方法を紹介したいと思います。 準備 今回はMermaid.jsを使用するので予めインストールしておいて下さい。以前Mermaid.jsをインストールする方法や、ガントチャートを作成する方法をこちらで紹介しているので必要に応じて参考にして下さい。 マインドマップとは マインドマップとは下図の様なものです。思考を整理する時などに便利です。 これは「SQLアンチパターン」という本にある、「ジェイウォーク」についてまとめたものです。 この画像は元々テキストで書いているだけです。先程インストールしてもらったMermaid.jsを使うことでマークダウン記法のように書くだけで簡単にマインドマップを作成することが出来ます。 ちなみに「SQLアンチパターン」はとても良い本なので読んでいない方は絶対に読むべきお勧めな本です。 マインドマップを書いてみる 実は解説する程のことはほとんどなく、最初のノードをroot()で囲むだけで、あとは階層毎にインデントを深くしていけば自然とマインドマップが作られます。 mindmap ... 御覧になる | 御シェアする

mermaid.jsでリトアカのガントチャートを作った

mermaid.jsとは フローチャートやシーケンス図、ガントチャートなど様々なドキュメントをマークダウンの様な定められたフォーマット通りに記述することで、テキストベースで作図が出来るツールです。 今回はmermaid.jsを使ってリトルウィッチアカデミアの第一クールまでのあらすじをガントチャート風に作成してみました。単なるmermaid.jsの練習と備忘録、そしてリトアカの布教です。 mermaid.jsのインストール $... 御覧になる | 御シェアする