はてなブログのエントリにPlantUMLを埋め込む方法 - Islands in the byte stream
PlantUML、便利ですよね。はてなブログでも使いたいですよね。ということでやってみました。 まずエントリの最後にこのスニペットを置きます: <script> var a = Array.from(document.querySelectorAll("pre.code")); a.forEach(function (pre) { if (pre.attributes['data-lang'].value) return; var xhr = new XMLHttpRequest(); xhr.open("POST", "https://plantuml-service.herokuapp.com/svg"); xhr.onload = function () { if (xhr.status === 200 && pre instanceof HTMLPreElement) { pre.
Database to PlantUML - データベースの内容からER図を生成
システム開発時にER図を作ることはよくあります。しかし図を作ったとしても、それがデータベースに反映できなかったら絵に描いた餅でしかありません。できれば同期されて欲しいと考えるはずです。 今回紹介するDatabase to PlantUMLは現状のデータベース構造を読み取って、PlantUML形式にしてくれるソフトウェアです。 Database to PlantUMLの使い方 例えばMySQLの場合、次のような画像で出力できます。 テキスト形式で出力した後、plantuml.jarを使って各種形式に変換するようです。対応形式としてはPNGの他、SVG/EPS/PDF/VDX/XMI/HTML/TXT/YTXT/LaTeXとなっています。 Database to PlantUMLはPHP製のオープンソース・ソフトウェア（BSD）です。 Hywan/Database-to-PlantUML: C
PlantUML Editor - WebベースのUMLエディタ/ビューワー MOONGIFT
個人的にはUMLは嫌いではありません。問題はビジュアルエディタと、UMLを非開発者層にまで理解させようとしたことにあります。開発者が開発者のためだけに用いるならばシステムの可視化は大きな意味があります。 そんなUMLをテキストで作成し、さらに表示の確認までできるのがPlantUML Editorです。 PlantUML Editorの使い方 デモです。左側がエディタ、右側にPlantUMLが表示されます。 画像として残しておくことができます（一番左側の画像です）。 日本語も使えます（SVG、Canvasともに）。 上の画像はCanvas、下はSVGです。SVGのがはっきりとしています。 さらにアクターを追加しました。 PlantUML Editorはテキストで書くだけで、後の表示は自動的にうまく行ってくれます。デザインを考えず、システムの可視化だけ考えれば良いのはとても楽です。テキストなら
Pegmatite - PlantUMLを画像化するGoogle Chrome機能拡張
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました かつて信望者が多く、そして使われなくなってしまったUMLですが、個人的には技術的には悪くないと感じています。問題はシステム開発と密接に（スケルトンコード出力など）しすぎたことでしょう。 システムを可視化したり、図化するのは良いことです。そこで使ってみたいのがPegmatite、PlantUMLをドローしてくれるChrome機能拡張です。 Pegmatiteの使い方 サンプルのテキストです。こうしたテキストがあったとします。 そうすると自動的にUMLにしてくれます。 同様にこうしたテキストがあったとします。 こんなシーケンス図に自動展開されます。 Pegmatiteを使えばテキストでUMLとしての記述を行うPlantUMLを簡単にWebブラウザ上で確認できるようになります。専用ツール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - qjebbs/vscode-plantuml: Rich PlantUML support for Visual Studio Code.
