Closed5

Mermaid記法とPlantUMLを比較する、どちらを採用すべきか?

まさぴょんまさぴょん

Mermaid記法とPlantUMLを比較する、どちらを採用すべきか?

  • GitHub上で、プレビュー・共有ができるので、Mermaid記法に軍配が上がりそう。
    • GitHub で Markdown の中に Mermaid を埋め込んだら表示してくれる機能がリリースされた。
  • 凝ったUML系の図を作りたい場合は、PlantUMLが適しているかも。

その他、詳しい説明は、参考リンクを参照いただきたい。

PlantUMLについて概要

  • 表記法に合わせてテキストエディタで記述した後、専用ビューアで表示する。
  • 表示するにはVSCodedの場合、プラグインを追加。
  • Zenn上では、表示されない (Mermaid記法は表示される)
@startuml
A -> B
@enduml

Mermaidについて概要

  • Javascriptの専用ライブラリ。
  • Githubでもサポートされているため、ファイルのプレビューが可能
  • Zenn上でも、Mermaid記法は使える模様。以下の図は、Mermaid記法の記述で、条件分岐を表現。

条件分岐(if文)

[参考・引用]

Mermaid 入門してみたメモ(flowchart で力尽きた…)

https://zenn.dev/microsoft/articles/learning-mermaid

【更新】Mermaid記法とPlantUMLを比較する(グラフやアクティビティ図も紹介)

https://coralnet.co.jp/wordpress/?p=1384

会社でフロー図を書こうと思って PlantUML と mermaid.js を比べてみる

https://qiita.com/suzuki-hoge/items/2cc68666511d6bc65e3f

PlantUML - Mermaid 比較(シーケンス図)

https://qiita.com/Tachy_Pochy/items/ee79fc5c572fa5661989

まさぴょんまさぴょん

UMLとは?

  • UML(Unified Modeling Language)は、統一モデリング言語の略称で、システム開発における要素同士の構造や関係性を可視化する設計図のようなものです。
  • UMLは、分析から設計、実装まで、オブジェクト指向開発に一貫して用いられるモデリング手法です。
  • UMLを使用する主な目的は、コミュニケーションの効率化です。
  • UMLは、ソフトウェアエンジニア開発の世界において、ビジネスユーザーを始め、システムを理解しようとするあらゆるユーザーが理解できる視覚化のための共通言語を打ち立てることを目的として作られました。
  • UMLは、ソフトウェアのモデリング言語の標準として最も広く普及しています。

3分でわかる!初心者が押さえておくべきのUML入門知識

https://www.edrawsoft.com/jp/uml-introduction.html

UMLとは?書き方とクラス図・シーケンス図など10種の図を解説

https://cacoo.com/ja/blog/what-is-uml/

このスクラップは2024/01/03にクローズされました