ライブ配信の機材構成図作りに便利な「Draw.io」の紹介｜松井 隆幸@ライブ配信が好きな人
先日、ライブ配信の機材構成図作りに「Draw.io（diagrams.net）」を使ってみました。 これまではPowerPointを使って書いていたのですが、とても使いやすかったです。しかも無料で全機能が使えるのもありがたいですね。 今回はそんなDraw.ioを紹介したいと思います。 この記事は2021/1/6に定期購読マガジンで公開した記事を再編集したものです。多くの方にご覧いただいているため、無償公開することとなりました。最新の内容と異なる場合がありますのでご了承ください。 これまでの書き方今までの構成図はPowerPointを使って作成していました。図形の配置などは簡単ではありますが、あまり効率的ではない印象がありました。やはりプレゼンテーションソフトですからね。 例えばこのようなイメージ自動的に位置調整などもしてくれますが、やはり綺麗に整うには二手間必要な印象があります。線の描画も
VSCodeで始めるPlantUML生活 - GMOインターネットグループ グループ研究開発本部
こんにちは。次世代システム研究室のS.Iです。 今回は、最近Visual Studio CodeとPlantUMLを使用して設計によく利用しているので、メリットや私がよく利用している便利な機能やコマンドについて紹介したいと思います。 利用するツール macOS 10 Visual Studio Code 1.45 Visual Studio Code Plugin PlantUML 2.13 UML作図ツールの課題 これまで、excelやvisio、astah、cacooなどで設計してきましたが、一番困るのが設計した後の変更です。仕様の変更などで別の担当者が修正を行う際、どのツールも変更が困難だったり画像で共有されたものは変更が出来ないような状況になってしまいます。 これまでの課題 修正した時に差分がわかりにくい レビュー時にフィードバックしづらい ツールに依存するため編集が困難 バージョ
PlantUMLのレイアウトのコツと指定方法についてのまとめ
PlantUMLで図を描いていて、こんな感じの図になってしまいテンションが下がってしまうことがあるのではないでしょうか。 このような残念な図にならないためのコツを書いてみようと思います。 クラス図を例に説明しますが、ユースケース図も基本的に同じです。 -- と - を使い分ける 図で表現したい領域において、関連性の高いものは - で結び、高くないもの（以降「普通の関連」と表記します）は -- で結ぶ。 同じアルファベットで始まる要素が関連性の高い要素で、A1, B1, C1を普通の関連 -- で結んだ例:
PlantUML使い方メモ - Qiita
長くなるので、図の書き方はクラス図とシーケンス図だけで。 その他の図については 続・PlantUML使い方メモ #PlantUML - Qiita を参照。 PlantUML とは テキストで UML 図を記述できる DSL の一種（たぶん） 本体は Java で書かれていて、単一の jar ファイルを落としてきてコマンドラインから実行できる plantuml/plantuml: Generate UML diagram from textual description ただし、実際に使うときは Visual Studio Code とかのプラグインを入れて実行することが多いと思う ライセンスは GPL v3 plantuml/license.txt at master · plantuml/plantuml 環境構築 OS は Windows10。 Java > java --versi
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/ ⇒ リファレンスマニュアルを日本語訳してくれているサイトです。
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も入
Open-source tool that uses simple textual descriptions to draw beautiful UML diagrams.
🌱 PlantUML at a Glance 🚀 Getting Started PlantUML is a highly versatile tool that facilitates the rapid and straightforward creation of a wide array of diagrams. Utilizing a simple and intuitive language, users can effortlessly draft various types of diagrams. For a detailed exploration of the language's capabilities and syntax, please refer to the PlantUML Language Reference Guide. If you are n
Diagramly - Draw Diagrams Online
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files . Loading... Please ensure JavaScript is enabled.
構成図を書くのに便利なWebサービス4選 | いくらは神の食べ物
本日はシステム構成図・ネットワーク構成図を書くのに便利なWebサービスを紹介します。 VisioやPowerPoint、Excelなおで構成図を書くのもいいですが、Webサービスでテンプレートからサクッと作成して時間短縮を図りましょう！ AWS、Azure、GCPなどのパブリッククラウドサービスはもちろん、VMwareやVeeam、Citrixなどの構成図も簡単にかけますよ！ Draw.io 王道のドローイングサービスです。 AWS・Azure・GCPに加えて、テンプレートではネットワーク図、ラック図、フローチャートなど様々な図をテンプレートから作成することが出来ます。 図形も多くの種類があって、VMwareやCitrix、Allied Telesis、Cumulusなどあります。 アカウント登録不要、xmlで作成した構成図を出力できるのも使い勝手がいいですね。 Cloudcraft AW
立体的な表現で見やすいネットワーク図がブラウザ上で作成できる「Isoflow」
ネットワークの構成を視覚的に把握しやすいアイソメトリック図で表現でき、作成した図面を共有して相手に見せることができるオンラインサービスが「Isoflow」です。 Isoflow https://isoflow.io/ まずはお試しですぐに図面の作成画面に行くことができます。「CREATE A DIAGRAM」をクリック。 表示されたキャンバス上の好きな位置のマス目をクリックするとノード部品が設置されます。 ノードが設置されると左側にダイアログが出現するので、Label入力欄で名前を付けます。ノードのアイコンを変更するため「Node icon」をクリック。 アイコン一覧が表示されるので目的のアイコンの絵をクリックして変更します。 さらにノードを増やした後、ノードアイコンをクリック。 ノードのサブメニューが表示されるので「Connect」をクリック。 ノードを接続するためのポインタをマウスで動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mermaid | Diagramming and charting tool
PlantUML Cheat Sheet - Qiita
Cacoo（カクー）｜かんたんにキレイに図が描けるオンライン作図ツール