Welcome to The Hitchhiker’s Guide to PlantUML! — The Hitchhiker's Guide to PlantUML documentation
Imagine being able to share a model or diagram between all members of the team that they can all understand and contribute to and edit draw diagrams like below automatically from a text description. describe a system before you build it, when you’re building it, and as you maintain it into the future - keeping the description and the system current, and in sync. maintain that text version in a sou
この記事はQiita の記事を加筆修正したものです。 はじめに最近 Visual Studio Code で Markdown 環境を作ったのですが、markdown-preview-enhancedが思いのほか何でもできて、とくに理系のノートとして良さげに感じたのでメモします。 すでに良記事（こちらやこちらとか）がたくさん挙げられているので参考にしてください。 ノートに求めるものノートに求める要素を自分の経験を元に独断と偏見で挙げると、 数式が手軽に書ける図が手軽に書ける表が手軽に書けるグラフが手軽に書けるてな感じかと思います。とにかく手軽にサクッと書きたいですよね。 Visual Studio Code + markdown-preview-enhanced はこれらすべてを叶えてくれます。 markdown-preview-enhancedmarkdown-preview-enhan
ER図の文法と機能
ER図 インフォメーションエンジニアリングの表記法をベースにしています。 すでに存在しているClass Diagramの拡張になります。 拡張内容: インフォメーションエンジニアリング用の関係線の追加entity を、クラス図の classと読み替え必須属性を表すものとして、* の表示修飾子を追加 また、クラス図と同じ文法です。クラス図の機能は全て使うことができます。
最近Sphinxつかってドキュメントを書いてるのですがなかなかイケています。 SphinxとはPython製ドキュメンテーションビルダーで、reStructuredTextという記法で書かれたテキストファイルをHTMLやPDFなどに変換することができます。 SphinxはPythonの公式ドキュメントなどにも使われており、見たことある方も多いのではないでしょうか。 今回は「Sphinxを自動デプロイ&公開する方法」を紹介したいと思います。 構成図 せっかちな人へ GitHubの方にソースコード全部あげています。 Sphinxのインストール 詳細は公式ドキュメントを確認ください。 pipenvを使ってライブラリをインストール pipenv install sphinx クイックスタート pipenv shell sphinx-quickstart 作成されたファイル $ tree -L 2
本記事はcloudpack あら便利カレンダー 2019の記事です 久しぶりにPlantUMLのホームページを見たらマインドマップが書けるようになっていた(β版)ので、試してみました。 そこまで機能充実というわけではないので、ほとんど公式ページそのままレベルになりますが、この書き方もできるのかな？と気になったところは追加しています 動作環境 Visual Studio Code にエクステンションを入れて確認しました
成長するドメインモデリングと相性抜群！PlantUMLの紹介 - BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」
ドメインモデルを図で理解するのに便利なPlantUML。レイアウト調整のノウハウと合わせてその魅力を紹介します。 はじめに 対象読者 PlantUMLとは メリット デメリット レイアウトを調整するためのテクニック まとめ はじめに 基盤本部（開発部門）の宮下です。 BIGLOBEではドメイン駆動設計（Domain Driven Design：DDD）を実践しています。 DDDではドメインモデルを育てていき、継続的にソフトウェアの価値を高めていくことが重要となります。 ドメインモデルとは、業務的な関心ごと(=ドメイン)の問題を解決するために表現するものです。そんなドメインモデルをみんなで設計するときに、BIGLOBEではPlantUMLというツールを使っています。キーボードだけでサクッと図を描けてしまう優れものです。 この記事では、PlantUMLに詳しくない方はもちろん、PlantUML
ガントチャート
ガントチャート ガントチャートは、プロジェクト管理に使用される強力なツールです。ガントチャートは、プロジェクトのスケジュールを視覚的に表し、マネージャーやチームメンバーがプロジェクト全体の開始日と終了日を一目で確認できるようにします。 ガントチャートでは、各タスクはバーで表され、その長さと位置は、タスクの開始日、期間、終了日を反映する。この形式により、あるタスクが完了しないと別のタスクが開始できないような、タスク間の依存関係を理解しやすくなります。さらに、ガントダイアグラムは、マイルストーンを含むことができます。マイルストーンは、プ ロジェクトのタイムラインにおける重要なイベントやゴールであり、明確なシンボル としてマークされます。 ガントチャートを作成するというコンテクストにおいて、PlantUMLはいくつかの利点を提供します。PlantUML は、ダイアグラムの作成にテキストベースのア
Excel以外でネットワーク構成図を書きたくなったのでPlantUMLとnwdiagを試してみました。 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 はじめまして。インフラまわりの担当をしているいせです。 インフラエンジニアなら誰しもExcelでネットワーク構成図を作成した経験があるのではないでしょうか？ 私はラクーンに就職する前に2社で働いた経験があるのですが、いずれの現場でもExcelの構成図を触る機会がありました。 そんなExcelのネットワーク構成図ですが、私は以下の点で不便に感じています。 図形の中のテキストを検索できない 図形の位置をそろえるのが面倒 構成図を更新したときなどに差分比較しにくい 構成図の規模が大きくなるとうまくレイアウトするのが大変 そこで、テキストベースでホストやネットワークの関係性(ホストAとBは同じセグメント、セグメントZとYはルータRを介して接続される、など)を記述する
ユースケース図の構文と機能
ユースケース ユースケースは丸括弧で囲んで使います(丸括弧の対は 楕円に似ているからです)。 usecase キーワードを使ってユースケースを定義することもできます。 as キーワードを使ってエイリアスを定義することもできます。このエイリアスは あとで、ユースケースの関係を定義するために使います。
長く維持されるシステム構成図のつくりかた 〜 PlantUML で継続的に AWS/GCP/Azure アーキテクチャ図をメンテする仕組み 〜 - Qiita
最新バージョンについては適宜 公式サイト をご確認ください。 AWS アイコン最新バージョン（2022/09/11 時点） 2022/09/11 時点の AWS Icons for PlantUML の最新バージョンは v13.1 です。 このバージョンにすると、アイコンが最近っぽい感じに変わります（語彙力 記事中のバージョンは古くなっているので、適宜以下のように読み替えてください。 インポートするアイコンによってはパス名が変わっていることがあるので、エラーが出たら適宜 アイコン一覧 を見て現在のパス名に修正してください。 （一文字だけ小文字が大文字になっているなど、微妙に変わっている場合があります） 最新バージョンについては適宜 公式サイト をご確認ください。 本記事は株式会社 Works Human Intelligence の アドベントカレンダー の 20 日目の記事となります。
自身のプライオリティによりますが、いくつか。 Markdownで幅広く再利用性を利かせたい、長期的に丁寧に版管理したい 自分自身の操作性、描きやすさと、見た目 俄然手軽に、短期的に、Onlineでいつでもどこでも いずれかという視点で考えると良いのかなと思い、並べてみました。 1. 長期的に: Markdownで幅広く再利用性を利かせたい、丁寧に版管理したいなら Markdownで描くことのメリットは再利用性。 将来的に追記・編集、自分以外の誰かが手を入れる可能性が高い。 現在のドキュメントだけでなく多種説明資料、媒体に転用する可能性がある。 ...という点で差分管理をしたいなら、以下。 VSCodeでPlantUML、Mermaid 上記参考で以下。 Alt+D でプレビュー起動。 Ctrl + Shift + P でコマンドパレットを起動し、出力。 png, svg, eps, pdf
こんにちは、kuraです。 この記事はDigital Identity技術勉強会 #iddance のアドベントカレンダーの12日目の記事です。 開発チームを離れてプロジェクトやサービスのマネジメントが中心の業務になっており、コーディングを全然しなくなったのですが、上流工程でシーケンス図はよく書くため、自身の作業効率を上げる意味も含めて今回はOAuth 2.0やOpenID Connectのシーケンス図をまとめようと思います。 画像だけでなくPlantUMLのコードも掲載しておくので、みなさんにも活用いただけたらと思います。 PlantUMLについて PlantUMLはクラス図やシーケンス図がかけるオープンソースの描画ツールです。Qiitaにも記事をまとめてくださっている方はたくさんいるので詳しい情報は検索してみてください。 筆者は以下のあたりを参考にVSCodeとの組み合わせで作成してい
モチベーション 色んなアイコン使いたい。 AWS アイコン (2018 以降 ver.) 言語アイコン 一般的なサーバーアイコン etc. AWS アイコンのみの構成図サンプルは見つかるが、他はないの？ 細かい定義・仕様はいいから、コードで語れ。 という方向け。 要件 とある商品管理システム。 フロントエンドは、 AWS S3 + CloudFront でホスティングした SPA。 バックエンドは、Python + Flask on EC2。 どこかのレコメンドシステムにも接続しているらしい。 サンプル構成図 サンプルコード コード @startuml title 商品管理システム ' @see https://github.com/awslabs/aws-icons-for-plantuml/tree/v5.0 !includeurl https://raw.githubusercont
シーケンス図をテキストで描いてMarkdownに埋め込みたい README.md のような Markdown ファイルに、シーケンス図をテキストで描いて、埋め込みたいんです。 でも、たいていは「テキストでシーケンス図を描いて、それを画像にしてアップロードして、そのURLをMarkdownに記述する」という方法でした。 Markdownテキストでシーケンス図とフローチャートを描く - Qiita Markdownでシーケンス図を書いてGithubのREADME.mdに埋め込む - Qiita もっと簡単にできないものかと調べてみると、StackOverflow に git - How to integrate UML diagrams into GitLab or GitHub - Stack Overflow がありました。 PlantUML proxy service を使う方法です。
某方に布教されてAsciiDocにめっちゃハマった。 AsciiDocって markdownのような軽量マークアップ言語の一種。 markdownより優れている点 markdownより高機能。 困ったらHTMLタグ直書きとかしなくていい。 表セルを結合出来る。 ソースコード、PlantUMLなどをincludeできる。 目次が自動で作られる。 使用可能なアイコンが大量にある。 PDF書き出しした時の見た目が安定&綺麗。 (plantUMLについては過去記事参照) ai-gaminglife.hatenablog.com markdownに劣る点 環境構築がダルい 普及してない はてなブログがasciidocに対応していない 環境構築 windowsを想定。macでも大体変わらない（と思う）。 ruby installerをDLし、実行環境を整える asciidoctorとエクステンションを
UML2.0クイックリファレンス 作者:Dan Pilone,Neil PitmanオライリージャパンAmazon 目次 目次 はじめに シーケンス図とは 設計プロセスにおけるシーケンス図の立ち位置 シーケンス図の描き方についてのヒント ヒント1 ヒント2 シーケンス図を構成する要素 メッセージ 自己メッセージ 外部とのメッセージのやり取り ライフライン 実行仕様(イベント)の表現 シーケンス図の例: ログイン 複合フラグメント alt 分岐処理の表現例 ref 相互作用使用 別参照 opt 条件による実行の表現 delay 非同期の遅延処理 par 並列処理 loop 繰り返し処理 break 中断処理 critical 排他制御処理 グループ化 作成と消滅 上下でメッセージ間でスペースを空ける 分離線 ボックス ノート メッセージのノート GitHub 参考資料 はじめに ソフトウェア
Visual Studio CodeでPlantUMLを使うメモ (Windows編).md Visual Studio CodeでPlantUMLを使うメモ (Windows編).md PlantUMLとは？ テキストベースの独自の記述言語を使って、UML図を描くことができるツール。 http://plantuml.com/ja/ ユースケース図、クラス図、シーケンス図、アクティビティ図などを描くことが可能。 Graphvizのインストール PlantUMLはdotを使って図を作成するので、あらかじめGraphvizをインストールしておく必要がある。 以下URLから、stable版のインストーラをダウンロード＆インストールする。 https://www.graphviz.org/download/ Javaのインストール OpenJDKを使う場合はこちらからダウンロード。 http://
3.1.3. シーケンス図/Sequence Diagrams — Simulation programming guidebook for C++ 1.0 documentation
3.1.3. シーケンス図/Sequence Diagrams シーケンス図は、プログラムの中の関数呼び出しの入れ子の様子を示した図です (Fig. 1)。 Fig.1 シーケンス図の例 シーケンス図にはライフラインと呼ぶ縦の構造が並びます。 ライフラインの頭部には、シーケンス図の登場人物（participant）を表した長方形を書きます。 これは、典型的には何らかのクラスのオブジェクトですが、 例の図の一番左の線のように（メソッドではない）関数の場合もあります。 縦の短冊状の長方形はアクティベーションと言って、メソッドの実行が続いている 期間を示します。短冊が存在せずに破線が書かれている期間は、そのオブジェクトに 対して何もメソッドが呼ばれていない期間であることを示します。 3.1.3.1. シーケンス図を書く意義 シーケンス図は、処理の順序を示すと共に、処理が行われる場所（オブジ
VSCodeで始めるPlantUML生活 - GMOインターネットグループ グループ研究開発本部（次世代システム研究室）
こんにちは。次世代システム研究室のS.Iです。 今回は、最近Visual Studio CodeとPlantUMLを使用して設計によく利用しているので、メリットや私がよく利用している便利な機能やコマンドについて紹介したいと思います。 利用するツール macOS 10 Visual Studio Code 1.45 Visual Studio Code Plugin PlantUML 2.13 UML作図ツールの課題 これまで、excelやvisio、astah、cacooなどで設計してきましたが、一番困るのが設計した後の変更です。仕様の変更などで別の担当者が修正を行う際、どのツールも変更が困難だったり画像で共有されたものは変更が出来ないような状況になってしまいます。 これまでの課題 修正した時に差分がわかりにくい レビュー時にフィードバックしづらい ツールに依存するため編集が困難 バージョ
PlantUMLとは次に、PlantUMLについて簡単に説明します。PlantUMLは、テキストベースでシーケンス図を書くことのできる、UMLの一種です。シーケンス図を書く方法はいくつかありますが、この記事ではPlantUMLでシーケンス図を書く方法を解説していきます。 前提条件この記事では、すでにPlantUMLが動作する環境がある前提で解説していきます。もしまだ環境を構築していない場合は、インターネットで「PlantUML 環境構築」などで検索して準備してください。 あるいは、次のようなオンライン上でPlantUMLを実行できるサービスもあります。こちらを利用しても問題ありません。 PlantUML EditorPlantTextPlantUML Web Server メッセージメッセージの例メッセージは、システムの構成要素（分類子）同士のやりとりを表現します。シーケンス図は、このメッ
PlantUML Standard Library
@startuml !include <archimate/Archimate> title Archimate Sample - Internet Browser ' Elements Business_Object(businessObject, "A Business Object") Business_Process(someBusinessProcess,"Some Business Process") Business_Service(itSupportService, "IT Support for Business (Application Service)") Application_DataObject(dataObject, "Web Page Data \n 'on the fly'") Application_Function(webpageBehaviour,
AWS 構成図を PlantUML で描画できる『AWS-PlantUML』 - 継続は力なり
タダです. AWS 環境の構成図を書く機会で PowerPoint や Cacoo 等のサービスを使うことがあると思います.作図もコードで制御する方法もないかと思い調べてみたら,「AWS-PlantUML」というツールがありました.今回はこのツールを使って作図する方法と所感を書いていきます. github.com 「AWS-PlantUML」とは 「AWS-PlantUML」を導入するか 「AWS-PlantUML」の使い方 AWS アイコンの指定方法 サービス間のシーケンス図 その他の記法 作図コードのサンプル例 構成図をアウトプットする まとめ 「AWS-PlantUML」とは 「AWS-PlantUML」とは,PlantUML 形式で AWS 構成図を書くためのツールになります.PlantUML の実行環境は調べればたくさん出てきますが,僕は普段 Visual Studio Code
PlantUML言語リファレンスガイド
PlantUML を使った UML の描き方 PlantUML 言語リファレンスガイド (Version 1.2021.2) PlantUML は、以下のようなダイアグラムを素早く作成するためのコンポーネントです。 • シーケンス図 • ユースケース図 • クラス図 • オブジェクト図 • アクティビティ図 • コンポーネント図 • 配置図 • 状態遷移図（ステートマシン図） • タイミング図 以下のような、UML 以外の図もサポートしてます。 • JSON Data • YAML Data • Network diagram (nwdiag) • ワイヤーフレーム • アーキテクチャ図 • 仕様及び記述言語 (SDL) • Ditaa • ガントチャート • マインドマップ • WBS 図 (作業分解図) • AsciiMath や JLaTeXMath による、数学的記法 • ER 図
実践UML―パターンによる統一プロセスガイド 作者:クレーグ ラーマンピアソンエデュケーションAmazon 目次 目次 はじめに クラス図とは クラス図を作るまでの流れ クラス図を構成する要素 クラス(Class) クラス間の関係と線種 関連(Association) 汎化(Generalization)と特化(Specialization) 実現(Realization) 集約(Aggregation)と合成(Composition) 依存(Dependency) ロール名(Role name) 多重度(Multiplicity) ステレオタイプ(Stereotype) 制約(Constraint) 特殊クラス ロリポップ パッケージ パッケージの定義 パッケージスタイル ネームスペース ノート クラスに対するノート 関係を使ったノート リンクへのノート オブジェクト図 パッケージ図 G
はじめに PlantUMLで状態遷移図を作成する方向けにTipsをまとめました。 痒い所に手が届けば幸いです。 前提知識 PlantUML http://plantuml.com/ja/ 確認バージョン 2.11.0 on VSCode 状態項目 名称に記号・絵文字を使用したい 状態項目名に「(」とか「)」とか「-」とか「&」でさえも使用するとエラーになります。 使用する場合は""で括ってください。 外部の状態(中括弧を使用しているところ)の名称に記号を含めたい場合はasでエイリアスを付加しないとエラーになります。
みなさん、システムのドキュメント作成に疲弊してませんか？ 私はいままで画面遷移図やワークフロー図などのシステムドキュメントはVisioやExcelで作っていました。ただVisioやExcelの場合にはシステムがある程度の大きさになってくると矢印が変なとこにくっついたり、配置が崩れたり（涙）結局、図面を作成するだけで時間がかかってしまう・・・そんな経験ありますよね・・・ そんな時、「PlantUML」というツールを使ってみたところ非常に簡単に図面が作れてしまいました！これは本当にマジで最高です！近年の中で一番オススメできるツールです！そこで今回はPlantUMLをDocker上にサクッと構築する方法をご紹介したいと思います。Dockerの環境があればさくっと5分以内で構築できます！ また、VSCodeのPlantUMLの拡張機能を追加することでリアルタイムで図面をプレビューする方法やMark
やりたいこと Markdown を PDF にしたい 文章は日本語で書きたい 自動で表紙を生成したい 見出しから自動で目次を生成したい 見出しを自動で採番したい コードブロックをそれなりの見た目で表示したい PlantUML を画像に変換して埋め込みたい 環境構築が楽な方法が良い 最終的に CI に組み込みたい 方法 変換自体はいくつかの手段がありそうでしたが、表紙や目次を自動生成するとなると Pandoc が良さそうです。 ただ、上記のような要求を満たそうとすると環境構築がそれなりに面倒そう (+ CI に組み込むのが難しそう) だったので、必要なものを突っ込んだ Docker イメージ を作りました。 作成した Docker イメージ frozenbonito/pandoc-eisvogel-ja 特徴 ベースイメージ 公式の pandoc/latex イメージをベースにしています。a
はじめに GitHub が Mermaid に対応しました1。 シーケンス図の記法を比べてみます。私はもともと PlantUML を使用していたため「PlantUML 使いから見ると、Mermaid では...」という書き方になりがちなのはご容赦ください。 それぞれの公式 PlantUML - シーケンス図の構文と機能 オンラインエディタ Mermaid - Sequence diagram オンラインエディタ 手軽に導入 手軽に試したい場合、どちらも Visual Studio Code の拡張機能 Markdown Preview Enhanced を使えば対応します（以下「VS Code では」と書かれているのは「Visual Studio Code の Markdown Preview Enhanced を使えば」という意味だと思ってください）。したがって、両記法を併記できます。
この記事では、UMLも書けるHonKit環境をDockerで構築したのでご紹介します。 HonKitはMarkDown記法で記述できるドキュメント作成ツールです。 事の始まりは、個人開発でDDDを実践しようと仕様・設計をきちんとしたかたちで整理したいと思ったことでした。 業務でGitBookを使っているのですがサポートが切れているとのことで、後継であるHonKitを使って環境を整備することにしました。 要件 UMLを記述できること 業務利用のGitBookでUMLを記述できて非常に快適だったため 実現方法 docker-composeでHonKit用のNode.jsコンテナとUML用のplantumlコンテナを用意して、Node.jsコンテナでHonkitを、plantumlコンテナでUMLをレンダリングするようにしました。 docker-compose.yml version: '3.3
途中でエラーが出てbucketがなくなってうまく削除できないまま。。 ひどい。。 四苦八苦 いまさらフレームワークのコマンドを確認 Serverless Framework Commands - AWS Lambda - Deploy https://serverless.com/framework/docs/providers/aws/cli-reference/deploy/ エラー 権限不足だったので付与した Serverlessのデプロイ時に"The specified bucket does not exist"って言われた時の対処 - Qiita https://qiita.com/honmaaax/items/3f21064c5973a2594358 文字化けしてたみたいでレスポンスが空っぽの画像 文字コード json.getBytes - Google 検索 https:/
VSCode で PlantUML をプレビューする
VSCode で PlantUML をプレビューするには、 PlantUML 拡張 をインストールするのが定石です。 今回は次の手順で環境を構築しました。 PlantUML 拡張 を VSCode にインストールする Java 環境を用意する 1 はほかの拡張と同じ手順なのでここでは省略します。 2 は次のように準備しました。 Java 環境の構築 https://docs.microsoft.com/ja-jp/java/openjdk/download から microsoft-jdk-17.0.2.8.1-windows-x64.zip をダウンロード zip を解凍し、jdk-17.0.2+8\bin フォルダにパスを通す やらなくてよかったこと PlantUML を利用するとなると、plantuml.jar や Graphviz (dot.exe) を別途用意しないといけないのか
先日、パブリックの方も対応したようです リリースノート - Qiita これをやった経緯 これまで経験してきたプロジェクトでも多くのシステム構成図を作成してきましたが、ER図とか仕様書とか構成図も含め、 ドキュメントってやっぱり最新の状態で管理されないなー というのを結構、課題に感じていまして、しばらくどうしたらいいんだろう と考えを巡らせていたのですが、システム構成図に関してはこうするのはどうだろう という僕以外の優秀なエンジニアの皆様への問題提起となります。 これまでは何が問題だったのか？ 図を描きやすいツール(Cacooとかね)を使って構成図を作成していて、開発するソースや使ってるツールとは離れた場所で管理される状態だった 開発プロジェクトへ参加した際に最低限必要なもの(ソースとか、ミドルウェアとか、タスク管理ツールとか)の中にいないため、途中から入った人には共有されないこともあった
Overview プライベートの開発タスクの依存関係を可視化するために、PlantUML を導入する。 インストール brew コマンドを使って必要なパッケージを導入 $ brew install graphviz $ brew install adoptopenjdk --cask $ brew install plantuml # コマンドがない！ $ brew install XXX bash: brew: command not found # インストール $ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" # インストール確認 $ brew -v Homebrew 2.2.3 Homebrew/homebrew-core (git revision
C#のソースコードからPlantUMLのクラス図を作成するツールのバージョンアップとVS Codeの拡張を公開しました！ - pierre3のブログ
PlantUmlClassDiagramGenerator v1.1.0 以前に作成してGitHubに公開していた、C#のソースコードからPlantUMLのクラス図を作成するツール「PlantUmlClassDiagramGenerator」にプルリクエストが来ていたので、 久しぶりにバージョンアップしました！ 以前の記事 pierre3.hatenablog.com GitHubリポジトリ github.com .Net Core global tools 「.Net Core 化したよ！」というプルリクエストをもらったのをきっかけに、.Net Core global tools として公開しています。 Windows以外のプラットフォームでも.Net Core SDKが入っていれば動きます。インストールも超簡単なので、ぜひお試しを！ www.nuget.org アップデートの内容 オブ
クラスの箱を描く基本クラスの箱を描くには、class キーワードを使用します。 他にも、interface でインタフェース、abstract で抽象クラス、enum で列挙型を定義することができます。
PlantUML クラス図 早見表 - Qiita
PlantUMLでクラス図を描く際よく使う記法をまとめています。 目次 フィールド、メソッドの表現 可視性の定義 Static、Abstract 空のフィールド、メソッドの省略 クラス間の関係 継承 Extension 実装 Implements 集約 Aggregation 構成 Composition 依存 Dependency 内部クラス Inner Class 関係のラベル ラベル、矢印の追加 多重度 パッケージ 参考文献 1. フィールド、メソッドの表現 1. 可視性の定義 可視性は以下で表現します。 - : private # : protected ~ : package private + : public @startuml class ClassA { -fieldA : int #fieldB : String ~methodA() : void +methodB()
アーキテクチャ図
@startuml !define Junction_Or circle #black !define Junction_And circle #whitesmoke Junction_And JunctionAnd Junction_Or JunctionOr archimate #Technology "VPN サーバ" as vpnServerA <<technology-device>> rectangle 実行 #lightgreen rectangle 終了 #red rectangle 待機 #orange 実行 -up-> JunctionOr 終了 -up-> JunctionOr 終了 -down-> JunctionAnd 待機 -down-> JunctionAnd @enduml @startuml skinparam rectangle<<behavior>>
PlantUMLのクラス図の書き方まとめ
この記事は、PlantUMLでクラス図を書くときに必要になる情報をまとめたものです。 PlantUMLとは 簡単なコードによる記述でUMLの様々な図が作成できるツールです。 UMLを活用する上での課題である「メンテナンスしていくのが困難」という点を、コードで記述するという手法によって解決することを試みています。 クラス図とは システムの構造をクラスとクラス間の関連で表現する図です。 UMLの中でも代表的な図で、抽象的な概念図から、分析用の図、直接コードに落とし込めるような詳細設計図まで、様々な場面で活用することができます。 例 「インターネット記事投稿サービス」でどういったクラスや関連が必要になりそうかを分析するための図をイメージして作成してみました。 @startuml class ユーザー class 記事 class コメント class マガジン class タグ class ジャ
All Skin Parameters — Ashley's PlantUML Doc 0.2.01 documentation
All Skin Parameters¶ All “skinparams” (skin parameters) available in PlantUML in alphabetical order.
皆様初めまして、19新卒の坂井です。 AIサービス開発本部のAI Cameraチームに所属し、普段は画像処理やロジック検討や追加機能の実装を行ってます。 目次 目次 はじめに CI/CDとは？ CI: Continuous Integration ~ 継続的インテグレーション ~ CD: Continuous Delivery ~継続的デリバリー ~ CD: Continuous Deployment ~ 継続的デプロイ ~ Tools GitLab GitLab CI/CD GitLab Runner GitLab Pages GitLab Container Registry GitLab Badges 静的サイトジェネレータ MkDocs 拡張機能 警告文 注釈 アイコンフォント PlantUML コードハイライト プロジェクトのCI/CDに組み込む ディレクトリ構成 前準備 MkD
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VSCodeは理系にとって最高なノート - blog.tamaosa.com
Sphinxのイケてるドキュメントを自動デプロイしてS3で公開する！ | DevelopersIO
PlantUMLでマインドマップがかけるようになっていた件 - Qiita
結局UMLとかシーケンス図とかAWSの図とかどれで描くと良いのよ？と思ったときの選択肢 - Qiita
【永久保存版】OAuth 2.0 / OpenID Connect シーケンスまとめ - Qiita
アイコンよりどりみどりの PlantUML 構成図を書く - Qiita
GitHubのREADME.mdにシーケンス図を埋め込む - Qiita
AsciiDoc + VSCodeでかっこいい文書作る - Gaming Life
PlantUMLを通じてシーケンス図の描き方を学ぶ - EurekaMoments
Visual Studio CodeでPlantUMLを使うメモ (Windows編).md
PlantUMLによるシーケンス図の書き方【メッセージやノートなど】
PlantUMLを通じてクラス図の書き方を学ぶ - EurekaMoments
PlantUML Tips(状態遷移図向け) - Qiita
PlantUMLサーバをDockerで1分でサクッと構築＋VSCodeでプレビューする | SyachikuLOG
Markdown からいい感じの PDF を作る - Qiita
PlantUML - Mermaid 比較（シーケンス図） - Qiita
Dockerで作るUMLも書けるHonKit環境 - Qiita
Plantumlをサーバーレスで実行をやってみた - Qiita
PlantUMLでAWSのシステム構成図がなるべく管理される世界観を考えてみた - Qiita
Mac の VSCode に PlantUML を導入 - Qiita
PlantUML でクラス図を作成する
【年末大掃除】.mdをCI/CDで整理する - OPTiM TECH BLOG