UML シーケンスマークアップ

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

マークアップのサンプル.png

サンフランシスコに本拠を置くID管理クラウドソフトウェア会社であるOktaに会って、Lucidchartを日常業務でどのように使用しているかを知り、私たちのチームは彼らが視覚化をどれほど大切にしているのかを喜んで知りました。

Okta は Lucidchart を使用して、あらゆる種類の視覚エフェクトを作成します。 ワイヤフレームからタイムライン、シーケンス図まで、Okta のチームは Lucidchart を利用して、セキュリティソフトウェアの複雑さをクライアントに伝えています。 Okta のセールスアーキテクトであるDan Marmaは、「Lucidchart 図が顧客に対する自信を刺激し、「ねえ、これらの人たちはこれまでにこれをやったことがあると言えるようにしています。 これらの図はよく見える。 彼らは理にかなっている。 判読可能だ 私たちがやっていることは、もはやこの混乱する事ではありません。」 その混乱の要素を取り除き、人々は彼らの決定について気分が良くなります。 「

OktaUML _-_ Page_3.png

OktaUML _-_ Page_2.png

Okta はビジュアライゼーションの使用を促進する カスタムテンプレートを作成する だけでなく、Lucidchart では、さまざまな図形ライブラリ を利用できます。 具体的には、UML 図形ライブラリを使用して、UML マークアップを含むシーケンス図を作成します。

シーケンス図を使用すると、時間の経過とともに操作がどのように行われるかを視覚化できます。 UML マークアップ を使用すると、バックエンドコードからセキュリティシステムが相互に作用する方法まで、何でも表すシーケンス図を作成できます。 これらの図は、オブジェクトの連携方法と順序の両方を視覚化する必要がある場合に特に便利です。 Oktaの場合、以下に示すように、シーケンス図を使用して多因子識別機能を示します。

OktaUML _-_ Page_1.png

このシーケンス図は、Oktaの多要素認証プロセスがどのように機能するかを示すため、潜在的なOktaクライアントが関連する各ステップを確認できるようにします。 このプロセスを コラボレーティブ シーケンス図で文書化することにより、営業担当はビジュアライゼーションをすばやく参照してクライアントの技術的な質問に答えることができるため、Okta は営業担当を成功に導きます。 さらに、営業担当が案件を成立すると、図は関連性が保たれます。これは、Oktaの顧客成功チームが、Oktaがクライアントの現在のインフラストラクチャおよびセキュリティシステムとどのように相互作用するかを正確に説明する詳細な図を更新するためです。 オクタのビジュアライゼーションは、セールス・ピッチからインプリメンテーション、トレーニングに至るまで、広範囲にわたるビデオ通話や会議の必要性を排除するため、両当事者の時間を節約します。

Okta のプロフェッショナルサービス担当地域ディレクターによると、「Okta の最大の企業価値は顧客の成功です」と、Okta が Lucidchart で作成するビジュアルドキュメントは、関係の初めから Okta エクスペリエンスを成功させるためにクライアントを設定しています。

OktaUML _-_ Page_4.png

ビジュアライゼーションがどのように役立つかをご覧ください。 UML マークアップを使用して独自のシーケンス図を作成するか、 ここでテンプレートを参照します。 完了したら、Lucidchart の プレゼンテーションモードで作業を紹介することを忘れないでください。

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

  1. UML 図形ライブラリを有効化します。ツールバー上部の [図形] をクリックするか、ホットキー [M] を使用します。[ソフトウェア] セクションの [UML] または [UML シーケンス] にチェックを入れます。[保存] をクリックします。
  2. ツールバーの「UML シーケンス」カテゴリの下にある「マークアップを使用」をクリックします。
  3. ツールバーの [UML シーケンス] 図形ライブラリの下にある [マークアップを使用] をクリックします。

    UML ツールバー
  4. ロフト側のポップオーバーに、マークアップを入力します。
  5. 図を生成する準備ができたら、「ビルド」をクリックします。

    ユーザーマークアップの例.png

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

分類 構文 説明
Alice->Bob

Alice <- Bob

実線を描画します (両方向に線を描画することができます) 。 SupportedMarkup1.png
Alice --> 点線を描画します。
Alice -> Alice 参加者から、または参加者へ実線の矢印を描画します。
ライフライン activate Alice ライフラインで参加者のアクティベーションを開始します。
deactivate Alice ライフラインを終了し、参加者のアクティベーションを終了します。
矢印 -> 閉じた矢印
-> > 開いた矢印
- 矢印なし
テキスト Alice -> Bob: text 参加者間のメッセージにラベルを追加します。 SupportedMarkup2.png
アリス>ボブ:text \ nmore 参加者間に改行を含むラベルを追加します。
ノート note left of Alice: text1 Alice の左にノート図形を追加します (参加者が2名だけの場合には「of Alice」を省略しても構いません)。
note right of Alice: Alice の右にノート図形を追加します。
note over Alice: text3 Alice の上に表示されるノート図形を追加します。
note over Alice, Bob: Alice と Bob の上に表示されるノート図形を追加します。

ボブ、アリスに注意してください:これはの例です

長いメモ

\ n

改行あり。終了ノート

複数の行を含み、Alice と Bob の上に表示されるノート図形を追加します。
グループ化 alt successful case: Bob -> Alice: data accepted; else some kind of failure.Bob -> Alice: data 「alt」 (代替) と「else」を使い、異なる状況を示すグループ化されたメッセージを作成します。 SupportedMarkup3.png
opt text1

Alice -> Bob: text2

終了

キーワード「opt」を使い、グループ化されたメッセージを作成します。

「opt」を他のキーワードへ変更することも可能です。このパターンでは、以下の4つのキーワードをサポートしています。

  • - opt (「オプション」の意)
  • - par (「並列」の意)
  • - loop
  • - critical

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

Alias participant A as Alice 手早く記述できるよう、参加者にエイリアスを付与します。
participant A as "Alice Jones" 参加者のエイリアスが1単語よりも長いものとなるよう、エイリアスを引用符で囲みます。
コメント 'comment text 一行のコメント
/' comment text '/ 複数行のコメント

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

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

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

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



関連する記事
実体関連図
Bitbucket Cloud での Lucidchart を使用したクラス図の生成
他の図形へのアクセス
図形のスタイル