オンラインUMLクラス図
「+ クラス」をクリックして名前と属性を書き、好きな場所にドラッグします。つなぐには「ブロックをつなぐ」を使い、関係の種類を選びます。
使い方クラス、属性、関係を1つの図に
利用できる言語: 
広告
オンラインUMLクラス図: 用途
クラスを属性とメソッドとともに書き、可視性（+、-、#、~）を付けて、関連、継承、コンポジション、集約、依存でつなぎます。多重度は両端に付けられます。図は入力しながら描かれます。
コードは Mermaid のオープンな構文を使っており、GitHub、GitLab、Notion でも描画されるので、同じテキストをプロジェクトのドキュメントに貼り付けられます。
使い方
- クラスを属性とメソッドとともに書きます。
- 関係の矢印でクラスをつなぎます。
- 図を PNG または SVG でダウンロードします。
使うタイミング
- 大学のシステム分析の課題。
- プロジェクトのドキュメント。
- プログラミングの前にドメインをモデリングする。
よくある質問
クラスはどう書きますか？
class 名前 { } を使い、波括弧の中に属性またはメソッドを1行ずつ書きます。先頭の記号は可視性を示します：+ は public、- は private、# は protected、~ はパッケージです。メソッドには括弧を付け、後ろに戻り値の型を書けます（例：+total() float）。
継承、コンポジション、集約はどう示しますか？
クラス間の矢印で示します。A <|-- B は継承（B が A を継承）、A *-- B はコンポジション、A o-- B は集約、A --> B は関連、A ..> B は依存です。多重度は両側に引用符で囲んで書きます（例：Cliente "1" --> "*" Pedido）。
これは何という言語ですか？
Mermaid の構文です。Mermaid はテキストで図を書くオープンな標準で、GitHub、GitLab、Notion でも使えます。ここで書いたコードは、それらにそのまま貼り付けられます。
本当に無料？
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。