PhpStormでMermaidを利用できるようにする

PhpStormでMermaidが利用できるようになっていたことを皆さんはご存知でしたか？
設定をちょっと変更するだけですぐに利用できるのでご共有です

Mermaidとは？
Mermaidは、テキストやコードを使って図を作成することができるツールです。
Markdownファイル中で、図を動的に作成・変更することができます。

About Mermaid

手順

1.[Settings/Preferences]の[ Languages & Frameworks | Markdown]を開く
2.Markdown ExtensionsのMermaidにチェックを入れる

3.[Apply]を選択して、[OK]する

試しにクラス図を書いてみる

Mermaidがちゃんと動いてくれるか、クラス図を書いて試してみましょう。

Markdown

```mermaid
classDiagram
class AbstractClass{
    templateMethod()
    PrimitiveOperation1()
    PrimitiveOperation2()
}

class ConcreteMethod{
    PrimitiveOperation1()
    PrimitiveOperation2()
}

AbstractClass <|-- ConcreteMethod
\```（←コピペした際はバックスラッシュを消してください）

上記の記載をすると下記のような図が表示されます。

Mermaidはクラス図だけでなく、様々な図を書くことができるので、興味のある方はドキュメントをご覧になってください。
Diagrams that mermaid can render

少しでもお役立てたら幸いです