Diagram.RS

クラス図ツール

シンプルなテキストでクラス、属性、メソッド、リレーションシップをモデル化します。Diagram.RSはMermaid構文を使ってUMLクラス図をリアルタイムでレンダリングします。ソフトウェア設計や文書化に最適です。

ダイアグラムコード
プレビュー
Theme
Default
サンプルを試す

オンラインでクラス図を作る方法

  1. classDiagramで始め、class クラス名 { ... }で各クラスを定義します。
  2. 波括弧内に属性とメソッドを記述し、可視性を示すために+、-、#プレフィックスを付けます。
  3. -->、--|>、*--などのリレーション矢印でクラスを繋ぎ、ラベルを付けます。
  4. ダイアグラムをSVGまたはPNGでエクスポートして設計ドキュメントに活用します。

クラス図FAQ

オンラインで無料のUMLクラス図を作るには?
classDiagramで始め、class 名前 { 属性とメソッド }でクラスを定義します。-->や--|>などの矢印で関連するクラスを繋ぐと、ダイアグラムが即座にレンダリングされます。
異なる矢印の意味は?
-->は単純な関連、--|>は継承(extends)、*--はコンポジション、o--は集約を表します。MermaidはこれらのUML標準リレーション記法に対応しています。
属性やメソッドの可視性を示すには?
メンバーにプレフィックスを付けます。+はpublic、-はprivate、#はprotectedを表します(例:+String name や -calculateTotal())。

その他のダイアグラムツール