PlantUMLで描いた図をGitHubのリポジトリでいい感じに管理したい - くりにっき
tl;dr; モチベーション 実際の例 pumlファイルを作成 pumlファイルからsvgファイルを作成 リポジトリにはsvgファイルを埋め込む メリット 余談 2022/04/13追記 tl;dr; pumlファイル*1を作成 pumlファイルからsvgファイルを作成 リポジトリにはsvgファイルを埋め込む モチベーション GitHubでMermaidがサポートされましたが *2、Mermaidで描けないタイプの図があってたまにPlantUMLを使いたくなるので備忘。 ちなみにGitLabやesaやQiita辺りはPlantUMLをサポートしてるのでこの手のハックはしなくていいです。 実際の例 実際の例を見てもらった方がいいと思うので自分のリポジトリを見せます。 他にもうまいやり方は色々やり方はありそうだけど思いついてないです。 pumlファイルを作成 https://github.co
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 しかしながら テキストをファイルとして残しながら作業したい場合はやはりローカ
会議を爆速にする、Visual Studio Code 超便利スニペット集 - Qiita
以前の投稿でVisual Studio CodeとMarkdown Preview Enhanced環境を組み合わせの便利さを紹介しました。 議事メモを作成にマークダウンを使うと、議論が構造化されて表示されるので、非常にわかりやすくなりますね。みなさんもお使いかと思います。本稿では、そこに、更にVisual Studio Codeにマークダウン用のスニペットを登録しておくことを提案します。 出席者の議論をフォーカスさせる図や表がスムーズに呼び出せますので、効率的な会議を行うことができます。そんな爆速会議に便利なスニペットをいくつか紹介します。 以下ではVisual Studio CodeエディタとMarkdown Preview Enhancedプラグインが前提となっております。環境構築には以前の投稿をご参照ください。 1.会議を一気に立ち上げる：議事録スニペット まずは議事録のテンプレー
PlantUMLを記述する専用エディタ·PlantUML Editor MOONGIFT
PlantUML EditorはWindows用のオープンソース・ソフトウェア。PlantUMLは先の記事の通り、テキストベースでUMLを記述し、画像に変換できるソフトウェアだ。テキストで書けるのは大きなメリットではあるが、慣れるまでは何らかのエディタが欲しいかも知れない。 PlantUML用のエディタ 慣れてしまえば問題ないかも知れないが、記法を覚える際はもちろん、テキストよりもビジュアル的にUMLを定義したいと考える人はPlantUML Editorを使ってみよう。Windows専用ではあるがPlantUMLによる記述をサポートしてくれる。 PlantUML Editorは左側に図の一覧が並び、右上にテキストによる記述内容、右下に実際に生成されたUML図が表示される。画像はGraphVizを使って生成するので別途インストールと環境変数の設定が必要だ。画像は自動更新が可能で、指定時間が経
PlantUML の使い方 | プログラマーズ雑記帳
テキストから UML を生成する PlantUML についての解説記事を書いてみました。 PlantUML の使い方 (今回) シーケンス図 クラス図 オブジェクト図 パッケージ図 ユースケース図 アクティビティ図 状態遷移(ステートマシン)図 コンポーネント図 配置図 skinparam PlantUML 実行用のバッチファイル 今回は PlantUML の使い方の説明です。 PlantUML とは インストール 日本語 コマンドライン Doxygen との連携 Doxygen 連携用スクリプト その他のツールとの連携 オンラインデモ PlantUML とは 最近、プログラムの設計書などで UML を使うのが浸透してきていますが、 この UML を書くのはわりと面倒です。 CASE ツール, Doxygen などでは、クラス図を自動生成してくれますが、 ユースケース図やシーケンス図は自分
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Real World PlantUML