効率良くUML図を作成するには、編集可能なUML図の例から始めるのが良いでしょう。 以下に、あなたのUML図の作成に利用できる14種類のUML図の例を挙げています。作図の力がなくても例を利用すれば良いのです。例はすべてベクター形式で、ダウンロードは無料です。
Part 1: UML図の種類
UML図は、2つのカテゴリに分けられます。
• 構造図
• 行動図
1.1 構造UML図
構造UML図(Structural UML Diagram)は、ソフトウェアシステムの基本的な構造を表します。どのようにクラスやその他の主要コンポーネント(構成要素)が連携しているかを示します。構造図は、クラス、オブジェクト、パッケージ、モジュール、物理ノード、コンポーネント、インターフェイス間の関係を図で表します。
構造UML図は、ビルの階層設計に似ています。設計に、壁、窓、ドア、電気コンポーネント、配管などが見てとれるように、構造UML図でも同じように確認できるのです。家の建築構造にも似ています。
構造UML図には、以下の7種類があります。
1.2 行動UML図
行動UML図(Behavioral UML Diagram)は、クラス、オブジェクト、パッケージ、モジュール、物理ノード、コンポーネント、インターフェイスの動的な動きを図で表します。どのようにクラスやオブジェクトが作用するのか、クラス内で関数はどのように作用するのかを示します。この関数は、どのように様々なクラスを動的に連携しているのかを表します。
オブジェクト間のコミュニケーション、関数、オブジェクトなどが起因するデータの動きがあります。クラスとそのコンポーネントが時間とともに変化していく過程、どの特定のイベントが行動に影響するのか?あるいはユーザーの入力(インプット)に対する出力(アウトプット)はどうなっているか?簡単に言うと、行動UML図は、クラスの動きを表しているのです。
行動UML図は、7種類あります。
Part 2: UML図の例
2.1 クラス図の例
クラス図(Class Diagram)では、クラス、そのプロパティ、メソッド、コンストラクタを理解できます。また、プロジェクトのクラスの理解がとても複雑になったときに、さまざまなクラス間の関係性も表します。
下記の図は、クラス図です。正方形の枠がクラスで、これらのクラスの中には、プロパティ、コンストラクタ、メソッドが存在します。クラス名は、常に上部に記載されています。プロパティや属性は、その中間に記載されており、最後にメソッドがあります。これらのクラスの関連性もわかります。これらのクラスには、互いに集約関係が存在します。
Simple UML Class Diagram
Class Diagram Example
Order System UML Class Diagram
Domain Model UML Class Diagram
Hospital Management UML Diagram
Library System UML Class Diagram
☞☞無料ダンロードできるUMlクラス図のテンプレートはこちらへ☜☜
2.2 コンポーネント図の例
UMLコンポーネント図(UML Component Diagram)は、数十以上のコンポーネントが存在するような、複雑なソフトウェアの構造にあるコンポーネントとその関係を表します。ソフトウェアのコンポーネントがあまりに多いときは、別のUMLが別途設計され、それをUMLコンポーネント図と言います。コンポーネントは、インターフェイスを通じで互いに関係を持ちます。
System Component Diagram
Online Reading UML Component Diagram
UML Component Diagram
Online Store Process UML Component Diagram
Product Management UML Component Diagram
☞☞無料ダンロードできるUMlコンポーネント図のテンプレートはこちらへ☜☜
2.3 配置図の例
配置図(Deployment Diagram)は、機械のハードウェアのコンポーネントを表し、ハードウェアの中には、ソフトウェアが存在します。複数のマシンや別のソフトウェアコンポーネントにソフトウェアが置かれる場合に使用し、マシンごとにハードウェアの仕様が異なります。
Cafeteria UML Deployment Diagram
iTunes UML Deployment Diagram
Android Application Deployment Diagram
Web App UML Deployment Diagram
Book Club App UML Deployment Diagram
Deployment Chart
Web Application Cluster UML Diagram
UML Deployment Diagram
System UML Deployment Diagram
☞☞無料ダンロードできるUMl配置図のテンプレートはこちらへ☜☜
2.4 オブジェクト図の例
オブジェクト図(Object Diagram)は、クラス図を写す鏡です。違いは、オブジェクトやインスタンス図は異なるオブジェクト間の関連性を表す点です。ソフトウェアに数千のオブジェクトが存在する場合は別途、チャートを描く必要があり、この図をオブジェクト図と呼びます。
UML Object Diagram
Online Shopping Login Controller
Student Registration UML Diagramm
System Checking UML Object Diagram
COM Object Diagram
☞☞無料ダンロードできるUMlオブジェクト図のテンプレートはこちらへ☜☜
2.5 プロフィール図の例
プロフィール図(Profile Diagram)は、簡単に説明すると、従来のUML図の拡張版となります。この図の概念は、以下の通りです。
• タグ付き値:単純にクラスに情報を追加する。
• 制約:ある動作を実行する際の基準とする条件。
Profile Diagram Example
Proflie Diagram Web Application
DICOM UML Profile Diagram
System Checking UML Object Diagram
☞☞無料ダンロードできるUMlプロフィール図のテンプレートはこちらへ☜☜
2.6 パッケージ図の例
UMLパッケージ図(UML Package Diagram)は、さまざまなパッケージ間の関係を示しています。これらのパッケージの中には、他のクラスまたはパッケージが作業を行うために使用する機能があります。
UML Package Diagram
Order UML Package Diagram
Multi-Layered App UML Package Diagram
UML Package diagram Encapsulation
Package Diagram Control Navigation System
Web Architecture UML Package Diagram
Spring Data Access UML Package Diagram
Transfer Object UML Package Diagram
Java Servlet API UML Package Diagram
☞☞無料ダンロードできるUMlパッケージ図のテンプレートはこちらへ☜☜
2.7 複合構造図の例
複合構造図(Composite Structure Diagram)は、特定のクラスの内部構造を示す図です。内部構造だけでなく、ほかのクラスのプロパティと関数との共に働くプロパティやメソッドも示します。クラス1がポート8000を使用する場合で、ほかのクラスが片方の機能と相互的に働くよう、同じポートをどのように利用するか、などです。
Composite Structure Diagram
ATM Process UML Diagram
Tomcat 7 Sever UML Diagram
Car Renting Process UML Diagram
☞☞無料ダンロードできるUMl複合構造図のテンプレートはこちらへ☜☜
2.8 ユースケース図の例
問題を抱えるユーザーと一緒に働く場合など、ケース(例)を挙げる方法を指します。ユースケース図(Use Case Diagram)は、考えられるシステムとユーザーのユースケースを示す行動図の拡張版です。ユースケース図には、複数のユースケースが存在し、ユーザーも存在します。これらのユースケースは、ユーザーのインプットに基づいて互いに作用します。
Student Management Use Case Diagram
Library System Use Case Diagram
Group Buying Website Design Use Case Diagram
Management System Use Case Diagram
Bank System Use Case Diagram
Website Use Case Diagram
Inventory Management Use Case Diagram
Online Shopping System Use Case Diagram
☞☞無料ダンロードできるUMlユースケース図のテンプレートはこちらへ☜☜
2.9 アクティビティ図の例
アクティビティ図(Activity Diagram)は異なるコンポーネントの行動をステップを踏んで表します。また、これらの行動が、どのようにほかの行動とコミュニケーションをとり、ある種の結果を生むのかを示します。
UML Activity Diagram
Shopping Order Activity Diagram<
Bank UML Activity Diagram
Phone UML Activity Diagram
ATM Withdrawal Activity Diagram
Enrollment UML Activity Diagram
Online Shopping UML Activity Diagram
Software Issue Solver UML Activity Diagram
Order System UML Activity Diagram
Ticket Vending Process UML Activity Diagram
Microblog UML Activity Diagram
Login Google Apps UML Activity Diagram
☞☞無料ダンロードできるUMlアクティビティ図のテンプレートはこちらへ☜☜
2.10 ステートマシン図の例
UMLステートマシン図(State Machine Diagram)は、マシンのさまざまな状態を表す行動図です。状態によって、いかにシステムやオブジェクトが作用するかを示します。ステートマシン図は、あらゆるオブジェクトや特定のアクションを実行するその他エレメントに利用することができます。
UML State Machine Diagram
Bank ATM UML State Diagram
User Account Process UML State Diagram
Chess Game UML State Diagram
System Test UML State Diagram
Java Thread UML State Diagram
DICOM Hosted APP UML State Diagram
UML Statechart Diagram
UML Compound Statechart Diagram
☞☞無料ダンロードできるUMlステートマシン図のテンプレートはこちらへ☜☜
2.11 シーケンス図の例
シーケンス図(Sequence Diagram)は、オブジェクトやオブジェクトの相互作用が正しいシーケンスの順序にあるかを示します。イベントに似ているとも言えます。ある特定のイベントが発生すると、特定のオブジェクトが働き、これらのイベントはシーケンス(順序立て)で発生します。
UML Sequence Diagram
Login UML Sequence Diagram
Website UML Sequence Diagram
Submit Comments UML Sequence Diagram<
Registration Process UML Sequence Diagram
Interface Call Sequence Diagram
Login Student System UML Diagram
Online Shopping Cart Sequence Diagram
APP Creation Sequence Diagram
Transaction UML Sequence Diagram<
Facebook Web User UML Sequence Diagram
Online Shopping UML Sequence Diagram
☞☞無料ダンロードできるUMlシーケンス図のテンプレートはこちらへ☜☜
2.12 コミュニケーション図の例
コミュニケーション図(Communication Diagram)は、オブジェクト同士のコミュニケーション(対話)を示すオブジェクト図の拡張版です。どのようにオブジェクトがデータを共有しているか、オーバーラップ(重複)しているかについてはすべて、コミュニケーション図を参照します。
ATM UML Collaboration Diagram
Schedule Planner Collaboration Diagram
Ticket UML Collabration Diagram
Library System UML Collabration Diagram
Signing Contact UML Communication Diagram
E-Learning Communication Diagram
Online Bookshop UML Communication Diagram<
Collaboration Diagram Admin Panel
☞☞無料ダンロードできるUMlコミュニケーション図のテンプレートはこちらへ☜☜
2.13 相互作用概要図の例
相互作用概要図(Interaction Overview Diagram)は、同じ図の中でクラスやノードが加わった制御の流れを示す相互作用またはコミュニケーショUML図です。互いに作用するこれらのノードやクラスに重点を置いています。
Submission Process UML Interaction Diagram
Dynamic Behaviour UML Interaction Diagram
SD Sale Process UML Interaction Diagram
Online Shopping UML Interaction Diagram
Interaction Overview Diagram
Interaction Overview Diagram About Enrolling
☞☞無料ダンロードできるUMl相互作用図のテンプレートはこちらへ☜☜
2.14 タイミング図の例
タイミング図(Timing Diagram)は、直線的な軸に沿って時間の発生や変化を示します。時間に関連する分類子とその相互作用の両方を示します。
What is Timing Diagram
☞☞無料ダンロードできるUMlタイミング図のテンプレートはこちらへ☜☜
Part 3: UML図を使用する利点
統一モデル言語の略(UML)は、どのようにシステム構造が作用するか、またオブジェクト間の関係を示す際に用いる一般的な手法です。
統一モデル言語は、ソフトウェア開発で使われます。この図は、ソフトウェア開発者やエンジニアがシステムコードを開始する前に作成します。UMLを理解するには、オブジェクト指向プログラミングも理解しておく必要があります。オブジェクト指向のプログラミングUML図を展開する際の根源となるためです。
UMLを理解するために、オブジェクト指向プログラミング(OOPS)も学んでおきましょう。 コンピュータサイエンスの勉強においては、OOPSとUMLを併せて学習します。オブジェクト、プロパティ、メソッド、その他の機能などを含むデータ構造のクラスがあります。クラスを数多く作成する場合、クラスの機能やクラス間の関係性についての理解が非常に複雑化します。そのような場合に、UML図がクラスの働きがどのようであるか表し、すべての機能を示してくれるのです。クラスの関係は、矢印で表します。クラスは四角のボックスで表します。ボックスの中には、オブジェクト、プロパティ、プライベートなメソッド、公共にされているメソッド、保護されているメソッド、静的なメソッドを開始したり、習慣的に行ったりするコンストラクタを定義します。
このため、UML図を作成し、利用すると以下の利点があります。
• 理解が深まり、デバッグに役立つ。
• エレメント(要素)間の正式な関係を示される。
• UMLは、混乱することなくシステムの拡張を支援する計画ツールである。
Part 4: まとめ
EdrawMaxは、280種類以上のダイアグラムを簡単に作成するために役立つ作成ソフトウェアです。 このソフトウェアには、ダイアグラム作成に必要なすべてのツールと機能が含まれています。 多数のUMLテンプレートや、繊細な色使いができるので作図のアイデアがどんどん湧いてきます。ぜひお試してみてください!