1. ネットワーク図作成ツールnwdiagの紹介Sphinx-users.jp小宮健

2. 自己紹介：小宮 健仕事(株)タイムインターメディア所属テクニカルオフィサ(技術責任者)として活動参加コミュニティSphinx-users.jpPython mini hack-a-thonSphinx を中心にツールを開発blockdiagシリーズSphinx 拡張機能の開発sphinxcontrib-googlechartなどrst2pdf (コミッタ)Twitter: @tk0miya

3. ドキュメント書いてますか？携わっているネットワークの資料はありますか？ネットワーク図運用手順書ワークフロー変更があったときに更新できていますか？機器の追加、削除、リプレース手順の変更接続情報忙しくてなかなか更新できないという話を耳にします今回はこれらの資料のうちネットワーク図を取り上げます

4. ネットワーク図との格闘普段、ネットワーク図をどのツールで書いていますか？ExcelVisio専用ツール (Network Notepad など)(Excel で) ネットワーク図を作るときの苦労ノードの追加/削除が大変あまり見栄えが良くない見栄えを気にすると終わらないネットワーク図作成ツール nwdiagを開発ネットワーク図作成ツール：nwdiagnwdiagはネットワーク図生成ツールテキストデータから画像ファイルを生成する{ network { web01; web02; } network { web01; web02; db01; }}

5. ネットワーク図作成ツール：nwdiag特徴テキストからネットワーク図を生成することができる論理ネットワーク図に対応している文法はシンプル自動レイアウトのため、更新の手間が小さいメリットスピーディ、お手軽、楽しいデメリットレイアウトの手動調整ができない

6. nwdiagの書き方(1)network キーワードでネットワークを定義します{ network { address = “192.168.0.0/24”; }}

7. nwdiagの書き方(2)ネットワークの中にホストを定義します{ network { address = “192.168.0.0/24”; web01 [address = “192.168.0.1”]; web02 [address = “192.168.0.2”]; }}

8. nwdiagの書き方(3)nwdiagコマンドで画像に変換します。% nwdiagnetwork.diag # => network.png% nwdiag –o output.png network.diag # => output.png% nwdiag –Tsvgnetwork.diag # => network.svg

9. nwdiagの書き方(3)出力結果の画像：

10. 利用例とデモ利用例http://bit.ly/kR5tYFhttp://bit.ly/qZvungInteractive Shell を利用したデモWeb ブラウザで動作するデモアプリhttp://interactive.blockdiag.com/

11. blockdiagシリーズの紹介blockdiag: ブロック図{ A -> B -> C; B -> D;}

12. blockdiagシリーズの紹介seqdiag: シーケンス図{ A => B => C;}

13. 他のツールとの連携blockdiagシリーズは多くのツールと連携可能SphinxWikiMediaWikiTracRedminemoinmoinfrom Web API

14. まとめblockdiagシリーズかんたんに見栄えのよい図を生成できる自動レイアウトで本質に集中できるドキュメント作りを楽しく今後も機能、図の種類を増やしていく予定 (自動化など)Enjoy documentation with blockdiag !http://blockdiag.com/Twitter: #blockdiag