GitHub - google/typograms
Typograms (short for typographic diagrams) is a lightweight image format (text/typogram) useful for defining simple diagrams in technical documentation, originally developed here. See it in action here: https://google.github.io/typograms/ Like markdown, typograms is heavily inspired by pre-existing conventions found in ASCII diagrams. A small set of primitives and rules to connect them is defined,
Diagram as Code
Diagram as Code6 different ways to turn code into beautiful architecture diagrams
PlantUML対応、記事のコピー機能を追加しました - 生産性を向上させる情報共有ツール - キータチーム（Qiita Team）
キータチームでUMLを書くことができる機能が加わりました。 PlantUMLを使うと、テキストベースで以下のようなUML図を作成できます。 ユースケース図 クラス図 構文についてはPlantUML概要をご参照ください。 記事をコピーする機能 キータチームに以下の機能が加わりました。 自分の最新の投稿をコピーする チームの最新の投稿をコピーする この機能を使えば、投稿した記事の参照が以前より素早く簡単にできるようになります。 投稿のコピーは投稿するボタンから、選択していただくとコピーができるようになっています。 この機能を活用して記事作成時間を短くし、業務効率をアップさせてください。
Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita
概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢
20+ JavaScript libraries to draw your own diagrams (2024 edition)
20+ JavaScript libraries to draw your own diagrams (2024 edition) by Jordi Cabot | Jan 10, 2024 | tools, cloud & web engineering, Model-driven Engineering | 53 comments You can draw and model anything in your browser with JavaScript. Indeed, there is a vast array of user-friendly online modeling tools available to create UML (or ER, BPMN, …) diagrams right in the browser. But what if you want to c
作図系ツール・ライブラリまとめ
diag.md シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinなどと連携可能 ブロック図、クラス図、ネットワーク図など PNG, SVGなど 出力可能形式一覧 JavaScript（Emscripten）版もある。リアルタイムプレビュー出来て便利 https://github.com/mdaines/viz.js PlantUML Java製 シーケンス図, ユースケース図, クラス図, アクティビティ図, コンポーネント図, ステート図, デプロイ図, オブジェクト図などめっちゃたくさん作れる PNG, SVG, LaTeX, ASCII出力 なんとワイヤーフレームも作れる。アイコンとかも入れられる。 オ
ブロック図生成ツール blockdiag — blockdiag 1.0 ドキュメント
ブロック図生成ツール blockdiag¶ blockdiag シリーズはシンプルなテキストからブロック図などの画像を生成する画像生成ツール群です。 blockdiag を用いると以下のような図が簡単に生成できます。 blockdiag の主な機能: 数種類の図に対応 ブロック図 (blockdiag コマンド) シーケンス図 (seqdiag コマンド) アクティビティ図 (actdiag コマンド) 論理ネットワーク図 (nwdiag コマンド) テキストベースの定義ファイルから画像ファイルを生成 (graphviz 風の文法を採用) 定義にあわせて図の配置を自動的に決定 (自動レイアウト) Sphinx, Trac, Redmine, 各種 Wiki エンジン等、多様なシステムへの画像埋め込みに対応 Enjoy documentation with blockdiag !
Markdownテキストでシーケンス図とフローチャートを描く - Qiita diagram sequence
つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時の感動が結構はんぱない。技術系の資料作成でこんな良い体験ができたのは初めてかもしれんな…(笑) ──と、結構感動的な体験ができるMarkdownでのUML図表作成なんだが、せっかくなのでそれの書き方を含めてもう少し突っ込んだTIPSとしてまとめておこうかと思った次第。 Markdown+UML とは？ とりあえず、「Markdown+UML」というのは私の造語だ。まぁ、正確に言うなら「UML di
Forever For Now - UML Diagrams Using Graphviz Dot
Introduction Background This article is about using the dot tool from the Graphviz package to automatically generate UML diagrams on the fly. We'll take a look at modelling packages, classes, attributes, methods and associations which already covers a fair subset of the class diagrams in UML. Of course, the information given in this article is only of limited use in situations where you are manual
Seo Website Promotion
French can be stuffy and uptight, yet when it comes to sexual encounters, they’re far from shy! From licking to riding fat cocks – French couples know precisely how to work hard for the pleasure of their partner! Their moans and sensual arousal will leave you drooling like never before. According to a recent survey, France is home to one of the world’s most sought-after sex activities: licking. No
astah* Users Community Site - Design & Communication Tool
当サイトは、UMLとastah*(旧JUDE)及びマインドマップに関する情報の共有によって、ユーザーとastah*が共に成長するための場であり、またUMLやマインドマップに関心を持つ全ての人々にとっての入り口となることを目指しています。 製品名称の変更に伴い、当サイトもastahへ名称を変更しました。2009年10月以前の書き込みには、JUDEに関する内容が含まれるため、最新の状況と異なるものがあります。ご了承ください。 当サイトにユーザー登録されると、次の機能を利用できます。 新規トピックまたは返信の投稿があった場合に通知する ユーザー同士でプライベートメッセージを送信 なお、ライセンスの登録や再送、各製品のダウンロード、製品サポートについては、ChangeVisionメンバーズサイトをご利用ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://googlecloudcheatsheet.withgoogle.com/architecture
GitHub - mermaid-js/mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
yWorks UML Doclet
http://knsv.github.io/mermaid/
VoxxedDays.com
Cacoo - Web上でフローチャートやUMLなど様々な図を作成
UML state machine - Wikipedia
More preview enhancements for Windows Azure AD Premium - Active Directory Blog - Site Home - TechNet Blogs