Visual Studio Code で UML を描こう！ - Qiita
この記事では、Windows 環境に Visual Studio Code と PlantUML をセットアップする手順を説明します。 PlantUML とは PlantUML は、以下のような図をテキストで素早く描くためのオープンソースプロジェクトです。 シーケンス図 / Sequence diagram ユースケース図 / Usecase diagram クラス図 / Class diagram アクティビティ図 / Activity diagram コンポーネント図 / Component diagram 状態遷移図 / State diagram オブジェクト図 / Object diagram 環境 下記の環境で動作確認しました。 Windows 10 Pro (64bit) Visual Studio Code 1.11 Java SE Runtime Environment
【新人教育 資料】第3章 UMLまでの道 〜図種類紹介とクラス図の解説編〜 - Qiita
あらすじ 新人がいっぱい入ってくる。新人のレベルもバラバラ。教育資料も古くなっているので、更新しましょう。 どうせなら、公開しちゃえばいいじゃん。という流れになり、新人教育用の資料を順次更新していくことにしました。 ※後々、リクエストに応じて更新することが多いのでストックしておくことをおすすめします。 自分はTEMONA株式会社でCTOをしていますが、頭でっかちに理論ばっかり学習するよりは、イメージがなんとなく掴めるように学習し、実践の中で知識を深めていく方が効率的に学習出来ると考えています。 ※他の登壇やインタビュー記事はWantedlyから見てください。 教育スタイルとしては正しい事をきっちりかっちり教えるのではなく、未経験レベルの人がなんとなく掴めるように、資料を構成していきます。 以下のようなシリーズネタで進めます。 No. 記事
MarkdownとPlantUMLでソフトウェアの仕様書や設計書を書くための環境構築手順 - EurekaMoments
実践UML 第3版 オブジェクト指向分析設計と反復型開発入門 作者:クレーグ・ラーマンピアソンエデュケーションAmazon 目次 目次 はじめ Markdownで書くメリット Markdown記法一覧 環境構築手順 1. Visual Studio Codeをインストールする 2. PlantUMLをインストールする 3. Javaをインストールする 4. Graphvizをインストールする 5. Markdown Preview Enhancedをインストールする 環境構築後の動作確認 Markdownでドキュメントを書く際に便利な拡張機能 1. Paste Image 2. markdown-index 作成したドキュメントをHTMLやPDFに変換する 今回参考にさせていただいた記事 はじめ 自分はこれまでソフトウェア開発において仕様書や設計書を作成する際、Enterprise Arc
はてなブログのエントリにPlantUMLを埋め込む方法 - Islands in the byte stream
PlantUML、便利ですよね。はてなブログでも使いたいですよね。ということでやってみました。 まずエントリの最後にこのスニペットを置きます: <script> var a = Array.from(document.querySelectorAll("pre.code")); a.forEach(function (pre) { if (pre.attributes['data-lang'].value) return; var xhr = new XMLHttpRequest(); xhr.open("POST", "https://plantuml-service.herokuapp.com/svg"); xhr.onload = function () { if (xhr.status === 200 && pre instanceof HTMLPreElement) { pre.
簡単にガントチャートとかクラス図とか書けるやつ - Qiita
mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること 以下の図が描ける。 ・フローチャート ・シーケンス図 ・ガントチャート ・クラス図 ・gitグラフ 最後だけ異質だ。 インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre
状態マシン図(State Machine Diagram) - UML入門 - IT専科
状態マシン図（State Machine Diagram） 状態マシン図とは、オブジェクトの状態遷移を表現する為の図です。各状態の内容および、状態遷移の条件等を記述します。 記述例 下の図は、中学校を卒業した状態から大学生の状態になるまでを表した例です。 【要件定義】 「大学生」になるためには、高校を卒業、もしくは大学入学資格の取得を経て、大学受験で合格する必要があります。 高校を卒業するためには、｢一年生｣、｢二年生｣、｢三年生｣と各学年に進級する必要があり、高校に進学せず大学入学資格を取得するには、大学入学資格検定に合格する必要があります。 遷移を表す矢印に、記述されている「受験[合格]/入学」は、「契機[条件]/効果」の書式で記述されています。つまり、大学生になるには、受験で合格して大学に入学するという意味になります。 このように、状態マシン図を記述することによって、実体の状態変化を
誤解しがちなモデリングの技：第4回：ステートマシン図 (II) | 豆蔵ソフト工学ラボ
誤解しがちなモデリングの技 第4回：ステートマシン図 (II) 印刷 株式会社豆蔵 ES事業部 皆川 誠 2009/04/22 ［モデリング］ 連載第4回のテーマは「ステートマシン図(II)」です。前回の記事に引き続き、ステートマシン図を描く際に誤って使われることが多いモデル要素や、{あまり嬉しくない|誤った}ステートマシン図の描き方/使い方などをいくつか紹介していきます。 その1: ChoiceとJunctionの違い いくつかの遷移をまとめたり、逆にガード条件によって何本かの遷移に振り分けて表記したりできるように、UMLのステートマシン図にはChoice擬似状態とJunction擬似状態という二種類の擬似状態が用意されています。ところが、ChoiceとJunctionの振る舞い/意味付けの違いを明確に意識せずに適当に使ってしまっているステートマシン図を見かけることがあります。 あるデ
チュートリアル | ステートマシン図・状態遷移表 | astah*
ソフトウェア開発は、次の3つの側面からシステムを捉えて設計を進めます。 機 能：どのようなサービスや処理を提供するか 構 造：どのような要素をどのように関係づけて構成するか 振舞い：どのような処理を実行するのか 本チュートリアルでは、このうち「振舞い」の設計に使うステートマシン図の描き方と、図を描いた後に、状態遷移表を使って仕様漏れなどを確認する方法を、CDプレーヤー操作システムを題材に用いて紹介します。 このチュートリアルで学べること UMLステートマシン図を使って、状態に基づく振舞いのモデルを作成する方法、さらに状態遷移表を使った効率的な、仕様の抜け漏れ確認の方法学びます。 作成するモデル図：ステートマシン図, 状態遷移表 ステートマシン図の描き方 図を描いた後に、状態遷移表を使って仕様漏れなどを確認する方法 対象者 モデリングやUMLステートマシン図、状態の遷移についてこれ
【新人教育 資料】第1章 UMLまでの道 〜オブジェクト指向編〜 - Qiita
オブジェクトを日本語に訳すと「モノ」、「対象」となります。 プログラムを勉強していくとオブジェクトと言葉をよく聞きますが、一旦「モノ」と考えるとわかりやすいかもしれません。 では、現実世界で物と言われるものはなんでしょう？ ※このポストをしている人は自分の仕事机からの景色を使って説明しようとしています パソコン モニター 時計 椅子 人 これらは全て、「モノ」ですね。知覚的に、言葉を聞いただけで、それはどういったものが理解することが出来ます。 このような「モノ」は言葉として表現すると理解し、大体一般的に共通認識出来るものがオブジェクトだと考えてください。 オブジェクト指向とは、さらに「モノ」に加え「こと（振る舞い）」をするものもオブジェクトで表現しようというのがオブジェクト指向です。 例) 「サービスに申し込む」、「計算を結果を出力する」 オブジェクト指向を用いる事で、プログラム上の表現を
PlantUMLをAtomで使ってみよう！泣きながらシーケンス図！
PlantUMLを使ってシーケンス図を書こう！！ PlantUMLって？ テキストベースでUMLが書ける便利なかんじのやつです。 これいいな！って思ったのは なんか書くのが簡単そう。個人的にはExcelでちょっとずつ四角を動かしていく作業がなくなるだけで天と地の差。 テキストベースなのでGitで管理できる！ いろいろな画像形式で出力できる。 Eclipseでやろうとして挫折した過去があるので、これからはこれを使っていこうよ！という話し。 あと、うちの部署の新人さんたちはUMLなんかまったく使っていないので、そろそろクラス図とかシーケンス図とかかけてもいいかなと思った。教育用。 なぜPlantUML使おうと思ったか はぁ（ため息x10000） 突然お客様から「シーケンス図」を提供してほしいと言われた。 前々から思ってたんだけど、Excel（私の場合はLibreOfficeのCalcだけど）で
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も入
UMLシーケンス図を手軽に書いてTeXに貼る - あんパン
卒論でUMLのシーケンス図をTeXに貼る必要が生まれた．Illustratorとかでちまちま描いても良いのだけど，面倒なのでテキストでなんとかしたい． 便利なツールあって，これ使うとテキストでシーケンス図を描くことができる． js-sequence-diagrams by bramp SVGでダウンロードできるのだけど，このままだと使い勝手が悪いのでpdfに変換する．pdfにしてしまえばあとはpngみたいにxbb作ったりするだけでTeXに貼れる． pdfに変換するにはInkscapeを使えば良い．Macならhomebrew caskで入れられる．最近cask新しくなったらしくてよくわからないけど，古いやつならbrew cask install inkscapeとかで入って便利． /Applications/Inkscape.app/Contents/Resources/bin/inksca
Markdownテキストでシーケンス図とフローチャートを描く - Qiita diagram sequence
つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時の感動が結構はんぱない。技術系の資料作成でこんな良い体験ができたのは初めてかもしれんな…(笑) ──と、結構感動的な体験ができるMarkdownでのUML図表作成なんだが、せっかくなのでそれの書き方を含めてもう少し突っ込んだTIPSとしてまとめておこうかと思った次第。 Markdown+UML とは？ とりあえず、「Markdown+UML」というのは私の造語だ。まぁ、正確に言うなら「UML di
EclipseにPlantUML pluginをインストールする - oggataの日記
Juno Eclipse Plugin 1.eclipseをインストール http://www.eclipse.org/downloads/ 2.Eclipse Classic 4.2.2, 182 MB MacOSX64bit を選択 （Juno Eclipse PluginをいれたいのでJunoバージョンであれば何でも良い） http://www.eclipse.org/downloads/download.php?file=/eclipse/downloads/drops4/R-4.2.2-201302041200/eclipse-SDK-4.2.2-macosx-cocoa-x86_64.tar.gz 3.Help>InstallNewSoftware に下記URLを入力 http://basar.idi.ntnu.no/svn/tdt4100/anonymous/trunk/up
オブジェクト指向 / UML Schedule
■スケジュール UML とは ユースケース図 クラス図とオブジェクト図 相互作用図(シーケンス図 / コラボレーション図) ケーススタディ (解答例 1, 2) 振舞い図(ステートチャート図 / アクティビティ図) 実装図(コンポーネント図 / 配置図) UML モデリング・ツール (Jude) JUDE API オブジェクト指向アプローチ オブジェクトの概要 要件定義 分析 設計 実装 デザイン・パターン ケーススタディ 図書館システム PDF SQLのスキーマ定義 (2009-05-24) library_with_no_return.war (Java_Web版, 返却なし) (2009-05-24) library_2_0_web.war (Java_Web版) (2009-05-18) ソース v2 (Java_Web版) (2009-05-13) スケルトンソース v1 (UT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kibelaで記事を書くのにReal World PlantUMLを活用する - Qiita
plantuml
IDEA * IDEA
【HOMMEZ(オムズ)公式】すべては、悩める男性のために。