ER図の作図について、 Draw.io, PlantUML, Mermaid を比較してみる。（VSCode拡張機能など） - Qiita

2022/07/29 155 users vscode Mermaid Qiita 作図 draw.io

はじめに データベース設計のER図について、VSCodeなどで作成する以下３つの方法を比較した記事です。 Draw.io PlantUML Mermaid 以前、Webアプリケーションを作成した際には、 Draw.io を使用して、作図しました。 （そのアプリのER図を今回サンプル図としています） 最近、 PlantUML を利用するようになり、ER図や、シ... 続きを読む

PlantUML で JSON データを簡単視覚化

2021/11/07 261 users YAML POSTAL state JSON Address

最近，仕事で使うことがあってたまたま気がついたのだが， PlantUML って JSON や YAML のデータを視覚化できるんだね。 やり方は簡単。たとえば { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 28, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postal... 続きを読む

PlantUMLのテーマ（思わぬ展開） | フューチャー技術ブログ

2021/11/08 306 users フューチャー技術ブログ 展開 テーマ 好み チーム

秋のブログ週間連載の7本目です。 はじめにPlantUMLで使えるテーマについてのご紹介です。 以前、チームで機能設計するためのPlantUML標準化の記事でも書かせていただきましたが、PlantUMLのデフォルトカラーって少しドライですよね。 色の好みは人それぞれで、あれはあれでカッコよさはありますが、複雑な図は少しでも... 続きを読む

チームで機能設計するためのPlantUML標準化 | Future Tech Blog - フューチャーアーキテクト

2020/02/03 400 users フューチャーアーキテクト UML WebAPI チーム 一環

はじめに現在所属しているプロジェクトではWebAPIやバッチ処理の設計の一環としてPlantUMLを利用しています。効率よく品質高くアウトプットを出すためには、プログラミング言語に対してコーディング規約があるように、UMLに対してもチームで設計するにあたり一定のルールを決める必要があります。 そこでプロジェクト内... 続きを読む

ERDをPlantUML形式で自動生成するツールを作った - くりにっき

2019/12/12 146 users Erd github.com くりにっき つらみ 追記

PlantUML + ERDでPlantERDです github.com モチベーション PlantERDの特徴 使い方 出力するテーブル数の制限について 技術的に頑張ったこと テストのこと Foreign keyで隣接している別のテーブルを探す方法 複数DB対応のつらみ 追記：2019/12/13 9:45 モチベーション 既存プロダクトへの不満が一番大きいです。 https://... 続きを読む

UMLの爆速プレビュー環境をVisual Studio Code + PlantUML Server on Dockerで簡単に構築する ｜ DevelopersIO

2019/06/19 271 users UML DevelopersIO ワイヤーフレーム 記述言語

PlantUMLとは PlantUMLはシンプルな記法でUMLダイアグラムが作成できる、超便利なツールです。UMLをはじめ、以下のような図の作成もサポートしています。 ワイヤーフレーム アーキテクチャ図 仕様及び記述言語 […] 続きを読む

Visual Studio Code ではじめるシーケンス図 - アシアルブログ

2019/03/15 584 users シーケンス図 アシアルブログ UML Git ダイアグラム

こんにちは、渡辺です。 シーケンス図を書くときにお世話になっているPlantUMLが、 Visual Studio Codeで簡単に利用できるようになったので、紹介したいと思います。 PlantUMLとは テキストでUMLやシーケンス図、クラス図などを作成できる言語です。 ダイアグラムをテキストで記述できるため、Gitで管理することもできま... 続きを読む

MarkdownとPlantUMLでソフトウェアの仕様書や設計書を書くための環境構築手順 - EurekaMoments

2018/12/17 126 users Markdown Graphviz ソフトウェア Java

背景・目的 Markdownで書くメリット Markdown記法一覧 環境構築手順 1. Visual Studio Codeをインストールする 2. PlantUMLをインストールする 3. Javaをインストールする 4. Graphvizをインストールする 5. Markdown Preview Enhancedをインストールする 環境構築後の動作確認 Markdownでドキュメントを書く際に便利な... 続きを読む

現場で役立ちそうなシステム設計のUMLをPlantUMLで書いてみる - Qiita

2017/12/02 294 users フューチャーアーキテクト UML Qiita 現状 皆さん

フューチャーアーキテクト Advent Calendar 2017 の2日目です。 はじめに システム設計が大好きで大嫌いな皆さん、こんにちは。 突然ですが、皆さんはどのようにシステム設計における ドキュメント腐る問題 に立ち向かっていますか？ ドキュメント腐る問題とは、設計時に作成した各種ドキュメントがGoogle Driveやファイルサーバ上で陳腐化してしまい、現状の正しい状態を指していないこ... 続きを読む

Atom と PlantUML で快適シーケンス図駆動開発ライフ ｜ Developers.IO

2016/11/29 256 users プログラマ 名目 Developers.IO Atom 実装

サーバーサイド開発担当のエンジニアが「設計と実装を進めようとしている」という背景で話を進めます。 PlantUMLは強い 「認識合わせ」という名目でホワイトボードに図を書いて会話することがよくあります。共通言語で会話してあいまいなところを少なくしたら、マネージャーも安心感がありますし、プログラマも自分がやるべきことに集中できますね。 …3日経ちました。あのとき描かれていたホワイトボードの図のとおり... 続きを読む

Visual Studio Codeで自由自在にUMLを描こう - かずきのBlog@hatena

2016/09/01 369 users UML Blog@Hatena プレビュー テキスト ツール

2016 - 09 - 01 Visual Studio Codeで自由自在にUMLを描こう Visual Studio Code 先日PlantUMLというテキストでUMLを描くためのツールのVisual Studio Codeのプラグインを作りました。 テキストをぱちぱち書きながら、プレビューを確認できるツールです。 ということで、PlantUML + Visual Studio CodeでU... 続きを読む

PlantUML + IntelliJ IDEA - フリーエンジニアライフ

2015/09/08 139 users CVS IntelliJ IDEA シーケンス図 ツール 設計

2015-01-22 PlantUML + IntelliJ IDEA IntelliJ IDEA PlantUML UML Dev（開発全般） 恥ずかしながらPlantUMLというツールを知らなかったんだけど、IntelliJ IDEAのPlantUMLプラグインで初体験。なにこれ快適。 テキストファイルなので、シーケンス図、クラス図などいろんな設計がCVSで管理・マージできるすばらしさ。 In... 続きを読む