UML コンポーネント図を作成する

UML コンポーネント図を作成して、コンポーネント、ポート、インターフェイス、およびそれらの間の関係を示すことができます。

UML のコンポーネントは、システムのモジュールパーツを表します。 この動作は、必須インターフェイスと提供インターフェイスの観点から定義されます。 コンポーネントには、パブリックプロパティと操作を持つ外部ビューがあり、プライベートプロパティと認識分類子を備えた内部ビューがあります。 内部ビューには、外部動作が内部でどのように実現されるかが示されます。

UML コンポーネント図の例

まず、 UML コンポーネントテンプレートを開いて、4つのオプションのいずれかを選びます。 [UML コンポーネント] ステンシルが、UML 2.5 標準に準拠した図形と共に表示されます。

注: [ UML コンポーネント] ステンシルは、 Visio Plan 2サブスクライバーの場合にのみ使用できます。 サブスクリプションをお持ちの場合は、Visio のバージョンが最新であることをご確認ください

コンポーネント図を開始する

  1. Visioを開始します。 ファイルが既に開いている場合は、[ファイル]、[新規] の順にクリックします。

  2. [カテゴリ]、[ソフトウェアとデータベース]、[UML コンポーネント] の順に移動します。

  3. 空白のテンプレートを選択するか、3 つのスターター図面のいずれか 1 つを選択します。 目的のテンプレートを選んだら、[作成] をクリックします。

  4. 図の横に [図形] ウィンドウが表示されるはずです。 表示されていない場合は、[>作業ウィンドウ表示する] に移動し、[図形] が選択されていることを確認します。 それでも表示されない場合は、左側にある [図形ウィンドウの展開] ボタン [図形ウィンドウの展開] ボタン をクリックします。

  5. [表示] タブで、[接続ポイント] の横のチェック ボックスがオンになっていることを確認します。 これで、図形の接続を開始すると、接続ポイントが表示されます。

  6. 次に、図に取り込みたい図形を、[図形] ウィンドウからページにドラッグします。 テキスト ラベルの名前を変更するには、ラベルをダブルクリックします。

コンポーネント図形

使用する場合

システムまたはアプリケーションの各機能ユニットでコンポーネント図形を使用します。

"ストア" コンポーネント図形

ステレオタイプを表示または非表示にする

図形を右クリックして、ステレオタイプ ラベルを表示または非表示にします。

メニューを右クリック、[ステレオタイプの表示] コマンド、<<コンポーネント>> テキスト ラベル

サブシステム

コンポーネント図形は、その他のコンポーネントを含むサブシステム図形として使用することができます。 サイズを変更して大きくし、その上に他のコンポーネントをドロップするだけです。 緑色で強調表示されたら、移動できるようになります。 その時点から、大きい方の図形はコンテナーとして機能し、小さい方の図形は大きい方の図形と共に移動します。

ヒント: コンポーネントを他のコンポーネント上にドラッグした場合に、ドラッグしたコンポーネントが表示されなくなった場合は、Ctrl キーと Shift キーを押しながら F キーを押して、当該コンポーネントを前面に移動します。

オーダー コンポーネントがドラッグされたストア サブシステム図形

インターフェイス図形

使用する場合

  1. クラス/インターフェイスの実現を指定する場合は、提供インターフェイス図形を使用します。

  2. クラス/インターフェイスに対する依存関係を指定する場合は、要求​​インターフェイスを使用します。

接続された 2 つのインターフェイス。1: 提供インターフェイス図形の終端は円。2:要求インターフェイス図形の終端はソケット

手順 1

提供インターフェイス図形をページにドラッグし、ポートの四角形と接続ポイントをつなげます。 接続ポイントの周囲が緑色で強調表示されたら、接続されたことになります。

コンポーネント図形に接着された提供インターフェイス図形

手順 2

要求インターフェイス図形をページにドラッグし、同様にポートの四角形と接続ポイントをつなげます。 接続ポイントの周囲が緑色で強調表示されたら、接続されたことになります。

コンポーネント図形に接着された要求インターフェイス図形

手順 3

提供インターフェイスと要求インターフェイスを互いに接続するには、まず、必須インターフェイス図形を選択します。 次に、黄色のハンドルを探します。

要求インターフェイス図形上の黄色のハンドル

手順 4

黄色のハンドルをドラッグして、提供インターフェイスと接続します。

提供インターフェイスに接続された要求インターフェイス

コネクタのヒント

直線コネクタ

コネクタの旋回回数が多すぎる場合は、コネクタを右クリックし、[直線コネクタ] をクリックします。

多重度の表示

必要に応じて、コネクタを右クリックし、[多重度の表示] を選択します。 これにより、4 つのテキスト ボックスが表示され、詳細情報を追加できるようになります。 必要ないテキスト ボックスがある場合は、該当するものを削除します。

コネクタの種類の変更

コネクタの種類を変更することができます。 たとえば、"関連付け" から "方向付き関連付け" に変更することができます。 コネクタを右クリックし、[コネクタの種類の設定] をクリックします。

ポイント接続ではなく、動的な接続を行う

図形を頻繁に移動させることが予想される場合は、ポイント接続ではなく、動的接続を検討してください。

コネクタでテキストを移動または回転する

コネクタ上でテキストを回転または移動することが必要になると考えられます。 その手順は次のとおりです。

  1. ページの空白領域をクリックし、選択されているものがあれば、選択を解除します。

  2. [ホーム] タブの [ツール] グループで [テキスト ブロック] ツール [テキスト ブロック] ボタン をクリックします。

  3. 回転または移動したいテキストが存在しているコネクタをクリックします。

  4. 回転ハンドル 回転ハンドル を使用し、テキスト ブロックをドラッグすることで移動または回転します。

  5. 作業が完了したら、[オブジェクト​​選択ツール] ボタン [ポインター] ボタン をクリックします。

    [オブジェクト選択ツール] ボタン [ポインター] ボタン に戻ったあと、図形に対するテキストの位置に変わりはありません。 [オブジェクト選択ツール] [ポインター] ボタン を使用してテキストをドラッグすると、図形も移動します。 図形のテキストを独立して移動するには、[テキスト ブロック ツール] [テキスト ブロック] ボタン に戻ります。

UML コンポーネント図の例

まず、 UML コンポーネントテンプレートを開いて、4つのオプションのいずれかを選びます。 [UML コンポーネント] ステンシルが、UML 2.5 標準に準拠した図形と共に表示されます。

注: [ UML コンポーネント] ステンシルは、 Visio Plan 2サブスクライバーの場合にのみ使用できます。 サブスクリプションをお持ちの場合は、Visio のバージョンが最新であることをご確認ください

シーケンス図を開始する

  1. Web 用の Visio を開きます。

  2. ギャラリーで、ページの中央にある [ UML コンポーネント] 行まで下にスクロールします。

    行の最初の項目は、空白のテンプレートとコンパニオンのステンシルを表します。 この行の他の項目は、すぐに作業を開始できるように、いくつかの図形を既に描いているサンプル図面です。

  3. アイテムをクリックすると、プレビューが大きく表示されます。

  4. 使用する図面が見つかったら、[作成] ボタンをクリックします。

    関連するステンシルが表示された新しい図面がブラウザーで開きます。

コンポーネント図形

使用する場合

システムまたはアプリケーションの各機能ユニットでコンポーネント図形を使用します。

"ストア" コンポーネント図形

ステレオタイプを表示または非表示にする

図形を右クリックして、ステレオタイプ ラベルを表示または非表示にします。

メニューを右クリック、[ステレオタイプの表示] コマンド、<<コンポーネント>> テキスト ラベル

サブシステム

コンポーネント図形は、その他のコンポーネントを含むサブシステム図形として使用することができます。 サイズを変更して大きくし、その上に他のコンポーネントをドロップするだけです。 緑色で強調表示されたら、移動できるようになります。 その時点から、大きい方の図形はコンテナーとして機能し、小さい方の図形は大きい方の図形と共に移動します。

ヒント: コンポーネントを他のコンポーネント上にドラッグした場合に、ドラッグしたコンポーネントが表示されなくなった場合は、Ctrl キーと Shift キーを押しながら F キーを押して、当該コンポーネントを前面に移動します。

オーダー コンポーネントがドラッグされたストア サブシステム図形

インターフェイス図形

使用する場合

  1. クラス/インターフェイスの実現を指定する場合は、提供インターフェイス図形を使用します。

  2. クラス/インターフェイスに対する依存関係を指定する場合は、要求​​インターフェイスを使用します。

接続された 2 つのインターフェイス。1: 提供インターフェイス図形の終端は円。2:要求インターフェイス図形の終端はソケット

手順 1

提供インターフェイス図形をページにドラッグし、ポートの四角形と接続ポイントをつなげます。 接続ポイントの周囲が緑色で強調表示されたら、接続されたことになります。

コンポーネント図形に接着された提供インターフェイス図形

手順 2

要求インターフェイス図形をページにドラッグし、同様にポートの四角形と接続ポイントをつなげます。 接続ポイントの周囲が緑色で強調表示されたら、接続されたことになります。

コンポーネント図形に接着された要求インターフェイス図形

手順 3

提供インターフェイスと要求インターフェイスを互いに接続するには、まず、必須インターフェイス図形を選択します。 次に、黄色のハンドルを探します。

要求インターフェイス図形上の黄色のハンドル

手順 4

黄色のハンドルをドラッグして、提供インターフェイスと接続します。

提供インターフェイスに接続された要求インターフェイス

コネクタのヒント

直線コネクタ

コネクタの旋回回数が多すぎる場合は、コネクタを右クリックし、[直線コネクタ] をクリックします。

多重度の表示

必要に応じて、コネクタを右クリックし、[多重度の表示] を選択します。 これにより、4 つのテキスト ボックスが表示され、詳細情報を追加できるようになります。 必要ないテキスト ボックスがある場合は、該当するものを削除します。

コネクタの種類を変更する

コネクタの種類を変更することができます。 たとえば、"関連付け" から "方向付き関連付け" に変更することができます。 コネクタを右クリックし、[コネクタの種類の設定] をクリックします。

ポイント接続ではなく、動的な接続を行う

図形を頻繁に移動させることが予想される場合は、ポイント接続ではなく、動的接続を検討してください。

コネクタでテキストを移動または回転する

コネクタ上でテキストを回転または移動することが必要になると考えられます。 その手順は次のとおりです。

  1. ページの空白領域をクリックし、選択されているものがあれば、選択を解除します。

  2. [ホーム] タブの [ツール] グループで [テキスト ブロック] ツール [テキスト ブロック] ボタン をクリックします。

  3. 回転または移動したいテキストが存在しているコネクタをクリックします。

  4. 回転ハンドル 回転ハンドル を使用し、テキスト ブロックをドラッグすることで移動または回転します。

  5. 作業が完了したら、[オブジェクト​​選択ツール] ボタン [ポインター] ボタン をクリックします。

    [オブジェクト選択ツール] ボタン [ポインター] ボタン に戻ったあと、図形に対するテキストの位置に変わりはありません。 [オブジェクト選択ツール] [ポインター] ボタン を使用してテキストをドラッグすると、図形も移動します。 図形のテキストを独立して移動するには、[テキスト ブロック ツール] [テキスト ブロック] ボタン に戻ります。

ソフトウェア コードの構造がまとまったコンポーネントとして表示されているコンポーネント図

コンポーネント図では、コンポーネントはインスタンスではなく、一般的な型です。 吹き出し 1 コンポーネントのインスタンスを表示するには、 配置図を使用します。

吹き出し 2 依存性は、クライアントコンポーネントが何らかの方法でサプライヤーコンポーネントに依存していることを示します。

  1. Visio 2010: [テンプレートのカテゴリ] で、[ソフトウェア] をクリックし、[ UML モデル図] をクリックして、[作成] をクリックします。

  2. ツリー ビューで、 コンポーネント図を含めるパッケージまたはサブシステムを右クリックし、[新規] メニューの [コンポーネント図] をクリックします。

    空白のページが表示され、[ UML コンポーネント] ステンシルが最上位のステンシルになります。 ワークスペースには、透かしとして ' Component ' が表示されます。 図を表すアイコンがツリー ビューに追加されます。

    注: ツリービューが表示されていない場合は、[ UML ] メニューの [表示] をポイントし、[モデルエクスプローラー] をクリックします。

  3. [コンポーネント] 図形を図面ページ上にドラッグし、表示する各コンポーネントを指定します。

  4. 必要に応じて、[インターフェイス] 図形を図面ページにドラッグし、円のないエンドポイントをコンポーネント図形に接着します。

    クラス、コンポーネント、その他の要素にインターフェイスを追加する

    1. 静的構造図、 コンポーネント図、または配置図で、ロリポップのインターフェイス図形を図面ページにドラッグします。

    2. 円のないエンドポイントを、 クラス コンポーネント、またはその他の要素の接続ポイント 接続ポイントの画像 - 青い X に接着します。

    3. [インターフェイス] 図形をダブルクリックして、名前、操作、その他のプロパティ値を追加します。

      Tiplist

      また、クラスに似た四角形のインターフェイス図形を持つインターフェイスを表すこともできます。 インターフェイス操作の一覧を表示する場合は、この図形を使用します。

      インターフェイスに対して表示される図形の種類を変更するには、インターフェイス図形を右クリックし、[クラスのようなインターフェイスとして表示] または [ロリポップインターフェイスとして表示] をクリックします。

  5. 依存関係図形を使って、コンポーネント間またはコンポーネント間の関係を示すことができます。

    UML 要素間の依存関係を示す

    1. [ Uml 静的構造]、[ uml 展開]、[ uml コンポーネント] ステンシルから図面ページに [依存性] 図形をドラッグして、関連付ける要素の近くに配置します。

    2. 矢印付きの端点を、他の要素が依存する要素の 接続ポイントの画像 - 青い X 接続ポイントに接着します。 矢印のない端点を、他の要素に依存する要素の接続ポイントに接着します。

    3. 依存関係をダブルクリックして、名前、ステレオタイプ、その他のプロパティを追加します。

      ヒント: 追跡、 絞り込み、 用途、または バインド の依存関係を指定する場合は、[ UML 静的構造] ステンシルから、[トレース]、[洗練]、[使用状況]、または [バインディング] 図形を使用できます。

  6. 任意の図形をダブルクリックして、[ UML プロパティ] ダイアログボックスを開きます。このダイアログボックスで、名前、属性、操作、その他のプロパティを追加できます。

  7. 図面を保存します。

関連項目

Visio での UML 図

UML コミュニケーション図を作成する

UML 配置図を作成する

UML シーケンス図を作成する

ヘルプを表示

Office のスキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

この情報は役に立ちましたか?

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×