ER図の自動生成について、dbdiagram.io, DBeaver, A5M2 を比較してみる。 - Qiita
はじめに データベース設計のER図について、自動で生成する以下３つのツールを比較した記事です。 dbdiagram.io DBeaver A5:SQL Mk-2（A5M2） 先日、こちらの記事をQiitaに投稿したところ、多くの方に記事を見ていただき、コメントも多数いただきました。 ER図に関するお勧めのツールをコメントいただく方が多くいらっしゃいました。 今回はその中から、無料でも利用できる3つのツールの「ER図の自動生成」の機能を試します。 比較の結論としては、〇〇が一番良いという感想ではなく、どのツールも多機能で、できることは違うので、今後使うときは用途や業務の環境によって使い分けていけたらと思っています。 目次 それぞれのツールについて、下記の内容を書いていきます。 1. dbdiagram.io 1-1. 始める 1-2. 使う 1-3. 感想 2. DBeaver 2-1. 始
もう辛くない！テキストで書くUML クラス図編 - Qiita
はじめに PlantUMLを使用し、クラス図を描く方法をまとめます。 ※PlantUMLを使える環境が整っている前提で進めます。 定義
GitHub - mermaid-js/mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Mermaid is a JavaScript-based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development. Doc-Rot is a Catch-22 that Mermaid helps to solve. Diagramming and documentation costs precious developer time and gets outdated quickly. But not having diagrams
簡単にガントチャートとかクラス図とか書けるやつ - Qiita
mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること 以下の図が描ける。 ・フローチャート ・シーケンス図 ・ガントチャート ・クラス図 ・gitグラフ 最後だけ異質だ。 インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre
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
UML 2 クラス図の概要
by Scott W. Ambler, Copyright 2003 UMLのクラス図(Object Management Group 2003)は、オブジェクト指向分析・設計の大黒柱です。UML2クラス図では、システムのクラスと、その相互関係(継承、集約、関連を含む)、クラスの操作と属性を表します。クラス図は、概念/ドメインモデリングや詳細設計モデリングなど、さまざまな目的に使います。私自身はクラス図をホワイトボードに書くのが好きなのですが(簡単な道具の方がいろいろな使い方ができるので)、このページのほとんどの図は、正確な表記法が分かりやすいように、作図用のソフトウェアを使って書いてあります。 この成果物説明では以下の内容について議論します。 概念クラス図 設計クラス図 UMLクラス図の作成方法 推奨文献 1. 概念クラス図 図1に示すのは、大学システムにおける簡単な概念モデルのUMLク
画面遷移図の作成方法ついてのまとめ - Qiita
はじめに この記事は、アプリケーション開発におけるUI設計の、画面遷移図について個人的に考察したものです。画面遷移図を作る上で、現状どのような選択肢があるかをまとめています。正直調べ足りないところも多々ありますので、内容が偏っていたり間違ってる可能性があります。参考にする場合はご注意ください。 画面遷移図の役割 画面遷移図とは、画面とその移り変わりを図にしたものです。画面同士を矢印などでつなぎ、矢印の方向に画面が遷移することを表したりします。 最近はUI設計の成果物として、実際に画面遷移の操作をできるモックアップの開発も盛んになっています。しかし、それはそれで良いものですが、画面とその相互関係を一覧できる画面遷移図は、また別な価値のある資料です。画面遷移図を作ること、そして作り方を検討して改善していくことは、アプリケーションの設計において重要ではないかと思います。 画面遷移図の種類 画面遷
UML アクティビティ図: ガイドライン
In Visual Studio, you can draw an activity diagram to describe a business process or a software algorithm as a flow of work through a series of actions. People, software components, or devices can perform these actions. For a video demonstration, see: Capture Business Workflows by using Activity Diagrams. To see which versions of Visual Studio support this feature, see Version support for architec
JUMLY, Advanced modern rendering engine for UML diagram with JavaScript/HTML5/CSS
@found "You", -> @message "Think", -> @message "Write your idea", "JUMLY", -> @create "Diagram" Getting StartedLet's say you already have a document. In case you put a sequence diagram into it, put next four lines in your <head>. <script src='//code.jquery.com/jquery-2.1.3.min.js'></script> <script src='//coffeescript.org/extras/coffee-script.js'></script> <script src='//jumly.tmtk.net/public/juml
第5回 少しだけ高度なモデリング技術（その2）クラスの依存関係と実現関係
今回も「第4回 少しだけ高度なモデリング技術（その1）」に引き続き、高度なモデリングの考え方についてクラス図を取り上げて説明していきます。今回取り上げるのはクラスの依存関係と実現関係です。 依存関係（dependency）とは 2つのクラスの間に、なんらかの関係があり、その2つのクラス間の依存度合いが非常に弱い場合（疎結合）は、関連よりも依存関係を使うとよいでしょう。依存関係の具体的な例を図1に示します。この例は、会社には複数の部門があり、各部門には複数の社員がいるという、前回紹介したモデルに、会社が社員を雇って部門に登録するという操作と、その操作を実現するための関連を追加したものです。 図1は会社から出ている関連の線が2種類あるので意味的に分かりにくくなってしまいました。この対策を講じたモデルを作成してみましょう（図2と図3）。図2は、集約と関連名にて関連の意味を深める方法です。もう一方
クラス図(Class Diagram) - UML入門 - IT専科
クラス図（Class Diagram） クラス図はUMLの基本となる図のひとつで、システムを構成するクラスとそれらの関係を表現します。また、各クラスが保持する属性（プロパティ）や操作（メソッド）も表現します。 クラスの表現 クラス図は次の要素で構成されます。 ■クラス名称 クラス名を記述します。抽象クラスの場合はイタリックで記述します。 パッケージ：クラス名 ※パッケージは省略可能 また、クラス種別(ステレオタイプ)を表示するには、<<ステレオタイプ>>の形式でクラス名の上部に記述します。 例 : <<interface>> ■属性 属性は次の形式で記述します。 可視性 名前 : 型 = 初期値 { 制約条件 } ※名前以外は省略可能
シーケンス図(Sequence Diagram) - UML入門 - IT専科
シーケンス図（Sequence Diagram） シーケンス図とは、クラスやオブジェクト間のやりとりを時間軸に沿って表現する図です。機能ごとに相互作用（Interaction）と呼ばれる下記のようなフレーム内に処理内容を記述します。 記述例 下の図は、在庫管理システムの一機能を表したものです。 【要件定義】 店員は在庫管理画面から在庫一覧を確認できる。 この機能は、「店員オブジェクト」、「管理画面オブジェクト」、「倉庫オブジェクト」、「商品オブジェクト」から構成されている。 メッセージと呼ばれる矢印で各オブジェクト間の応答を表し、縦軸（上から下）を時系列として応答の順序を表現しています。 これにより、ある機能（例では在庫一覧）を実現する各オブジェクトが時間に沿ってどのように相互作用しているかがわかります。 ▲PageTop 構成要素 シーケンス図は次の要素で構成されます。 構成要素一覧
UML 2 シーケンス図の概要
by Scott W. Ambler, Copyright 2003 UMLシーケンス図を使うことで、システム内のロジックの流れを視覚的に表現し、ロジックを文書化して検証できます。この図は一般的に、分析にも設計にも使われます。システム内の振る舞いを明らかにするための動的モデリングを行うときには、UMLの成果物の中でもシーケンス図をもっともよく使用します。動的モデリングの技法にはこの他に、アクティビティ図、コミュニケーション図、タイミング図、相互作用概観図などがあります。私の意見ですが、最新のビジネスアプリケーション開発を行うときにもっとも重要になる設計レベルのモデルは、このシーケンス図と、クラス図、物理データモデルです。 通常、シーケンス図は以下のものをモデリングするために使います。 利用シナリオ：利用シナリオとは、考えられるシステムの使い方を記述したものです。利用シナリオのロジックは、ユ
UML - 相互作用図(シーケンス図 / コラボレーション図)
■ページ目次 相互作用図 相互作用図の位置づけ メッセージの種類 シーケンス図 表記法 自己委譲 制御 分岐 繰返し スクリプト メッセージと操作 コラボレーション図 表記法 シーケンス図とコラボレーション図 例題 実習 Top ■相互作用図 相互作用図は、オブジェクト間の通信手段であるメッセージに焦点をあてて図式化したものです。 相互作用図の特徴です。 動的な図です 対象はクラスではなくオブジェクトです オブジェクトの責務を明確にします システムの動作の概要を把握します UML では相互作用図として「シーケンス図」と「コラボレーション図」の 2 つの図が提供されています。それぞれの図はおなじ情報を基にしながらも異なる視点で図式化を行ないます。 つぎのコラボレーション図とシーケンス図はおなじユースケースをもとに作成しています。 図 「試験結果を記入する」のコラボレーション図 図 「試験結果
PlantUML の使い方 | プログラマーズ雑記帳
テキストから UML を生成する PlantUML についての解説記事を書いてみました。 PlantUML の使い方 (今回) シーケンス図 クラス図 オブジェクト図 パッケージ図 ユースケース図 アクティビティ図 状態遷移(ステートマシン)図 コンポーネント図 配置図 skinparam PlantUML 実行用のバッチファイル 今回は PlantUML の使い方の説明です。 PlantUML とは インストール 日本語 コマンドライン Doxygen との連携 Doxygen 連携用スクリプト その他のツールとの連携 オンラインデモ PlantUML とは 最近、プログラムの設計書などで UML を使うのが浸透してきていますが、 この UML を書くのはわりと面倒です。 CASE ツール, Doxygen などでは、クラス図を自動生成してくれますが、 ユースケース図やシーケンス図は自分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Database Diagramming and Modeling in UML - EETimes
Database Design - Introduction
UML アクティビティ図: ガイドライン
UML Quick Reference Card Copyright © 2001 Laurent Grégoire Time keepingon off / Reset Time editing Hour editing Minute editing mode set [timeOk] set / setTime( ) Final state Initial state State watchdog / check( ) Internal transition Nested state Trans
plantuml