2024-02-10

書くより見よ、Mermaid!

Mermaidというマイブーム

ここ数ヶ月はずっとMermaidに助けられています。

Mermaidとはダイアグアムツールといって、文章をグラフ化してくれるツールです。

普通、フローチャートやグラフって作るの結構大変じゃないですか?

パワポやエクセル、もしくはイラレなんかを使ってドラッグしながら作るほどでもないメモ程度のチャート。

そういう時に便利なのがMermaidです。

文章をグラフ化できる。

Mermaid最大の魅力は、スピード感です。

数行文字を書くだけで十分なグラフを作ることができます。

  • 誰かに何かを教えるときのメモとして。
  • 複雑なことについて相手を認識を合わせるために。
  • 勉強会なんかでのメモ。
  • アイディアを出していくために。

8行でできた組織図

例えば、こんな文章を8行書くだけで、組織図なんかができちゃいます。

コンサルの人や営業の人なんかはこれ便利なのでは???

パワポでぽちぽちして微調整する必要がなくなります。

コードサンプル

graph BT
  a1[Aさん] --> |社員|b[営業部]
  a2[Bさん] --> |パート|b[営業部]
  a3[Cさん] --> |アルバイト|b[営業部]
  a4[Dさん] --> |アルバイト|b[営業部]
  b[営業部] --> c[経営企画部]
  c --> d[取締役会]
  d --> e[社長]

作り方は簡単

  1. コードというブロックを追加する
  2. コードの種類をMermaidに変更
  3. あとはMermaidの記法で文字を書くだけ(分割を選択するとリアルタイムでグラフが表示される)

Notionではデフォルトで使えちゃう

このMermaidですが、エンジニアがよく?使うものでGitHuやGitLabはサポートしているようです。

それがNotionにはデフォルトで備わっていて感動しました。

しかもNotionの場合は文字を書くとすぐ下にグラフがリアルタイムで出てくる仕様。

目の前の人と会話しながら数文字入力するだけでみるみるグラフができていくので便利ですね。

このMermaid、もっと色々できそうなのでもっと使い込んでいこうと思います!

よくあるご質問

Artisanの活動頻度を教えてください

Artisanは基本的に1ヶ月に1回、2時間程度開催しています。そこでは、ブログのアイディアやサイトの改修を行なっています。 参加は強制ではないので、ご安心ください。そのとき暇なメンバーがフラッと参加する感じです。

エンジニアなのですが、Artisanに参加できますか?

Artisanは利益組織ではありませんので、給与はでず、有志の集団です。 趣味程度の活動です。 興味がありましたら、インスタグラムよりご相談くださいませ。 現在だと、ウェブデザイナーさんやフロントエンドのエンジニアさんにきていただけると、非常にありがたいです。

wordpressのテーマ作れますか?

ワードプレスのテーマ開発は得意なメンバーがいます。 実際にwordpressでサイト制作を請け負う際は、全てオリジナルテーマを作っております。 また、一般用にwordpressテーマ自体を販売もしております。

Artisanってデザイナー?

どちらかというと、エンジニです。 ウェブデザインやグラフィックも多少やりますが、メインはウェブ開発者ですね。

Wordpressテーマ販売中