Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita

概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢

[otchy210]

この手のコマンドラインツールって、現れては消えていき、スタンダードなのがない印象なんだけども、とりもなおさずそれはニーズがそれほどでない、という事なんだろうかね。

[taruhachi]

自動生成された画像と人間がレイアウトした画像では処理のメインスレッドの追いやすさとかが全然違うんだよなぁ。状態を一つ追加するだけでレイアウトが全く変わったりするのでドキュメントの変更も追いにくいし。

[naga_sawa]

http://qiita.com/hideshi/items/2b671033766b9602c38d とセットで/Mac用/Web のテキストボックスに流し込んだらpngでダウンロードできるとかそんなサービスになればなぁ

[okinaka]

DSL は digdag のように yaml をベースにしてもいいのではないかと思いました。

[mallowlabs]

画面遷移図を作るための DSL。画像は graphiviz。

[urza358]

development

[mar-h0510]

これすごい

[Flame1980]

あとでみてみる。

[ravelll]

よさそう

[YaSuYuKi]

生成された図で変更を追うのは現実的ではないだろう。図のソースが人間可読なテキストなので、テキストの履歴を追うのが良さそう

[masayoshinym]

”状態遷移図を自動生成するツール”

[japanitnt]

Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita: 概要 先日 こちらの記事…

[iww]

graphvizの日本語版みたいな。 ぴゅうたとかひまわりみたいな感じ

[otihateten3510]

俺はメモ帳、luchidchart、スプレッドシート、prottあたりを使い分けてる。完璧なのはまだ無い、作れそうではあるけど仕様を考えただけで吐きそうになるから誰か作ってくれ

[braitom]

状態遷移図作成ツール。Python製。これは便利そう。

[JHashimoto]

“これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。”

[digitalglm]

Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita: 概要 先日 こちらの記事…

[kikuchi1201]

便利そう