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. 完了したら、[ポインター ツール] ボタンを クリック [ポインター] ボタン

    [ポインター ツール]ボタンに戻 [ポインター] ボタン、テキストは図形に対して同じ位置を保持します。 [オブジェクト選択ツール ] を使用 [ポインター] ボタン テキストをドラッグすると、図形も移動します。 図形とは別にテキストを移動するには、[テキスト ブロック ツール] ウィンドウに戻 [テキスト ブロック] ボタン

注:  Web 用 Visio で UML 図を作成および編集するには、Visio Plan 1 または Visio Plan 2 ライセンス が必要です。これは、 Microsoft 365とは別に購入されます。 詳細については、管理者にお問いMicrosoft 365ください。 管理者が "セルフサービス購入" を有効にしている場合は、ユーザー自身のライセンスをVisioできます。 詳細については、「セルフサービス購入に関 する FAQ」を参照してください

サンプル UML コンポーネント図。

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

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

シーケンス図を開始する

  1. Web Visio を開きます。 

  2. ページの右上隅にある [その他のテンプレート] を選択します

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

    行の最初の項目は、空白のテンプレートとコンパニオン ステンシルを表します。 行内の他の項目は、すぐに使い始めるのに役立ついくつかの図形が既に描画されているサンプル図です。

  4. 任意の項目をクリックすると、より大きなプレビューが表示されます。

  5. 使用するダイアグラムが見つけたら、[作成] ボタン をクリック します。

    関連するステンシルを含む新しいダイアグラムがブラウザーで開きます。

コンポーネント図形

使用する場合

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

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

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

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

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

サブシステム

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

ヒント: コンポーネントを他のコンポーネント上にドラッグした場合に、ドラッグしたコンポーネントが表示されなくなった場合は、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 コンポーネント ] ステンシルが一番上のステンシルになります。 ワークスペースに [コンポーネント] が透かしとして表示されます。 図を表すアイコンがツリー ビューに追加されます。

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

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

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

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

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

    2. 円を付けずにエンドポイントを接続ポイントに接着し 接続ポイントの画像 - 青い X コンポーネント クラス 要素に接続します。

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

      Tiplist

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

      インターフェイスに表示される図形の種類を変更するには、[インターフェイス] 図形を右クリックし、[クラスに似たインターフェイスとして表示] または [Lollipop インターフェイスとして表示]をクリックします

  5. 依存関係 図形を 使用して、コンポーネント間または 1 つのコンポーネントと別のコンポーネントのインターフェイスの間の関係を示します。

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

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

    2. 他の要素が依存する要素に基 接続ポイントの画像 - 青い X 接続ポイントに、矢印でエンドポイントを接着します。 矢印を付けずにエンドポイントを、他の要素に依存する 要素の接続ポイントに接着します。

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

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

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

  7. 図面を保存します。

関連項目

Visio での UML 図

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

UML 配置図を作成する

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

ヘルプを表示

スキルを磨く

トレーニングの探索 >

新機能を最初に入手

Microsoft Insider に参加する >

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

言語の品質にどの程度満足していますか?
どのような要因がお客様の操作性に影響しましたか?

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

×