Lucidchart で UML マークアップを使用してシーケンス図を作成

著者:  Shanna S
最終更新日:  

Lucidchart のシーケンスマークアップツールを使えば、シーケンス図を簡単に作成し、編集できるようになります。入力したテキストから Lucidchart がシーケンス図を自動生成してくれるので、浮いた時間をコーディングやスター・ウォーズの鑑賞に充てることだって可能です。

プランの利用可能性: 個人、チーム、そしてエンタープライズ。
  • FedRAMPアカウントで利用可能です。
  • アカウントで利用可能な内容については Lucid Plans の記事、またはアップグレードの手順については Lucid Plans の記事をご覧ください。

動画: UML class ダイアグラム

マークアップを使用したシーケンス図の作成

以下の手順に従うだけで、あなたに代わって Lucidchart がシーケンス図を自動作成します。

  1. UML 図形ライブラリを有効化します。
    • 文書の左側にある [図形] メニューの下部にある [その他の図形] をクリックするか、キーボードの「M」キーを押します。
    • [図形] タブで、[UML] 図形ライブラリのチェックボックスをオンにします。
    • [選択した図形を使用] をクリックします。
  2. 図形メニューのツールバーの [UML シーケンス] 図形ライブラリで [マークアップを使用] をクリックします。
    UML
  3. 左側にポップオーバー表示される画面でマークアップを入力します。
  4. 図を生成する準備ができたら [作成] をクリックします。
    シーケンス

図を新規作成するには、UML シーケンス図形ライブラリで [マークアップを使用] を再度クリックします。

ヒント: AIを使ってシーケンス図を作成すれば、時間を節約できます。LucidchartのLucid AIを活用して生産性を向上させる方法については、こちらの記事をご覧ください。

サポート対象のマークアップ

線は要素間の関連を表し、システム内の接続と流れを視覚化するのに役立ちます。

構文 説明

Alice->Bob

Alice <- Bob

実線を描画します (両方向に線を描画することができます) 。 UML マークアップ ラインの例.png
Alice --> 点線を描画します。
Alice -> Alice 参加者から、または参加者へ実線の矢印を描画します。

ライフライン

ライフラインは、プロセスに関与する参加者を示し、ダイアグラムのイベント中に各参加者がアクティブまたは関与する時間の長さを表します。

構文 説明
activate Alice ライフラインを使用して参加者のアクティベーションを開始します。 UML マークアップ ライフラインの例.png
deactivate Alice ライフラインを終了し、参加者のアクティベーションを終了します。

矢印

矢印は要素間の通信の流れを表します。

構文 説明
-> 閉じた矢印 UML マークアップ矢印の例.png
-> > 開いた矢印
- 矢印なし

テキスト

テキストはダイアグラム内の行にラベルを追加して、アクションやフローに詳細を追加します。

構文 説明
Alice -> Bob: text 参加者間のメッセージにラベルを追加します。 UML マークアップ テキスト例.png
Alice->Bob: text\nmore 参加者間に改行を含むラベルを追加します。

メモ

メモを使用してダイアグラムにコメントや説明を追加し、要素やプロセスを明確にします。

構文 説明
note left of Alice: text1 Alice の左にノート図形を追加します (参加者が2名だけの場合には「of Alice」を省略しても構いません)。 UML マークアップ ノートの例.png
アリスの右側のメモ: text2 Alice の右にノート図形を追加します。
note over Alice: text3 Alice の上に表示されるノート図形を追加します。
アリス、ボブへのメモ: text4 Alice と Bob の上に表示されるノート図形を追加します。
note over Bob, Alice: This is an example of a long note \n with a line break. (すべて一文でまとめる) 複数の行を含み、Alice と Bob の上に表示されるノート図形を追加します。

グループ化

グループ化を使用して、関連する要素をコンテナーに視覚的に整理し、システム内の物理的または概念的なグループ化を表します。要素間の関連性を示すことでダイアグラムを簡略化します。

Lucidchart は、それぞれ異なる目的を持つ複数のグループ化機能をサポートしています。以下の機能がサポートされています:

  • alt: 1 つのパスのみが選択される代替フローを表します。
  • opt: 条件が満たされた場合にのみ発生するオプションのシーケンスに使用されます。
  • par: 並行を意味し、アクションを同時に実行できるようにします。
  • loop: 繰り返しシーケンスを表します。
  • critical: 中断せずに完了する必要があるセクションを定義します。
構文 説明

alt successful case

Bob -> Alice: data accepted

else some kind of failure

Bob -> Alice: data rejected

end

「alt」 (代替) と「else」を使い、異なる状況を示すグループ化されたメッセージを作成します。 UML マークアップ alt グループ化の例.png

opt text1

Alice -> Bob: text2

end

キーワード「opt」を使用してグループ化メッセージを作成します。

次のキーワードがサポートされています:

  • オプション
  • パー
  • ループ
  • 重要

注意: これら4つのキーワードは「else」に対応しません。「else」と組み合わせられるキーワードは「alt」のみです。

UML マークアップ オプション グループ化例.png

UML マークアップ par グループ化例.png

エイリアス

エイリアスを使用して要素に代替名を割り当てると、マークアップを簡素化および整理してわかりやすくすることができます。

構文 説明
participant A as Alice 手早く記述できるよう、参加者にエイリアスを付与します。 UML マークアップ エイリアス例.png
participant A as "Alice Jones" 参加者のエイリアスが1単語よりも長いものとなるよう、エイリアスを引用符で囲みます。

コメント

コメントは、ダイアグラムに表示されないメモをコード内に追加する方法です。 ダイアグラムの構造に影響を与えることなく、役立つ説明やリマインダーを提供します。

構文 説明
'comment text 一行のコメント
/' comment text '/ 複数行のコメント

シーケンス図の編集

作成したばかりのシーケンス図の外観が思い通りでない場合にも、心配は無用です。キャンバス上の図を手動で調整したり、グループ化を解除していない場合には、すでに作成した図のマークアップを後で編集することができます。

図をクリックすると、シーケンスマークアップダイアログがエディターの左側に表示されます。

シーケンス図のスタイルの設定

シーケンス図を選択し、エディター上部のプロパティバーを使用して図のスタイルを設定します。個別のブロックや要素にスタイルを設定する場合には、まず図のグループ化を解除する必要があります。図を選択し、右クリックして [グループ化を解除] を選択します。

注意:図のグループ化を解除すると、マークアップの再編集はできなくなります。

よくある質問 (FAQ)

マークアップにスタイリング構文を追加できますか?
LucidchartではUML構文のスタイリングはサポートされていません。ダイアグラムのスタイリングについてもっと知りたい方は、この記事の スタイル a シーケンス図 セクションをご覧ください。

リソース

この機能の詳細については、以下の追加リソースを参照してください。 これらのリソースは英語でのみご利用いただけます。

動画

UML クラス図 |チュートリアル

UML ユースケース図

この記事へのフィードバックをお寄せください

この記事に関するフィードバックはありますか?体験の内容についてこちらから教えてください。

お探しの内容は見つかりましたか?

他に質問がある場合や、学んだことを共有したい場合は、当社の コミュニティ   でサポートを得て、他のユーザーと協力しましょう。