UMLなんて…と言わずに試してほしい。JavaScriptで描画する·jsUML2 MOONGIFT
jsUML2はJavaScript、Canvasタグを使ってUMLを描画するソフトウェアです。 2000年くらいの登場以降、一気に花開くかと思ったUMLですが、エンタープライズの開発くらいでしか聞かれなくなってしまいました。設計段階で全てを表すのはなかなか難しいですが、多数の人たちが開発に関わるならば現状システムをUMLで表してみたりするのは面白いかも知れません。そんなUMLをWebブラウザ上に描けるのがjsUML2です. jsUML2のデモです。実際にオブジェクトを自分で描けるようになっています。こちらはユースケース図。左側のオブジェクトをクリックして選択し、キャンバスの任意の場所をクリックして配置します。コネクションの場合は二つのオブジェクトをクリックすると自動的にラインが描画されます。 クラス図です。 メソッド、プロパティの追加も簡単です。 コンポーネント図です。 シーケンス図です。
JavaScriptを使ってCanvasタグにUMLを描画·UmlCanvas MOONGIFT
UmlCanvasはCanvasタグを使ってUMLモデルを描画するJavaScriptライブラリ。 UmlCanvasはHTML5/JavaScript製のオープンソース・ソフトウェア。2000年頃にもてはやされたUML。オフショア開発やエンタープライズでの開発では今も使われていると思うが、小規模なプロジェクトまではなかなか普及しなかった。 リレーション 作成するのに専用のツールが必要であったり、システム開発の変更が多くてせっかく作成しても修正が多かったといった問題もあった。だが専用のツールを用いず、誰でも手軽に見られるならばまだ使われる場面はあるのではないだろうか。それをかいま見せるのがUmlCanvasだ。 UmlCanvasはその名の通りUMLをCanvas上に描画するソフトウェアだ。使えるのは主にクラス図で、状態遷移図にも対応している。クラスを定義していけば線は自動的に引かれるが、
家系図、ER図、UML。JavaScriptでダイナミックに図を描く·Joint MOONGIFT
JointはUMLや家系図、ER図などをダイナミックに描くJavaScriptライブラリ。 JointはJavaScript製のオープンソース・ソフトウェア。Webでは簡単に表現できることから、テキストベースでのコンテンツが多い。だがテキストに溢れたWebサイトというのは見ていて疲れてしまうものだ。グラフがあるとインパクトも大きい。 家系図 だがデータベース等にあるデータをWeb上で表現するのは大変で、サーバ側での何らかのライブラリが必要になるケースが多い。そこで使ってみたいのがJointだ。 JointはJavaScriptで図を描くライブラリで、多彩な種類に対応している。例えば家系図、ER図、各種UML、DEVS、ペトリネットなどだ。さらにオブジェクト同士の接続方法も多様に用意されており、直線や曲線など多彩にある。接続を指し示すときの矢印すら数多い。 マウスで動かせる さらに面白いのは
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
ActivityのライフサイクルをUMLのステートマシン図で描いてみた - むらかみの雑記帳
Android Dev Guide にある Activity Lifecycle に、Activity のライフサイクルの図があるのだけど、なんだか妙にわかりにくい。遷移時にどのようなイベントが発生するのかは書いてあるんだけど、肝心の状態が書かれていないからだ。 そんなわけで、UMLのステートマシン図を描いてみたよ。 これでだいぶ分かりやすくなった。一応解説。 まず、基本的な状態は３つある。 Active/Running : Activity が可視、フォアグランドにある状態。 Paused : Activity は可視だけど、フォアグランドではない状態。他の Activity が上に重なっていて、一部がみえている状態。 Stopped : 不可視な状態。他の Activity が上に完全にかぶっていて見えない状態。 また、LifeTimeという用語もあって、これは以下のようになっている。
JavaではじめるUML ( 第 2 回 ) | オブジェクトの広場
前回から始まった本連載、今回からいよいよ Java のソースコードと対比しながら、 UML の各ダイアグラムについて解説していきたいと思います。今回は、 UML の中でも最も使用される「クラス図」と「パッケージ図」についてとりあげます。「クラス図」と｢パッケージ図」はシステムの論理的な ( 静的な ) 構造を表すダイアグラムです。 本記事で使用しているソースコード(スケジューラ)の完全版がダウンロードできます。ご活用ください。 scheduler-20020628.zip 1. ケース・スタディのおさらい まず最初に、前回提示したケース・スタディを簡単におさらいしておきたいと思います。 ある中堅ソフトウェア会社に勤める Chen 君は、リーダーの Jun 先輩から、チームで使用しているスケジューラのドキュメント作成と機能追加を依頼されました。これは、転勤してしまった Mika さんが、以前
PlantUMLを記述する専用エディタ·PlantUML Editor MOONGIFT
PlantUML EditorはWindows用のオープンソース・ソフトウェア。PlantUMLは先の記事の通り、テキストベースでUMLを記述し、画像に変換できるソフトウェアだ。テキストで書けるのは大きなメリットではあるが、慣れるまでは何らかのエディタが欲しいかも知れない。 PlantUML用のエディタ 慣れてしまえば問題ないかも知れないが、記法を覚える際はもちろん、テキストよりもビジュアル的にUMLを定義したいと考える人はPlantUML Editorを使ってみよう。Windows専用ではあるがPlantUMLによる記述をサポートしてくれる。 PlantUML Editorは左側に図の一覧が並び、右上にテキストによる記述内容、右下に実際に生成されたUML図が表示される。画像はGraphVizを使って生成するので別途インストールと環境変数の設定が必要だ。画像は自動更新が可能で、指定時間が経
テキストで記述して図に出力するUML記法·PlantUML MOONGIFT
PlantUMLはJava製のオープンソース・ソフトウェア。UMLを作図するツールは幾つか存在するが、最大の難点だと思っているのがテキストベースでの記述ができないことだ。UMIと呼ばれるXMLベースの記述形式もあるが、普及している気はしない。都度重たいビジュアルエディタを立ち上げて編集するなんてのは面倒だ。 Wordに埋め込みのUML図 またドキュメントを作成するツールと、UMLを作成するツールが分かれてしまっているのも問題だ。そのためドキュメントの内容と図がずれていても気付きづらい。そんな問題を解決してくれるかも知れないのがPlantUMLだ。 PlantUMLはJava製のオープンソース・ソフトウェアで、テキストベースのUML記述を画像にコンパイルしてくれるソフトウェアだ。ユースケース、シーケンス、クラス、アクティビティ、コンポーネント、ステータス図に対応しているので十分だろう。 日本
Class Diagram syntax and features
Class Diagram Class diagrams are designed using a syntax that mirrors those traditionally employed in programming languages. This resemblance fosters a familiar environment for developers, thereby facilitating an easier and more intuitive diagram creation process. This design approach is not only succinct but also enables the creation of representations that are both concise and expressive. Moreov
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.rarestyle.net/main/uml/class/uml_class.aspx