Applies ToVisio Plan 2 Visio Plan 1 Visio Professional 2024 Visio Professional 2021 Visio Professional 2019

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 プラン 1 または Visio Plan 2 ライセンスが必要です。これは、 Microsoft 365とは別に購入されます。 詳細については、 Microsoft 365 管理者にお問い合わせください。 管理者が "セルフサービス購入" を有効にしている場合は、Visio のライセンスを自分で購入できます。 詳細については、「 セルフサービス購入に関する FAQ」を参照してください。

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

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

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

シーケンス図を開始する

  1. Visio for the Web を開きます。 

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

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

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

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

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

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

コンポーネント図形

使用する場合

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

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

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

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

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

サブシステム

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

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

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

インターフェイス図形

使用する場合

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

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

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

手順 1

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

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

手順 2

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

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

手順 3

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

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

手順 4

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

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

コネクタのヒント

直線コネクタ

コネクタのターン数が多すぎる場合は、それを右クリックし、[ ストレート コネクタ] をクリックします。

多重度の表示

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

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

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

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

図形の移動が多い場合は、ポイント 接続ではなく動的接続 を作成することを検討してください。

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

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

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

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

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

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

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

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

関連項目

Visio での UML 図

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

UML 配置図を作成する

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

ヘルプを表示

その他のオプションが必要ですか?

サブスクリプションの特典の参照、トレーニング コースの閲覧、デバイスのセキュリティ保護方法などについて説明します。

コミュニティは、質問をしたり質問の答えを得たり、フィードバックを提供したり、豊富な知識を持つ専門家の意見を聞いたりするのに役立ちます。