並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 244件

新着順 人気順

plantumlの検索結果1 - 40 件 / 244件

  • チームで機能設計するためのPlantUML標準化 | フューチャー技術ブログ

    はじめに現在所属しているプロジェクトではWebAPIやバッチ処理の設計の一環としてPlantUMLを利用しています。効率よく品質高くアウトプットを出すためには、プログラミング言語に対してコーディング規約があるように、UMLに対してもチームで設計するにあたり一定のルールを決める必要があります。 そこでプロジェクト内のPlantUMLを使用するうえでのガイドラインやルールをまとめる機会があり、せっかくなのでそれを記事化します。 記事のゴール シーケンス図設計におけるPlantUMLの標準化 必要最低限のルールだけに絞ってチーム設計の生産性と品質を上げる 記事の前提 ルールの想定の利用シーン: チームで大量生産する業務機能の処理フローを表現するために使う場合を想定。 また、この記事に記載されているルールはRDBを中心的に使用したAPI処理やバッチ処理等を念頭に置き決められたものです。 ルールの想

      チームで機能設計するためのPlantUML標準化 | フューチャー技術ブログ
    • Real World PlantUML

      Init Phaselong running activity,process requires signal to proceedTransfer PhaseTermination Phase

        Real World PlantUML
      • PlantUMLのテーマ(思わぬ展開) | フューチャー技術ブログ

        秋のブログ週間連載の7本目です。 はじめにPlantUMLで使えるテーマについてのご紹介です。 以前、チームで機能設計するためのPlantUML標準化の記事でも書かせていただきましたが、PlantUMLのデフォルトカラーって少しドライですよね。 色の好みは人それぞれで、あれはあれでカッコよさはありますが、複雑な図は少しでも可愛く描きたい・楽しく見たいものです。 この記事ではPlantUMLのテーマについて、いくつかのオプションを紹介していきます。「PlantUMLの色を変えてみたい!」という方は是非ご活用いただければ嬉しいです。 前提 PlantUMLでは、skinparamを利用して図のビジュアル各要素を定義しますが、「テーマ」はskinparamの集合体です この記事ではテーマの作り方や、各運用方法等については触れません この記事で紹介するオリジナルテーマはシーケンス図のために作られた

          PlantUMLのテーマ(思わぬ展開) | フューチャー技術ブログ
        • PlantUML で JSON データを簡単視覚化

          最近,仕事で使うことがあってたまたま気がついたのだが, PlantUML って JSON や YAML のデータを視覚化できるんだね。 やり方は簡単。たとえば { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 28, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postalCode": "10021-3100" }, "phoneNumbers": [ { "type": "home", "number": "212 555-1234" }, { "type": "office", "number": "646 555-4567" } ], "children": [], "spous

            PlantUML で JSON データを簡単視覚化
          • ER図の作図について、 Draw.io, PlantUML, Mermaid を比較してみる。(VSCode拡張機能など) - Qiita

            ※ 参考記事「PlantUML を VSCode で利用したいけど、プレビューが表示されずエラーが出る」 参考(PlantUML 導入後の編集中画面) 2-2. ER図 今回作成したER図 Qiita記事でも、コードブロック内でPlantUMLの構文がそのまま使えます。(このER図は、Qiitaのコードブロックで表示させています) 今回作成したER図のPlantUMLの表記 @startuml yonde ' hide the spot hide circle ' avoid problems with angled crows feet skinparam linetype ortho entity "families" as families { id -- name nickname introduction created_at updated_at } entity "users

              ER図の作図について、 Draw.io, PlantUML, Mermaid を比較してみる。(VSCode拡張機能など) - Qiita
            • UMLの爆速プレビュー環境をVisual Studio Code + PlantUML Server on Dockerで簡単に構築する | DevelopersIO

              PlantUMLとは PlantUMLはシンプルな記法でUMLダイアグラムが作成できる、超便利なツールです。UMLをはじめ、以下のような図の作成もサポートしています。 ワイヤーフレーム アーキテクチャ図 仕様及び記述言語 (SDL) Ditaa ガントチャート マインドマップ WBS図(作業分解図) AsciiMath や JLaTeXMath による、数学的記法 Entity Relationship diagram 実際に業務で使う場合はテキストを書く→画像に書き出すという順序になりますが、基本的にはプレビューを確認しながら書くと効率良く作成できます。 プレビューを確認しながら書くには、例えばWebアプリなども公開されているのでそちらで済ませてしまう方法もあります。 https://planttext.com しかしながら テキストをファイルとして残しながら作業したい場合はやはりローカ

                UMLの爆速プレビュー環境をVisual Studio Code + PlantUML Server on Dockerで簡単に構築する | DevelopersIO
              • 現場で役立つシステム設計の原則にあるUMLをPlantUMLで書いてみる - Qiita

                フューチャーアーキテクト Advent Calendar 2017の2日目です。 はじめに システム設計が大好きで大嫌いな皆さん、こんにちは。 突然ですが、皆さんはどのようにシステム設計における ドキュメント腐る問題 に立ち向かっていますか? ドキュメント腐る問題とは、設計時に作成した各種ドキュメントがGoogle Driveやファイルサーバ上で陳腐化してしまい、現状の正しい状態を指していないことです。せっかく新規参画者がキャッチアップしようとしてもドキュメントが真実を示していないという怖いやつですよね。 解決策としては、各種ドキュメントを、MarkdownやAsciiDoc、UMLはPlantUMLやmermaid、ERDはPlantUMLやerd、画面遷移図はUI Flow、REST-API設計はSwaggerなど、なるべくテキストベースで管理し、GitHubなどのリポジトリで管理する

                  現場で役立つシステム設計の原則にあるUMLをPlantUMLで書いてみる - Qiita
                • Atom と PlantUML で快適シーケンス図駆動開発ライフ | DevelopersIO

                  サーバーサイド開発担当のエンジニアが「設計と実装を進めようとしている」という背景で話を進めます。 PlantUMLは強い 「認識合わせ」という名目でホワイトボードに図を書いて会話することがよくあります。共通言語で会話してあいまいなところを少なくしたら、マネージャーも安心感がありますし、プログラマも自分がやるべきことに集中できますね。 …3日経ちました。あのとき描かれていたホワイトボードの図のとおりに、実装することになりました。認識の齟齬をなくしてくれた貴重な図です。写真に撮りました。どこに保存してたっけ。やっぱり変更したくなったらどうしましょう。またホワイトボードに書き起こす?DRYじゃないですねえ。 そこで、UML図 が登場します。表現したい図を電子データで作成、保存できて、あとで見るときも役に立ちますね。が、しかし、UML図はそれはそれでやや手間がかかるところもあります。作図を助けてく

                    Atom と PlantUML で快適シーケンス図駆動開発ライフ | DevelopersIO
                  • PlantUML Cheat Sheet - Qiita

                    PlantUML は DSL(ドメイン特化言語) で UML の図を描きます。 テキストで記述するので Git で差分を確認したり Git Flow で関係者とコラボレーションをして図が描けるので便利です。 PlantUML は多くの UML に対応していますが、よく使うものを チートシート にまとめました。 Diagram UML は大きく 振る舞い図 と 構造図 に分類されます。 Behavior 振る舞い図は、振る舞いに関する機能を表現します。 Diagram PlantUML 説明

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

                      PlantUML + ERDでPlantERDです github.com モチベーション PlantERDの特徴 使い方 出力するテーブル数の制限について 技術的に頑張ったこと テストのこと Foreign keyで隣接している別のテーブルを探す方法 複数DB対応のつらみ 追記:2019/12/13 9:45 モチベーション 既存プロダクトへの不満が一番大きいです。 https://github.com/voormedia/rails-erd は出力が画像なので取り回ししづらい そもそもRails前提なので他言語とかでは使えない https://github.com/schemaspy/schemaspy も悪くなさそうなんだけどここまでリッチじゃなくていい テーブル数個の小規模アプリならいいんだけど、中規模以上のアプリで使うと人間が読むに耐えないERDが生成されて精神が崩壊する 僕は初め

                        ERDをPlantUML形式で自動生成するツールを作った - くりにっき
                      • PlantUML で始めるリレーションシップ駆動要件分析 (RDRA) - Qiita

                        はじめに ソフトウェア開発において、エンジニアが開発対象のドメインの業務に精通していない場合、書く内容やかける時間に程度はあれど 業務分析 や 要件定義 が必要になります。しかし、要件定義の方法論についての話題がネット上に上がることも少なく、書籍などもあまり話題になっていない印象があります (私の観測範囲では)。なので、私の場合、要件定義の実務では公の方法論を体系的に学ばずに、実務で見てきたものを自分なりにアレンジして対応してきました。 そんなとき、モデルベースの要件定義の方法論として リレーションシップ駆動分析 (RDRA) というものがあることを知りました。モデリングはずっと取り組んできていることなので、興味が湧いて少し調べてみると PlantUML でも表現できるというではありませんか! PlantUML Example for RDRA 2.0 ハンドブック そこで、RDRA2.0

                          PlantUML で始めるリレーションシップ駆動要件分析 (RDRA) - Qiita
                        • Visual Studio CodeにPlantUMLを導入して業務効率化を図る | Keep it up!

                          私の職場では関数の設計資料としてフローチャートを書く文化が根強く残っています。さらには状態遷移図やシーケンス図なども場合によっては必要になります。これらの図を作成するのに、ツールはword,ExcelやVisioなどを使っていますが、ご存じのとおりこれらのツールで作図するのは非常に面倒です(visioは幾分かマシですが)。 word,Excel,Visioでこれらの作図をする時に感じるデメリットは以下の3点です。 何か解決策は無いかなぁと色々と調べていたところ、PlantUMLというツールがあることが分かりました。PlantUMLはテキストからUMLの各種ダイアグラムを生成することが出来るフリーのツールです。 例えば、以下のようなコードを書くと @startuml Foo -> Bar : メッセージ Foo <-- Bar : レスポンス @enduml このような図を生成することが出来

                            Visual Studio CodeにPlantUMLを導入して業務効率化を図る | Keep it up!
                          • plantuml

                            PlantUml allows to quickly create some UML diagram using a simple textual description language.

                            • PlantUML の使い方 | プログラマーズ雑記帳

                              テキストから UML を生成する PlantUML についての解説記事を書いてみました。 PlantUML の使い方 (今回) シーケンス図 クラス図 オブジェクト図 パッケージ図 ユースケース図 アクティビティ図 状態遷移(ステートマシン)図 コンポーネント図 配置図 skinparam PlantUML 実行用のバッチファイル 今回は PlantUML の使い方の説明です。 PlantUML とは インストール 日本語 コマンドライン Doxygen との連携 Doxygen 連携用スクリプト その他のツールとの連携 オンラインデモ PlantUML とは 最近、プログラムの設計書などで UML を使うのが浸透してきていますが、 この UML を書くのはわりと面倒です。 CASE ツール, Doxygen などでは、クラス図を自動生成してくれますが、 ユースケース図やシーケンス図は自分

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

                                実践UML 第3版 オブジェクト指向分析設計と反復型開発入門 作者:クレーグ・ラーマンピアソンエデュケーションAmazon 目次 目次 はじめ Markdownで書くメリット Markdown記法一覧 環境構築手順 1. Visual Studio Codeをインストールする 2. PlantUMLをインストールする 3. Javaをインストールする 4. Graphvizをインストールする 5. Markdown Preview Enhancedをインストールする 環境構築後の動作確認 Markdownでドキュメントを書く際に便利な拡張機能 1. Paste Image 2. markdown-index 作成したドキュメントをHTMLやPDFに変換する 今回参考にさせていただいた記事 はじめ 自分はこれまでソフトウェア開発において仕様書や設計書を作成する際、Enterprise Arc

                                  MarkdownとPlantUMLでソフトウェアの仕様書や設計書を書くための環境構築手順 - EurekaMoments
                                • AtomとPlantUMLで爆速UMLモデリング - Qiita

                                  PlantUMLは、DSL(ドメイン特化言語)をコーディングすることでUMLが描ける、Java製のツールです。 今回はAtomとPlantUML Viewerパッケージを使い、ライブプレビューを見ながらUMLをモデリングする環境を作ってみました。 イメージ図↓ 編集履歴 2016/03/22: 中華フォント対策を更新 環境 Windows 10 Pro 64bit Atom Version 1.0.10 Chocolatey v0.9.9.8(セットアップで使用) ※ この記事ではWindowsでのセットアップですが、MacやLinuxでもほとんど同様に実行可能かと思います。 セットアップ ライブラリインストール PlantUMLを使用するには、動作環境であるJavaとレンダリングライブラリのGraphvizのインストールが必要です。 Windows 10にしてから、そういえばJavaも入

                                    AtomとPlantUMLで爆速UMLモデリング - Qiita
                                  • PlantUMLによってコードベースでAWSのアーキテクチャー図を作る方法 - Qiita

                                    AWS上にサービスを構築するうえで、アーキテクチャー図を作る機会はままあるかと思います。 その際、draw.ioやCacooなどのウェブサービスで作っている人も多いのではないでしょうか。 今回は別のアプローチとして、PlantUMLによってコードベースでAWSのアーキテクチャー図を作る方法をご紹介します。 PlantUMLの実行環境を用意 まずは、PlantUMLの実行環境を用意します。 ローカル環境にインストールするのもいいですが、素早く試したい場合はPlantUML Web Serverを使うのが便利です。 AWSのアイコンセットを用意 PlantUMLでは、ファイルパスやURLを指定してリソースをインポートすることができます。 これにより自作の画像を組み込むことができるわけですが、ありがたいことにAWSが公式にPlantUMLのためのアイコンセットを配布しています。 awslabs/

                                      PlantUMLによってコードベースでAWSのアーキテクチャー図を作る方法 - Qiita
                                    • GoのコードからPlantUMLコードを生成する静的解析ツールを作っている - 日記マン

                                      tl;dr go/types パッケージがめちゃくちゃ便利 https://golang.org/pkg/go/types/ https://github.com/golang/example/tree/master/gotypes gouml の紹介 Goのコードを静的解析し、PlantUMLのコードを吐くパーサを開発している。 github.com 例えばGo言語で書かれたこのソースファイルを渡すと、 package main type Human struct { Name string Age Age } type Age int func (a Age) IsAdult() bool { return a >= 20 } 以下のような PlantUML コードが生成される。 package "main" { class "Age" as main.Age <<V,Orchid>>

                                        GoのコードからPlantUMLコードを生成する静的解析ツールを作っている - 日記マン
                                      • PlantUML + IntelliJ IDEA - タケユー・ウェブ日報

                                        恥ずかしながらPlantUMLというツールを知らなかったんだけど、IntelliJ IDEAのPlantUMLプラグインで初体験。なにこれ快適。 テキストファイルなので、シーケンス図、クラス図などいろんな設計がVCSで管理・マージできるすばらしさ。 IntelliJ IDEAのPlantUML integrationでサクサクライブビュー。マウスとキーボードを往復せずとも書けるので思考を途切れさせません。 プロジェクトファイルと一緒に管理していれば不整合も減らせそう。 導入手順 プラグインリポジトリで'PlantUML integration'検索、インストール。PlantUML本体も含まれる?ので別途インストールは不要です。 シーケンス図以外の描画に使う'graphviz'をインストール。macなら'brew install graphviz'でOK。 プラグインの設定でgraphviz

                                          PlantUML + IntelliJ IDEA - タケユー・ウェブ日報
                                        • PlantUML Example for モデルベース要件定義テクニック - Qiita

                                          PlantUMLはテキストの記述でUMLの図を描くことができます。オプション機能や組み合わせで色々な表現をすることができるので、UML を拡張した図が使われるモデルベース要件定義テクニックの書籍からいくつかのモデルを記述します。 書籍にはモデルの着眼点や解説が丁寧に記載されています。図の背景に興味がある方は合わせてお読みください。 コンテキストモデル ユースケース図でシステムの関係者を整理します。 left to right direction を利用すると図の方向を左から右に変更できます。 left to right direction actor 経営者 rectangle システムに直接関わる人 { actor 顧客 actor 営業 actor 物流 actor システム部門 actor オーダー部門 経営者 -- 営業 経営者 -- 物流 顧客 -- (商品販売サイト) 営業 -

                                            PlantUML Example for モデルベース要件定義テクニック - Qiita
                                          • AsciiDoc と PlantUML と mermaid.js で素敵なテキストベース仕様書ライフ

                                            以前からテキストベースで仕様書(PDF)などを管理したいと思っていたのですが、ようやくその環境が整い、一度実際に運用してみてかなりいい感じだったので紹介したいと思います。 基本テキストは AsciiDoc で記述する UML は PlantUML で記述する フローチャートとかは必要に応じて mermaid.js も使う つまり基本テキストで表現・管理できるものはテキストで書く 成果物は PDF形式。目次(Table of Contents) はつける。 動作確認環境 macOS Sierra 10.12.3 ruby 2.3.1 Asciidoctor 1.5.5 Asciidoctor PDF 1.5.0.alpha.14 Asciidoctor Diagram 1.5.4 mermaid 7.0.0 AsciiDoc とは AsciiDoc Home Page 軽量マークアップ言語の

                                            • PlantUMLでドメイン駆動設計のモデリングを実装する(Nizi Project編) - ContractS開発者ブログ

                                              こんにちは!株式会社Holmesでエンジニアをしている平田です。 Holmesでは、現在、プロダクト開発にドメイン駆動設計を取り入れようと、社内で勉強会の開催や各メンバーが勉強したことを共有しあったりしています。 ドメイン駆動設計に取り組むにあたって、大切なことのことの一つにより良いモデルを作成する、モデリングがあります。 今回はそんなモデリングをPlantUMLで行う方法について、一例をご紹介できればと思います。 ※本記事のモデリング手法は以下の書籍を参考に行なっております。 PlantUMLとは なぜPlantUMLを用いるのか ユースケース図 全体像 @startuml,@enduml actors usecases rectangle ドメインモデル図 全体像 packages objects notes direction relations label 振り返り 最後に Pla

                                                PlantUMLでドメイン駆動設計のモデリングを実装する(Nizi Project編) - ContractS開発者ブログ
                                              • テキストで記述して図に出力するUML記法·PlantUML MOONGIFT

                                                PlantUMLはJava製のオープンソース・ソフトウェア。UMLを作図するツールは幾つか存在するが、最大の難点だと思っているのがテキストベースでの記述ができないことだ。UMIと呼ばれるXMLベースの記述形式もあるが、普及している気はしない。都度重たいビジュアルエディタを立ち上げて編集するなんてのは面倒だ。 Wordに埋め込みのUML図 またドキュメントを作成するツールと、UMLを作成するツールが分かれてしまっているのも問題だ。そのためドキュメントの内容と図がずれていても気付きづらい。そんな問題を解決してくれるかも知れないのがPlantUMLだ。 PlantUMLはJava製のオープンソース・ソフトウェアで、テキストベースのUML記述を画像にコンパイルしてくれるソフトウェアだ。ユースケース、シーケンス、クラス、アクティビティ、コンポーネント、ステータス図に対応しているので十分だろう。 日本

                                                  テキストで記述して図に出力するUML記法·PlantUML MOONGIFT
                                                • AWS-PlantUMLで使える全AWSリソースの定義と画像表示 - Qiita

                                                  お題 PlantUMLという、ダイアグラムを独自のDSLで生成するツールがある。 (名前にUMLは付くもののUML以外にも、ワイヤーフレーム、ガントチャート、マインドマップ、ER図などさまざまなダイアグラムを生成できる。) そのPlantUMLの公式ライブラリとして、AWS-PlantUMLというものがあり、これを使うとテキスト形式のファイルでAWSリソースを使ったアーキテクチャ図を表現できる。 具体的には以下の通り。 1) 以下のようなPlantUML独自のDSLでテキストファイルを作る。 @startuml !define AWSPUML https://raw.githubusercontent.com/milo-minderbinder/AWS-PlantUML/release/18-2-22/dist !includeurl AWSPUML/common.puml !includ

                                                    AWS-PlantUMLで使える全AWSリソースの定義と画像表示 - Qiita
                                                  • PlantUML - シーケンス図 | プログラマーズ雑記帳

                                                    @startuml{plantuml_seq_arrow.png} Alice -> Bob: 同期メッセージ Alice <-- Bob: 戻りメッセージ Alice ->> Chuck: 非同期メッセージ @enduml 自己メッセージ 対象を同じにすれば、自己メッセージとなります。 @startuml{plantuml_seq_self.png} Alice -> Alice: 自己メッセージ @enduml 外部とのメッセージ 送り手や受け手がダイアグラム上にない場合は [ または ] を使用します。 @startuml{plantuml_seq_out.png} [-> A: DoWork A ->] : Request A<--] [<- A: Done @enduml ライフライン ライフラインの要素はメッセージの出現順に左から表示されます。 要素名に記号などの英数字以外を使

                                                    • Perlのモジュールを静的解析してPlantUMLでクラス図をレンダリングするやつ - hitode909の日記

                                                      仕事のコードで,子クラスがたくさんいる難しいクラスがいて,継承関係を整理したいけど,どこがどうなってるのか一見すると分からなかったので,静的解析してクラス図をレンダリングするやつを作った. github.com package2plantumlclassdiagramっていうコマンド(長い)に,このファイルたちをレンダリングしてくれ,って渡して,PlantUML形式のファイルを作る PlantUMLでPNGとかに変換 という手順で使う. % package2plantumlclassdiagram ~/Plack/lib/**/**.pm > plack.plantuml % GRAPHVIZ_DOT=$(which dot) plantuml -charset UTF-8 -tpng plack.plantuml Plackのソースコード全体をレンダリングするとこんなかんじで,継承してる

                                                        Perlのモジュールを静的解析してPlantUMLでクラス図をレンダリングするやつ - hitode909の日記
                                                      • PlantUMLを使ってExcel設計書をテキスト化するアイデア - プログラマの思索

                                                        以前、Excel設計書をテキスト化できないか、考えたことがあった。 ネットしながら、PlantUMLや他ツールを使ってExcel設計書をテキスト化するアイデアをメモ。 以下は、後で自分が参考にしたい記事をリンクしておく。 仕様書にもExcel脱却が求められている: プログラマの思索 【参考1】 PlantUML 埋め込み AsciiDoc の Gradle を用いた HTML 一括変換 ・ Yutaka ?? Kato 【参考2】 AsciiDoc と PlantUML と mermaid.js で素敵なテキストベース仕様書ライフ 【参考3】 PlantUML を導入するのに適したケースとは - kkeisuke blog (引用開始) 以下のいずれかに当てはまる場合、PlantUML はプロジェクトの生産性を向上させます。 一人で利用する場合 少数精鋭、もしくは統制(教育)されたチームで

                                                          PlantUMLを使ってExcel設計書をテキスト化するアイデア - プログラマの思索
                                                        • PlantUML で ER 図(ERD)を描く(似非ではないです) - Qiita

                                                          ------ :1 ----|| :1 and only 1 ----o| :0 or 1 -----{ :many ----|{ :1 or more ----o{ :0 or many 描画結果 このサンプルでは不要な水平線が入っています。この水平線はクラス図の「プロパティ(フィールド)」と「メソッド」を分ける「区切り線」ですが、hide empty members を最初に書いておくと非表示に出来ます。 参考:http://plantuml.com/class-diagram#Hide ER 図とは ER図そのものについては下記のサイトが詳しいです。 ER図 (Entity Relationship Diagram) また、書き方については下記の書籍が詳しいです。オススメです。 楽々ERDレッスン サンプル 前回 同様、下記のページからテーブル構成を参考にして、PlantUML で

                                                            PlantUML で ER 図(ERD)を描く(似非ではないです) - Qiita
                                                          • GitHub - qjebbs/vscode-plantuml: Rich PlantUML support for Visual Studio Code.

                                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

                                                              GitHub - qjebbs/vscode-plantuml: Rich PlantUML support for Visual Studio Code.
                                                            • GitHub の Markdown (GFM) でPlantUMLを表示するChrome拡張 | DevelopersIO

                                                              よく訓練されたアップル信者、都元です。大変ご無沙汰しておりますが、相変わらず生魚が好きです。 さて最近は、GitHub上でもろもろとソフトウェア開発をしていることが多いのですが、gitで管理するmdファイルはもちろん、issueやPR内でもMarkdown記法を使って様々な記述できるのはご存知の通りかと思います。 PlantUML さて、仕様のディスカッションやドキュメントの記述をしていると、ちょっとしたシーケンス図やクラス図、状態遷移図、UMLという図の記法を使ってコミュニケーションを取りたい場面が出てきます。 以前、当ブログでも「Atom と PlantUML で快適シーケンス図駆動開発ライフ」というエントリーにて、テキストの文法でUMLを記述して画像生成、それをGitHubに貼り付ける、というテクニックをご紹介しました。 PlantUMLは非常に強力な仕組みです。Atomによる編集も

                                                                GitHub の Markdown (GFM) でPlantUMLを表示するChrome拡張 | DevelopersIO
                                                              • PlantUMLを自動変換してLiveプレビューしてくれるAtom拡張 PlantUML-Viewer がイイ! - pierre3のブログ

                                                                PlantUML とは テキストベースでUMLのダイアグラムをサクサクかける ドメイン固有言語(DSL)です。 以下のような特徴があります。 テキストベースなので、バージョン管理ツールでの差分管理が可能 図のレイアウトを自動でやってくれるので、書きたい内容に集中できる PNGでの出力以外に SVG、EPS 等のベクタ形式での出力が可能 参照 Open-source tool that uses simple textual descriptions to draw UML diagrams. ⇒ PlantUML 公式サイト。リファレンスマニュアルがpdfファイルで公開されています(PlantUML_Language_Reference_Guide.pdf) http://plantuml-ref-ja.github.io/ ⇒ リファレンスマニュアルを日本語訳してくれているサイトです。

                                                                  PlantUMLを自動変換してLiveプレビューしてくれるAtom拡張 PlantUML-Viewer がイイ! - pierre3のブログ
                                                                • PlantUMLを記述する専用エディタ·PlantUML Editor MOONGIFT

                                                                  PlantUML EditorはWindows用のオープンソース・ソフトウェア。PlantUMLは先の記事の通り、テキストベースでUMLを記述し、画像に変換できるソフトウェアだ。テキストで書けるのは大きなメリットではあるが、慣れるまでは何らかのエディタが欲しいかも知れない。 PlantUML用のエディタ 慣れてしまえば問題ないかも知れないが、記法を覚える際はもちろん、テキストよりもビジュアル的にUMLを定義したいと考える人はPlantUML Editorを使ってみよう。Windows専用ではあるがPlantUMLによる記述をサポートしてくれる。 PlantUML Editorは左側に図の一覧が並び、右上にテキストによる記述内容、右下に実際に生成されたUML図が表示される。画像はGraphVizを使って生成するので別途インストールと環境変数の設定が必要だ。画像は自動更新が可能で、指定時間が経

                                                                    PlantUMLを記述する専用エディタ·PlantUML Editor MOONGIFT
                                                                  • plantuml

                                                                    PlantUml allows to quickly create some UML diagram using a simple textual description language.

                                                                    • GitHub - achiku/planter: Generate PlantUML ER diagram textual description from PostgreSQL tables

                                                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

                                                                        GitHub - achiku/planter: Generate PlantUML ER diagram textual description from PostgreSQL tables
                                                                      • PlantUML | プログラマーズ雑記帳

                                                                        テキストから UML を生成する PlantUML についての解説記事を書いてみました。 PlantUML の使い方 (今回) シーケンス図 クラス図 オブジェクト図 パッケージ図 ユースケース図 アクティビティ図 状態遷移(ステートマシン)図 コンポーネント図 配置図 skinparam PlantUML 実行用のバッチファイル 今回は PlantUML の使い方の説明です。 PlantUML とは インストール 日本語 コマンドライン Doxygen との連携 Doxygen 連携用スクリプト その他のツールとの連携 オンラインデモ PlantUML とは 最近、プログラムの設計書などで UML を使うのが浸透してきていますが、 この UML を書くのはわりと面倒です。 CASE ツール, Doxygen などでは、クラス図を自動生成してくれますが、 ユースケース図やシーケンス図は自分

                                                                        • PlantUML - クラス図 | プログラマーズ雑記帳

                                                                          @startuml{plantuml_class_specclass.png} enum FigureType { FigureType_unknown=-1 FigureRect FigurePolygon FigureEllipse } abstract Figure class Rect interface Comparable { {abstract} int compare(Comparable *other) } Figure <|-- Rect Rect .|> Comparable @enduml スポットとステレオタイプ シーケンス図と同様にクラス定義の後にステレオタイプを書く事ができます。 また、ステレオタイプで C, I, A, E 以外のスポットを指定することができます。 class クラス名 <<(スポット文字, 色) [ステレオタイプ名]>> @startuml

                                                                          • plant_erd - ER図をPlantUML用にエクスポート

                                                                            UMLをテキストベースで記述できるPlantUMLを使っている方は多いのではないでしょうか。クラス図を流用する形でER図も描くことができます。そして、データベースはすでにあり、そこからPlantUML用に出力できればいいのに、と考えている方もまた多いでしょう。 そんな方にお勧めなのがplant_erdです。各種データベースに対応したER図エクスポートソフトウェアです。 plant_erdの使い方 出力した内容をPlantUMLで表示しています。 plant_erdはSQLite3、MySQLそしてPostgreSQLに対応しています。各データベースの内容をそのままPlantUML向けに出力が可能です。特定のテーブルだけを出力対象にもできます。リレーションも再現され、データベース構造をドキュメントに書き出すのにぴったりです。 plant_erdはGo製のオープンソース・ソフトウェア(MIT

                                                                              plant_erd - ER図をPlantUML用にエクスポート
                                                                            • plantUML の色をいい感じにする。 - ンンンパ

                                                                              いい感じ(主観)にします。 結果です。 使用前 -> 使用後です。 フローのソースです ソースはこんな感じで、!include color.incの color.inc に設定しておいたスタイルを、ケツに<<hoge>>て具合につけると適用できます。 color.inc はこんなかんじ とくに一部だけを抜き出しましたが、各項目のケツにスタイル名をつけていくかんじです。 plantUML 便利 おきゃくさまに「図でわかりやすく説明してよ」と言われて図を用意しないといけなくなったんですが、追加削除を考えると Cacoo でやるのも結局変更めんどくさいし一緒だよねとテキストであれできるものを探していたらみつかったのが plantUML さん。 色の替えかたがわかってからはなにかと便利につかっています。 追記 色やフォントの設定名称はマニュアルの 10.3 Color に一覧があります。 plan

                                                                                plantUML の色をいい感じにする。 - ンンンパ
                                                                              • 大正義plantUMLがエンジニアをUML地獄から救う - Bye Bye Moore

                                                                                plantUMLはテキストであの忌々しいUMLを書き表す拡張です。 利用環境一覧 PlantUML 導入法 Sphinx http://plantuml.sourceforge.net/download.html emacs Emacs から PlantUML を使ってみた - あらびき日記 ブラウザ上での簡易確認 単に動作を確認したいだけであれば、 PlantUMLServer で動作をみることもできます。 sequence diagram Father <- MYN : すいません許してください!何でもしますから! Father -> MYN : ん? 今なんでもするって、言ったよね? use case diagram @startuml left to right direction skinparam packageStyle rect actor customer actor c

                                                                                  大正義plantUMLがエンジニアをUML地獄から救う - Bye Bye Moore
                                                                                • [Visual Studio Code][Windows] PlantUMLの環境を設定する(シンタックスハイライト+リアルタイムプレビュー) - Qiita

                                                                                  [Visual Studio Code][Windows] PlantUMLの環境を設定する(シンタックスハイライト+リアルタイムプレビュー)umlPlantUMLVisualStudioCode 最近、Atom から Visual Studio Code (以下 VS Codeと表記)に乗り換えたので、PlantUML環境の作成手順をメモしときます。 環境作成 1. エディタ本体の設定 1.1. VS Code をインストールする 公式ページか VS Code をインストールします。 Visual Studio Code - Code Editing. Redefined 2. PlantUML環境の準備 ※PlantUMLのバイナリは自前で準備する必要はありません(プラグインに同梱されているため) => 最新で任意の plantuml.jar を指定する機能が追加されました。 2.1.

                                                                                    [Visual Studio Code][Windows] PlantUMLの環境を設定する(シンタックスハイライト+リアルタイムプレビュー) - Qiita