はじめるシーケンス図Tweetこんにちは、渡辺です。Codeで簡単に利用できるようになったので、紹介したいと思います。PlantUMLとはテキストでUMLやシーケンス図、クラス図などを作成できる言語です。ダイアグラムをテキストで記述できるため、Gitで管理することもできます。Codeでは、次のようにPlantUMLプレビューでダイアグラムを確認しながら作成できます。Codeが端末にない人はインストールをしてください。Redefinedまた、Javaもインストールが必要となります。Marketplaceから「plantuml」と検索してインストールします。下のリンクからでもインストールできます。PlantUMLではどのように記述するのか説明します。ライフライン「participant」を記述すると表示されます。participantを明示的に記述しなくても、新しいオブジェクトを記述すると表示されます。処理が実行されている期間を表現します。上での基本操作VSCodeで利用する操作は、簡単ですが次の2つです。続いて、OAuth2.0のフローを例として、少し長めのダイアグラムを書いてみました。(認可コード)フローを作成してます。xxxx」を利用しています。@endumlPlantUMLのプレビュー速度を上げるPlantUMLのプレビューは、デフォルトではローカルレンダリングとなっています。この設定を変更することでプレビューの速度を改善することができます。変更には次の2つの方法があります。Server」に変更します。利用するようになります。自前でレンダリングサーバーをたてます。Dockerを利用することで簡単にレンダリングサーバーをたてることができます。Server」の指定をします。plantuml/plantuml-server:jettyGithub上でPlantUMLを表示させるPlantUMLはテキストベースなのでGitHub上で管理できるのですが、そのままでは記述した内容は、テキストとして表示されます。次のChrome拡張機能をインストールです。chrome.google.comこの拡張機能では、PlantUMLの内容を次のようにコードブロック内に記述すると、ダイアグラムを表示してくれます。はじめるシーケンス図Tweet関連記事2012-02-27gitで始めるバージョン管理こんにちは、斉藤です。byスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。