テキスト記法からUML図を生成できるツール。
概要 参考情報 概要 以下、自分用のメモです。忘れないうちにメモメモ。。。 Gigazineさんの以下の記事で知りました。 gigazine.net PlantUMLみたいな感じで、シンプルになっているイメージ。 Goで作られてて、ツールとしてライブラリとしてしても使えるみたいなので興味あります。 以下、参考リソースをメモメモ。 text-to-diagram.com d2lang.com play.d2lang.com github.com 参考情報 plantuml.com mermaid-js.github.io graphviz.org 過去の記事については、以下のページからご参照下さ…
こんにちは！ スマレジ・テックファームのWebエンジニアやまてと申します。 はじめに 「CLIで操作するブラックジャックゲームをPHPで作ってみる」の 3 記事目として、「UML作成」について投稿します。 この課題は、『独学エンジニア』というWeb開発（主にサーバーサイド）の動画学習教材の中の課題の一つです。 dokugaku-engineer.com 前回までの投稿 ryamate.hatenablog.com ryamate.hatenablog.com 環境 macOS Big Sur バージョン: 11.6 Visual Studio Code バージョン: 1.70.2 INDEX …
こんにちは！ スマレジ・テックファームのWebエンジニアやまてと申します。 はじめに 今回は、Web業界実務未経験での転職活動用にポートフォリオとして作成した『はじめてのWebアプリ開発を振り返る』記事です。 ※ 作成したポートフォリオは、絵本を読み聞かせしたことの記録・管理を、家族と共有できるWebアプリケーションです qiita.com これまで関連記事については、下記の記事を書きました。 ryamate.hatenablog.com ryamate.hatenablog.com 今回は、「データベース設計のER図の作成」についてです。 #今日の積み上げ11/21 4-7,13-18☑️P…
はじめに pandocが提供しているDockerコンテナpandoc/latexをベースにEisvogelを使用できる環境を作成する。 目指すゴールは下記が全て機能すること。 PlantUMLが使用できる Eisvogelを使用してきれいなPDFを出力できる pandoc-crossrefが使用できる [2022/4/9 追記] 成果物をgithubに置いた PlantUMLを使用できる環境の作成 pandoc/coreをベースにPlantUMLを使用できる環境はDockerを使用して比較的新しいpandoc環境を簡単に構築するで構築した。 pandoc/coreは標準でpandoc-cros…
ドメインモデルを図で理解するのに便利なPlantUML。レイアウト調整のノウハウと合わせてその魅力を紹介します。 はじめに 対象読者 PlantUMLとは メリット デメリット レイアウトを調整するためのテクニック まとめ はじめに 基盤本部（開発部門）の宮下です。 BIGLOBEではドメイン駆動設計（Domain Driven Design：DDD）を実践しています。 DDDではドメインモデルを育てていき、継続的にソフトウェアの価値を高めていくことが重要となります。 ドメインモデルとは、業務的な関心ごと(=ドメイン)の問題を解決するために表現するものです。そんなドメインモデルをみんなで設計す…
pandocは便利で手放せないが、LTSのディストロを使用したりすると、 更新が追いつかなくなる。 自前で環境を作るにも結構手間がかかるため、一度環境を作ってしまうと、 秘伝のタレのように使い続けてしまいがちになる。 そのため、PCを新調したり、OSを入れ替えたりすると環境の構築が面倒くさい。 Dockerイメージ使用して、比較的新しいpandocの環境を簡単に作れないか模索する。 縛りは下記の点。 pandoc公式のイメージをベースにする plantumlは使いたい emacsのmarkdown-previewは使いたい Dockerを使う場合でも、野良のイメージを使うと継続的なメンテナンス…
PlantUML の今月リリースされたバージョン（V1.2022.2 あたり）から、デフォルトのテーマが変更になって、スタイリッシュな白黒の感じになりました。
morishitaです。 開発の中でドキュメントを書くことがあると思います。 しっかりした仕様書を作成するところもあるでしょうし、重要な部分のみメモ程度ということもあると思います。 ドキュメントでは文章を書くことが多いとは思いますが、文章だけでは説明が難しい場合、図を書いたりすると思います。 システム開発での図というとクラス図やフローチャートなどかと思います。 独自の記法だと見せられる方が困るので、とりあえず厳密でなくても UML を利用しているのではないでしょうか。 今回は UML を描くときに便利な PlantUML について書きます。 UML とは？ そして PlantUML とは？ P…
過去に、plantumlを使ったユースケースの書き方を記載しました。 今回は、シーケンス図について記載してみたいと思います。 シーケンス図は処理の流れの概要を表す Plantumlでの記載方法 条件分岐が多いと読みにくい xinformation.hatenadiary.com シーケンス図は処理の流れの概要を表す 各システム同士がどのように連携しあうかを表した図です。 ソフトウェアでよく書かれる図なんですが、 ソフトウェア以外にも使えるような汎用的な図ですよ。 複数の人がどう連携すれば問題無くことが進むかを考える際に重宝する図です。 たとえば、レストランで注文を伝える場合を表すとこんな感じに…
はじめに 使い方 PlantUML コード 出力 おわりに はじめに PlantUML はシンプルなテキストから UML を生成できるツールです。 私はソフトウェアのモデリングのために UML を使う機会はあまりないですが、何らかのアーキテクチャやモデルを図示するには PlantUML は便利です。 PlantUML の公式テーマ群も悪くないのですが、デフォルトはモノクロにして強調したいところだけ色を使うというやり方が個人的には好みです。 そこで、そのような使い方が簡単にできるようなテーマ Minimal を作成しました。 元々自分用に作りましたが、せっかくなので公開することにしました。 使い…
2021年の3/1 にスターフェスティバルにJOINしたので先週で丸2年が経過した。 例によって在籍振り返りブログを書いていく。 いわゆる現職エントリーって奴。 ちなみに前回の振り返りブログはこちら。 www.ikkitang1211.site 1年前は何をやっていたかというと 社内でも力を入れてる既存のプロダクトのリプレイスプロジェクトのアサインを前に準備を進めている頃だった。 技術的な部分では、イベント駆動アーキテクチャで開発を進める方針になったので、イベント駆動アーキテクチャを司るミドルウェアのApache Kafka の勉強会を社内で開催したりとか、社内でも既存のプロダクトにおける運用…
目指していた INPUT:OUTPUT = 1:1以上 の理想形は Link & TechTips Stack の形なのかもしれない（※仮挿入） 本ブログと並列運用(更新不定期) 本ページは投稿記事一覧です。 (自動更新) Architecture MicroArchit マイクロサービスアーキテクチャ メモ (2022/05) 【マイクロサービス】可観測性と OpenTelemetry (基本のみ) (2022/12) Program Java Java Assertj + Mockito (2022/02) Gson Serialize (Object -> String) での時刻フォー…
諸々必要なもの 最新の jar https://plantuml.com/ja/download 手順 Markdown Preview Enhanced に含まれる jar を直接置き換える 基本的にはこのページの手順通り。 https://otepipi.hatenablog.com/entry/20210520/1621458229 ただし、Windows の場合、Windows 側と WSL 側で.vscode/extensions フォルダは別々に存在する。 場所はどちらもユーザーのホームディレクトリにある.vscode から上記のブログの通りにたどれば OK。 参考 https:/…
初めに 転職して半年たったので、レガシーなSIerからモダンなSIerに転職して感じたことをまとめます。同様のキャリアチェンジを考えている方の参考になればと思います。前職では主に行政法人系の業務システムの担当、現在はイベントの登録、一般ユーザの応募管理、当選者の決定などを行うBtoCシステムのバックエンドリーダーを担当しています。 初めに 転職して感じたこと 技術が新しい ドキュメントはテキストファイルメイン プロジェクト推進はアジャイルが多い 求められる知識の範囲がかなり広い 社内情報発信がかなり活発 やっておいてよかったこと AWSの資格取得 使いそうな技術の基本理解 やったほうがよかった…
もしやと思い調べたところ……ありましたね、VSCodeにもplantUMLが 実際のところ 導入 拡張で"plantUML"と打てば普通に出てきます 使ってみる ファイルにもこんな風にplantUMLが追加されます Alt+Dでレンダリング markdownにも対応させる 記法をあわせればmarkdownの中でも表記可能
過去にVSCodeで図形を書くための拡張機能としてDraw.ioの記事を書きました。 【VSCode】Visual Studio CodeでDraw.ioを使う - ソースに絡まるエスカルゴ このDraw.ioでもシーケンス図やクラス図など書けなくはないですが、基本的には自分で図形を書いていく形になります。 この他にドキュメントを書くような形で図形を書くことができるPlantUMLというのがあります。 今回はそのPlantUMLをVSCodeで使うための手順の備忘録となります。 基本的には参考資料に挙げているページ様の内容の通りなので、詳しくはそちらを参照してください。 では、始めます。 １：…
泥団子を捏ねながら作りたい時にはローカルサーバが便利です。 実際のところ 大正義dockerコンテナ $ docker run -d -p 8080:8080 plantuml/plantuml-server:jetty PowerShellでついでにブラウザも開きたい 先ほどの例だと毎回自分でURLを叩かないといけないので、ついでにブラウザが立ち上がるようにします。 Start-Processは引数で与えたURLを規定のブラウザで開いてくれるスグレモノです。 $ docker run -d -p 8080:8080 plantuml/plantuml-server:jetty && Star…
shuzo-kino.hateblo.jp の続き的内容ドキュメント生成ができるなら図表だってバージョン管理したくなるというもの。 大分まえから取り上げていて、Gitlabのmarkdownでも使えるplantUMLを使えるように 実際のところ たたき台のDocker環境を用意 作業用のDocker環境をpandocの公式イメージから生成します 後々作業するため、WindowsのDocumentディレクトリをボリューム領域としてリンクさせておきます $ docker.exe run -it --volume "C:\Users\user\Documents:/data" --name ourD…
久しぶりのtblsの新機能紹介エントリです。 ドキュメントのER図出力にMermaidを指定できるようになりました ER図の出力フォーマットにMermaidを指定できるようになりました。次のように er.format: セクションか --er-format オプションに mermaid を指定することで変更できます。 er: format: mermaid 開発裏話 GitHubがMermaid対応したことで「tblsもMermaid対応してほしい」という要望や提案は以前より多く受け取っていました。 しかし、個人的にあまりメリットを見出せずそのままPull Request待ちとなっていたのです…
plantUML等々、まだまだJava環境をつかうツールは存在しています 実際のところ そこそこ時間がかかります $ choco install javaruntime Chocolatey v1.2.0 Installing the following packages: javaruntime By installing, you accept licenses for the packages. …… javaruntime v8.0.231 [Approved] javaruntime package files install completed. Performing other …
PlantUMLを使うとJSONやYamlを構造化して可視化できるという知見を得たので、試してみました。 事前準備 PlantUMLが使えること。VSCodeのPlantUML Extentionでもできます。私はJoplinで試してみました。 jsonを構造化してみる ということで適当なjsonを引っ張って構造化してみました。 @startjson { "year" : 2013, "title" : "Turn It Down, Or Else!", "info" : { "directors" : [ "Alice Smith", "Bob Jones" ], "release_date…
2022年は資格取得やイベント参加等はしておらず特別な事をした一年ではありませんでしたが、今年はアウトプットすることを意識した一年でした。前からQiitaの方では投稿していましたが、今年からブログも始めてこちらでも記事を投稿するようになりまた。(ブログは登録してから1年経過していませんが) 現時点ではQiitaとブログで明確な区別があるわけではありませんが、どちらも基本的には技術系の興味、関心の記事が中心ですが、備忘録系はブログに書いていました。 調べる時はメモ帳やmarkdownで書いて保存することが多かったので、内容によっては記事として書くことも意味はあると思っていますし、ブログの方が適し…
はじめに この記事は Akerun Advent Calendar 2022 - Qiita の18日目の記事です。 設計書に最適なドローツールは何なのかベストプラクティスを探す 終わらない旅です。 ドキュメントとしての管理・公開スキーム シームレスなドキュメント作成と図の編集 バージョン・変更管理 にフォーカスしたベスプラを今年も探してきました。 結論だけ知りたい人むけ Markdown + Honkit + plantuml + VSCode + draw.ioプラグイン が結果最高でした 🎉 Honkitについて 以前、gitbookで設計書を書くお話をブログにしましたが、OSSとしての…
こんにちは、インフラ部の id:sue445 です。 前回に引き続きGitLabのGCP移行について紹介します。 前編の記事はこちらになります inside.pixiv.blog 今回の目次 今回の目次 やったこと2: 実際にGCPに構築した GitLab構築に関係するリポジトリの構成 gcp-gitlab-terraform gcp-gitlab-playbook gcp-gitlab-helm 備考 全体の構成図 webservice (GitLab本体) GitLab CI 3rd party製のDockerイメージから公式のDockerイメージに移行した Docker Swarmは継続…
future-architect.github.io
real-world-plantuml.com
future-architect.github.io
zenn.dev
qiita.com
dev.classmethod.jp
qiita.com
dev.classmethod.jp
qiita.com
