excel を捨てよ blockdiag を使おう 2011/05 #tqrk03 (tokyu.rb)
•Download as PPTX, PDF•
9 likes•4,883 views
Report
Share
excel を捨てよ blockdiag を使おう 2011/05 #tqrk03 (tokyu.rb)
- 1. Excel を捨てよblockdiagを使おう小宮 健 (@tk0miya)2011-05-29
- 2. 自己紹介小宮 健 (@tk0miya)株式会社タイムインターメディア所属プログラマやってます。普段は PHP, Python, Perl, Ruby などを書いていますRuby は 1.4 からのユーザですSphinx-users の方から来ました
- 3. Excel を捨てよ blockdiagを使おうドキュメントには図が付きものシステム構成図画面遷移図フローチャートUML 系の図 (クラス図、シーケンス図など)ネットワーク図これらの図をどんなツールで書いていますか?
- 4. よく使われる作図ツールExcelVisioPowerpointPhotoshopUML 系作画ツール (astah* など)ASCII アート的ななにかCacooなどのドロー系 Web サービス私の会社では Excel をよく使っています
- 6. 苦労 その１：追加/削除が大変ここに 1 画面追加
- 11. 苦労 その２：ずれる
- 12. 苦労 その２：ずれる
- 13. 苦労 その２：ずれる
- 14. 苦労 その２：ずれる
- 18. blockdiagの例このテキストが…diagram { A -> B -> C; B -> D;}
- 19. blockdiag の例こうなる
- 20. seqdiagの例このテキストが…diagram { browser => server;}
- 21. seqdiag の例こうなる
- 22. nwdiagの例このテキストが…diagram { network global { address = "210.x.x.x/24”; web01; web02; } network dmz { address = "172.x.x.x/24”; web01; web02; db01; db02; }}
- 23. nwdiag の例こうなる
- 27. blockdiagで書けること (3)ノードの shape 属性を指定するnode1 [shape = “roundedbox”]基本系
- 28. blockdiagで書けること (4)ノードの shape 属性を指定するnode1 [shape = “roundedbox”]フローチャート系
- 29. blockdiagで書けること (5)ノードの shape 属性を指定するnode1 [shape = “roundedbox”]その他
- 30. blockdiagシリーズの利用例blockdiag画面遷移図: http://bit.ly/lZkszJブロック図: http://bit.ly/kYpK6Yフローチャート: http://bit.ly/m7fLsM組織図: http://bit.ly/l6OOhZseqdiag: http://bit.ly/lwvEox変な使い方: http://bit.ly/gMCskCnwdiag: http://bit.ly/kR5tYF
- 31. ドキュメント連携(埋め込み)blockdiagシリーズは各種ツールと連携できるSphinxRedmine (Wiki ページ内)Trac (Wiki ページ内)moinmoinmediawikiWeb API (jsonp)
- 32. デモブラウザ上で動くバージョン (Interactive Shell) を利用Google Appengine上で動作SVG 出力しているので IE では見えませんhttp://interactive.blockdiag.com/
- 33. まとめドキュメント(の図)、書いてますか？ドキュメント(の図)は楽して楽しく書こうblockdiagシリーズは楽するための一つの回答blockdiag.com に情報があります分からないことは Google グループ blockdiag-discuss へ楽するためにはもっと知恵と経験が必要意見やアイディアください (@tk0miya まで)