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

無料版	個人向け	チーム	エンタープライズ	FedRAMPの

動画: UML class ダイアグラム

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

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

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

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

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

線

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

構文	説明	例
Alice -> Bob Alice <- Bob	実線を描画します (両方向に線を描画することができます) 。
Alice -->	点線を描画します。
Alice -> Alice	参加者から、または参加者へ実線の矢印を描画します。

ライフライン

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

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

矢印

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

構文	説明	例
->	閉じた矢印
-> >	開いた矢印
-	矢印なし

テキスト

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

構文	説明	例
Alice->Bob: text	参加者間のメッセージにラベルを追加します。
Alice->Bob: text\nmore	参加者間に改行を含むラベルを追加します。

メモ

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

構文	説明	例
note left of Alice: text1	Alice の左にノート図形を追加します (参加者が2名だけの場合には「of Alice」を省略しても構いません)。
note right of Alice: text2	Alice の右にノート図形を追加します。
note over Alice: text3	Alice の上に表示されるノート図形を追加します。
note over Alice, Bob: text4	Alice と Bob の上に表示されるノート図形を追加します。
note over Bob, Alice: This is an example of a long note \n with a line break. (keep this all in one line)	複数の行を含み、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」を使い、異なる状況を示すグループ化されたメッセージを作成します。
opt text1 Alice -> Bob: text2 end	キーワード「opt」を使用してグループ化メッセージを作成します。次のキーワードがサポートされています: オプションパーループ重要注意: これら4つのキーワードは「else」に対応しません。「else」と組み合わせられるキーワードは「alt」のみです。

構文

説明

例

alt successful case

Bob -> Alice: data accepted

else some kind of failure

Bob -> Alice: data rejected

end

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

opt text1

Alice -> Bob: text2

end

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

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

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

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

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

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

エイリアス

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

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

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

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

シーケンス図の編集

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

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

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

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

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

よくある質問 (FAQ)

マークアップにスタイル構文を追加できますか?
Lucidchart では UML 構文のスタイル設定はサポートされていません。ダイアグラムのスタイルの詳細については、この記事の「シーケンスダイアグラムのスタイル」セクションを参照してください。

リソース

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

動画

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

UML ユースケース図

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

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

関連記事