秋のブログ週間連載の7本目です。 はじめにPlantUMLで使えるテーマについてのご紹介です。 以前、チームで機能設計するためのPlantUML標準化の記事でも書かせていただきましたが、PlantUMLのデフォルトカラーって少しドライですよね。 色の好みは人それぞれで、あれはあれでカッコよさはありますが、複雑な図は少しでも可愛く描きたい・楽しく見たいものです。 この記事ではPlantUMLのテーマについて、いくつかのオプションを紹介していきます。「PlantUMLの色を変えてみたい！」という方は是非ご活用いただければ嬉しいです。 前提 PlantUMLでは、skinparamを利用して図のビジュアル各要素を定義しますが、「テーマ」はskinparamの集合体です この記事ではテーマの作り方や、各運用方法等については触れません この記事で紹介するオリジナルテーマはシーケンス図のために作られた
はじめに現在所属しているプロジェクトではWeb APIやバッチ処理の設計の一環としてPlantUMLを利用しています。効率よく品質高くアウトプットを出すためには、プログラミング言語に対してコーディング規約があるように、UMLに対してもチームで設計するにあたり一定のルールを決める必要があります。 そこでプロジェクト内のPlantUMLを使用するうえでのガイドラインやルールをまとめる機会があり、せっかくなのでそれを記事化します。 記事のゴール シーケンス図設計におけるPlantUMLの標準化 必要最低限のルールだけに絞ってチーム設計の生産性と品質を上げる 記事の前提 ルールの想定の利用シーン： チームで大量生産する業務機能の処理フローを表現するために使う場合を想定。 また、この記事に記載されているルールはRDBを中心的に使用したAPI処理やバッチ処理等を念頭に置き決められたものです。 ルールの
PlantUML + ERDでPlantERDです github.com モチベーション PlantERDの特徴 使い方 出力するテーブル数の制限について 技術的に頑張ったこと テストのこと Foreign keyで隣接している別のテーブルを探す方法 複数DB対応のつらみ 追記：2019/12/13 9:45 モチベーション 既存プロダクトへの不満が一番大きいです。 https://github.com/voormedia/rails-erd は出力が画像なので取り回ししづらい そもそもRails前提なので他言語とかでは使えない https://github.com/schemaspy/schemaspy も悪くなさそうなんだけどここまでリッチじゃなくていい テーブル数個の小規模アプリならいいんだけど、中規模以上のアプリで使うと人間が読むに耐えないERDが生成されて精神が崩壊する 僕は初め
Redirect Notice You are being redirected to the applicable page at https://docs.asciidoctor.org.
PlantUMLでいろんな図を書いているのですが、GitHubのPullRequestで差分として表示されるPlantUMLはただのテキストにしか見えないのでレビューし辛いです。 差分見る画面 いちいちブランチを手元に持ってきて、エディタで開いて図にしなければなりません。 なんか良い方法はないかと思い探してみたら、Chrome拡張がありました。 PlantUML Viewer 入れるだけです。 PullRequestの画面からファイルの画面まで行って、直接テキストで見るボタンを押す 拡張入れる前 入れた後 図だ！！ らくちんだ 適当なファイルを僕のGitHubに置いてあるので、適当に試しに見てみるのにでも使ってみてください。 クラス シーケンス ステート
これはなに インライン数式、UML、図表をライブプレビューしながらMarkdown+αで記述でき、PDF/Word/HTMLなどへのエクスポート機能をもつAtomプラグインmarkdown-preview-enhancedを紹介します。 これを使うと、ドキュメント作成が捗ること間違いなし。 Github上では、Packageは2016年3月に開発スタートし、継続して成長しています。 (16.9.23追記) 図表を含めたexportは、pdf, html exportでは使えるが、pandoc では未対応(Issue #138, pandoc export機能詳細)。word形式を使いたい時に課題あり。取り込みに期待です。 https://atom.io/packages/markdown-preview-enhanced より引用 準備 下記を導入する必要があります。 テキストエディタAt
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も入
この記事は tech.kayac.com Advent Calendar 2014 18日目です。 どうも。system perl version 5.8 で class とかほぼ使わない ORM も無い 生DBI で でもなぜか Xslate は使ってて Apache 2.0 と MySQL5.1 と memcached でなぜかシャーディング(DBの水平分割)された、生まれてから死ぬまで(約3年近く)を見届けたモバイルな案件から一転して、plenv でビルドする perl の version 5.20 を使って Carton でモジュールを固定し Mouse を使って class を作りまくり DBIx::Class で ORM を使いまくり nginx と MySQL5.6 と Redis でシャーディングされていない fluentd でログを投げまくるスマートなデバイスの新規案件に
Resources Watch videos, read documentation, and hear Chocolatey success stories from companies you trust. View Resources Events Find past and upcoming webinars, workshops, and conferences. New events have recently been added! View Events Courses Step-by-step guides for all things Chocolatey! Earn badges as you learn through interactive digital courses. View Courses Join our monthly Unpacking Softw
Welcome to Dia's homepage. Dia is a GTK+ based diagram creation program for GNU/Linux, MacOS X, Unix, and Windows, and is released under the GPL license. Dia is roughly inspired by the commercial Windows program 'Visio,' though more geared towards informal diagrams for casual use. It can be used to draw many different kinds of diagrams. It currently has special objects to help draw entity relation
「ツール」カテゴリーの人気ランキング Blue Step Counter 独自コメントにも対応したステップカウンタ Visual Studioプロジェクトにも対応(ユーザー評価：4.5) Step Counter Java、シェル、Perl、C言語対応のステップカウンター(ユーザー評価：0) コメント書うんた C,C++,ASM,Java,SQL,VBのソースファイルのコメントや行数をカウントするツール(ユーザー評価：2) Dummy File Maker ダミーデータファイルを作成する(ユーザー評価：3.5) ARCount(AreaCounter) 最強のステップカウント目指して・・・ 全てのソースコードに対応(ユーザー評価：0)
astah* professional、astah* UMLでは Javaソースコードを読み込んで、クラス図を作成できます。 [参考] astah* 製品サイト 「Javaリバース」 (1) プロジェクトを開く、または新規作成し、メインメニュー[ツール]-[Java]-[Javaソースコードの読み込み]を選択 (2) 「Javaファイル選択」ダイアログで読み込むファイルを選択して、[了解]ボタンをクリックする この時、必要に応じてファイル入力時の文字コードを選択します。 [siteimg align=left]uploads/photos0/1072.png[/siteimg] (3) 「Java読み込み」ダイアログの[スタート]ボタンを押下して、読み込みを開始。 この後、「関連を選択する」ダイアログが表示されます。 [siteimg align=left]uploads/photos0/
Javaのプログラミングに興味のある方であればオブジェクト指向やUMLといったキーワードに触れる機会が数多く存在するのではないでしょうか。最近ではオブジェクト指向によるシステム開発が多く存在するようになってきています。また、UMLに関してはオブジェクト指向技術による開発には欠かせない「道具」としてかなり注目されているのは事実です。これらの技術はJavaプログラミングに携わる方々にとって大きなメリットを与えてくれるものであり、必須の技術といって過言ではないでしょう。そこで、本記事によりJavaのソースコードとUMLの関係において最重要な部分を理解することにより、UMLとオブジェクト指向の導入としてもらいたいと思います。 ※本稿は、雑誌『 Java WORLD 』 2004 年 5 月号に掲載された特集「Javaプログラマーに贈るUML入門」を加筆、修正したものです。Java WORLD 編集
node-plantuml A Node.js module and CLI for running PlantUML. PlantUML is a popular diagramming tool that uses simple textual descriptions to draw UML diagrams. With the API provided by this module you can easily generate PlantUML diagrams directly from your Node.js application. It can also be used to encode and decode PlantUML source files. This module also provides an easy to use and flexible com
Shows graphs and diagrams rendered by PlantUML (UML, Ditaa and Dot). # PlantUML Renders UML diagram as defined in a text file. For full syntax of the text file, see: http://plantuml.sourceforge.net/index.html 1. Install the extension from Chrome Web Store. 2. Open text file from web server with UML diagram definition in browser (the text starts with @startuml). 3. See the rendered UML diagram! Chr
恥ずかしながらPlantUMLというツールを知らなかったんだけど、IntelliJ IDEAのPlantUMLプラグインで初体験。なにこれ快適。 テキストファイルなので、シーケンス図、クラス図などいろんな設計がVCSで管理・マージできるすばらしさ。 IntelliJ IDEAのPlantUML integrationでサクサクライブビュー。マウスとキーボードを往復せずとも書けるので思考を途切れさせません。 プロジェクトファイルと一緒に管理していれば不整合も減らせそう。 導入手順 プラグインリポジトリで'PlantUML integration'検索、インストール。PlantUML本体も含まれる？ので別途インストールは不要です。 シーケンス図以外の描画に使う'graphviz'をインストール。macなら'brew install graphviz'でOK。 プラグインの設定でgraphviz
状態遷移(ステートマシン)図とは、 オブジェクト内の状態や、その移り変わりを表現する図です。 この状態遷移図のPlantUML での記法についての解説してみました。 状態の遷移 状態の説明 複合状態 領域 UML としての状態遷移図の書き方 状態の遷移 状態の説明 参考 @startuml{plantuml_state_sample.png} title <size:18>状態遷移図のサンプル</size> [*] --> 停止 停止 -> 稼働中 : 電源 ON state 稼働中 { [*] --> 加熱中 加熱中 --> 待機 : when( 現在温度 > 上限温度 ) 待機 --> 加熱中 : when( 現在温度 < 下限温度 ) 加熱中: entry / ヒーター ON 加熱中: do / 温度監視 加熱中: exit / ヒーター OFF 待機: do / 温度監視 -- s
yardは単なるドキュメンテーションライブラリではない!! みなさん Yard はご存知ですか。ご存知ですよね。 RDocとか、Rubyでソースコードに書くドキュメンテーションツールでYARD(http://yardoc.org/)ってありますよね。 プロジェクトのルートでyard docってやるとrdocで実行するのと同じようにドキュメントが生成されるのですが、それだけで満足しては行けないんだよ。 yard helpって打つとサブコマンドがいろいろ出てくるんだよ。 % yard help Usage: yard <command> [options] Commands: config Views or edits current global configuration diff Returns the object diff of two gems or .yardoc files d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
