サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Markdownテキストでシーケンス図とフローチャートを描く - Qiita diagram sequence
つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時の感動が結構はんぱない。技術系の資料作成でこんな良い体験ができたのは初めてかもしれんな…(笑) ──と、結構感動的な体験ができるMarkdownでのUML図表作成なんだが、せっかくなのでそれの書き方を含めてもう少し突っ込んだTIPSとしてまとめておこうかと思った次第。 Markdown+UML とは？ とりあえず、「Markdown+UML」というのは私の造語だ。まぁ、正確に言うなら「UML di
UMLなんて…と言わずに試してほしい。JavaScriptで描画する·jsUML2 MOONGIFT
jsUML2はJavaScript、Canvasタグを使ってUMLを描画するソフトウェアです。 2000年くらいの登場以降、一気に花開くかと思ったUMLですが、エンタープライズの開発くらいでしか聞かれなくなってしまいました。設計段階で全てを表すのはなかなか難しいですが、多数の人たちが開発に関わるならば現状システムをUMLで表してみたりするのは面白いかも知れません。そんなUMLをWebブラウザ上に描けるのがjsUML2です. jsUML2のデモです。実際にオブジェクトを自分で描けるようになっています。こちらはユースケース図。左側のオブジェクトをクリックして選択し、キャンバスの任意の場所をクリックして配置します。コネクションの場合は二つのオブジェクトをクリックすると自動的にラインが描画されます。 クラス図です。 メソッド、プロパティの追加も簡単です。 コンポーネント図です。 シーケンス図です。
UMLを描こう – Vol.5 ICONIXロバストネス図
■■前回までのまとめ■■ 要件定義で役立つ図： ・ドメインモデル図（概念モデル図） →自然言語レベルのクラス図のこと。用語整理に用いる。 ・ユースケース図 →機能一覧。各ユースケースに対してユースケース記述がある。 詳細設計で役立つ図： ・クラス図 →クラスとそれらの間の関係を表す静的設計図。 ・シーケンス図 →オブジェクトの振る舞いを表す動的設計図。 さて、それではどうやって要件定義から詳細設計への長いギャップを埋めればよいのでしょうか？ 今回解説するロバストネス図は、まさにそのギャップを埋めるための図です。 ■■ロバストネス図を描こう■■ ロバストネス図とは、ユースケース記述を絵にした図で、以下の三兄弟アイコンを用います。 ・バウンダリ：画面 ・コントロール：システムが行う1つ1つの処理 ・エンティティ：ドメインモデルが実体化したもの では、『商品の詳細を表示する』ユースケースのロバス
UMLなんかが描けるJavaScript描画ライブラリ「Joint」:phpspot開発日誌
Joint - JavaScript diagramming library. UMLなんかが描けるJavaScript描画ライブラリ「Joint」。 UMLのステートチャート図やクラス図、組織図といった図形の他に様々な図形が描画できるライブラリです。 更に描画だけではなくドラッグ＆ドロップで移動できるインタラクティブな機能も存在 組織図 UMLのクラス図（ドラッグ＆ドロップしても矢印が吸着してます) UMLのステートチャート図 その他色々描画できます デモ一覧はこちら 関連エントリ HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」
UMLを描こう – Vol.3 ドメインモデル図
プロジェクトの初期段階において最も重要なのは、 システムが取り扱う「もの」の概念について、チーム内で共通認識を築くことです。 これを怠りなんとなく実装を進めてしまうと、後半になって、 Aさん「あれ？この言葉ってこういう意味じゃないの？」 Bさん「え？そうじゃないよ。もしかして認識ずれてた？・・・」 ↓ 認識ズレ発覚！といった状況が発生することでしょう。 そこで、プロジェクト開始時にドメインモデル図を描くことで、 主要な「もの」の概念についてチーム内で共通認識を固めることができます。 ドメインモデル図とは、ユーザの視点で見た、システムに登場する「もの」の概念（ドメインクラス）を集めた図です。プロジェクトの用語集をクラス図風に表現した図ということにもなります。ドメインモデル図は自然言語で構成するため、要件定義や仕様の把握に有効です。 ここでは、ICONIX Process（ユースケース駆動型の
ActivityのライフサイクルをUMLのステートマシン図で描いてみた - むらかみの雑記帳
Android Dev Guide にある Activity Lifecycle に、Activity のライフサイクルの図があるのだけど、なんだか妙にわかりにくい。遷移時にどのようなイベントが発生するのかは書いてあるんだけど、肝心の状態が書かれていないからだ。 そんなわけで、UMLのステートマシン図を描いてみたよ。 これでだいぶ分かりやすくなった。一応解説。 まず、基本的な状態は３つある。 Active/Running : Activity が可視、フォアグランドにある状態。 Paused : Activity は可視だけど、フォアグランドではない状態。他の Activity が上に重なっていて、一部がみえている状態。 Stopped : 不可視な状態。他の Activity が上に完全にかぶっていて見えない状態。 また、LifeTimeという用語もあって、これは以下のようになっている。
言語設計者たちが考えること - 書評 - Masterminds of Programming : 404 Blog Not Found
2010年09月21日18:00 カテゴリ書評/画評/品評Lightweight Languages 言語設計者たちが考えること - 書評 - Masterminds of Programming オライリー社の担当編集者赤池様より献本御礼。 言語設計者たちが考えること Mastermind of Programming Federico Biancuzzi / Shane Warden 伊藤真浩 / 頃末和義 / 佐藤嘉一 / 鈴木幸敏 / 村上雅章訳 [原著:Masterminds of Programming] ソフトウェアに関する人文系書籍としては、間違いなく最重要の一冊。今後これなしでソフトウェアに付いて語ることは慎まれるであろう。 このような重要な一冊に査読者としてお手伝いできたことは、光栄としかいいようがない。 本書「言語設計者たちが考えること」、原著"Masterminds
UMLを描こう – Vol.1 クラス図
こんにちは，浦本です。 今回はUML(Unified Modeling Language)について取り上げたいと思います。 UMLとは？ UMLとは，システムの設計を様々な切り口でモデル化し図示するためのグラフィカル言語です。 オブジェクト指向設計では，設計概念を表す何らかの設計図が必ず必要になります。 なぜならば，コードだけでは，コンポーネントの構成や，オブジェクトの相互作用を 分かりやすく表現できないからです。 特に，ある程度規模の大きなシステム開発においては，設計図が無い場合， 拡張性やメンテナンス性に乏しいクラスの山が作られがちです。 設計図が無いと，システムが要求を満たしていることを保証するユニットテストも行えません。 そこで，オブジェクト指向設計を，標準化された図として表現できるUMLが役に立つわけです。 最低限必要なのはクラス図とシーケンス図 UMLには10種類以上もの図があ
簡単に使えるフローチャート作成ソフトウェア·Diagram Designer MOONGIFT
Diagram DesignerはWindows用のフリーウェア。フローチャートやUML、地図などドロー系ソフトウェアの利用範囲は多い。それだけに誰でも使えると便利なのだが、フリーで使えるものは多くない。有料であればMS Visioが有名だろう。 高機能なドローソフトウェア だがあれだけの高価なソフトウェアを必要な人全員に購入するのはなかなか難しい。簡易的なドローで十分というのであればDiagram Designerを使ってみると良いだろう。ステンシルも数多い、フリーで使えるドローソフトウェアだ。 Diagram Designerはフローチャートが基本になっているようで、オブジェクトやラインが多数登録されている。フォントを変えれば日本語の表示にも対応している。さらにUML、Windowsのモックアップ、地図、電気図といったステンシルが登録されている。 画像出力に対応 使い方はステンシルから
テキストで記述して図に出力するUML記法·PlantUML MOONGIFT
PlantUMLはJava製のオープンソース・ソフトウェア。UMLを作図するツールは幾つか存在するが、最大の難点だと思っているのがテキストベースでの記述ができないことだ。UMIと呼ばれるXMLベースの記述形式もあるが、普及している気はしない。都度重たいビジュアルエディタを立ち上げて編集するなんてのは面倒だ。 Wordに埋め込みのUML図 またドキュメントを作成するツールと、UMLを作成するツールが分かれてしまっているのも問題だ。そのためドキュメントの内容と図がずれていても気付きづらい。そんな問題を解決してくれるかも知れないのがPlantUMLだ。 PlantUMLはJava製のオープンソース・ソフトウェアで、テキストベースのUML記述を画像にコンパイルしてくれるソフトウェアだ。ユースケース、シーケンス、クラス、アクティビティ、コンポーネント、ステータス図に対応しているので十分だろう。 日本
PlantUMLを記述する専用エディタ·PlantUML Editor MOONGIFT
PlantUML EditorはWindows用のオープンソース・ソフトウェア。PlantUMLは先の記事の通り、テキストベースでUMLを記述し、画像に変換できるソフトウェアだ。テキストで書けるのは大きなメリットではあるが、慣れるまでは何らかのエディタが欲しいかも知れない。 PlantUML用のエディタ 慣れてしまえば問題ないかも知れないが、記法を覚える際はもちろん、テキストよりもビジュアル的にUMLを定義したいと考える人はPlantUML Editorを使ってみよう。Windows専用ではあるがPlantUMLによる記述をサポートしてくれる。 PlantUML Editorは左側に図の一覧が並び、右上にテキストによる記述内容、右下に実際に生成されたUML図が表示される。画像はGraphVizを使って生成するので別途インストールと環境変数の設定が必要だ。画像は自動更新が可能で、指定時間が経
Graphviz チュートリアル
Graphviz というツールは、 「DOT 言語」という言語で書かれたグラフ表現を GIF や PNG などのファイルフォーマットに変換してくれるシステムです。 本家のホームページは http://www.graphviz.org/ です。 ここでは、Graphviz のインストールと使い方についてまとめてみました。 なお、ここでインストール／使用する Graphviz は version 2.4（2005-08-01 現在）です。 また、インストール先の環境は Cygwin です。 ダウンロードとインストール 簡単なサンプル グラフ全体の属性 ノードの属性 エッジの属性 その他の事項 レコード サブグラフ 無向グラフ 形の一覧 トップへ ↑
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フローチャートやUMLモデルの作図に適したシンプルなドローソフト「Diagram Designer」NOT SUPPORTED
IDEA * IDEA
IDEA * IDEA