1. Sphinx-users.jp
小宮健

2. お前だれよ
Twitter: @tk0miya
 仕事
 (株)タイムインターメディア所属
 テクニカルオフィサ(技術責任者)として活動
 参加コミュニティ
 Sphinx-users.jp
 Python mini hack-a-thon
 Sphinx を中心にツールを開発
 blockdiag シリーズ
 Sphinx 拡張機能の開発
 Googlechart やカレンダー機能
 #bookathon 他読書会やってます

3. Many Japanese managers loves MS-Excel
(for writing design documents)

4. Two years ago:
we wrote screen transitions with MS-Excel…

5. Excel で画面遷移図を書く
 Writing screen transions with Excel

6. 追加/削除が大変
 Hard to add/remove elements
ここに 1 画面追加

7. 追加/削除が大変
 Expanding right node…
１.スキマを作る

8. 追加/削除が大変
 Remove unnecessary arrows
２.不要な矢印を消す

9. 追加/削除が大変
 Add new page-node…
３.図形を配置する

10. 追加/削除が大変
 Connect allows new node and other.
４.矢印を調整

11. ずれる
 Winding nodes… :-p

12. ずれる
 Winding nodes… :-p

13. ずれる
 Winding arrows… :-p

14. ずれる
 Winding arrows… :-p

15. ずれる
 Winding arrows… :-p

16. 解決策 / Resolutions
 blockdiag を使いましょう / Use blockdiag
 テキストから図を簡単に生成できます。
 blockdiag generates diagrams from text input

17. 解決策 / Resolutions
 blockdiag を使いましょう / Use blockdiag
 テキストから図を簡単に生成できます。
 blockdiag generates diagrams from text input
{
A -> B -> C;
}

18. 解決策 / Resolutions
 blockdiag を使いましょう / Use blockdiag
 テキストから図を簡単に生成できます。
 blockdiag generates diagrams from text input
{
A -> B -> C;
}

19. その他
 blockdiag ファミリは増え続けている
 blockdiag and its family supports many diagrams
 blockdiag: ブロック図 (block diagram)
 seqdiag: シーケンス図 (sequence diagram)
 actdiag: アクティビティ図 (activity diagram)
 nwdiag: ネットワーク図 (network diagram)
 rackdiag: ラック構成図 (rack structure diagram)
 packetdiag: パケットヘッダ図 (packet header
diagram)

20. Years later, it’s show time!

21. we challenge to write screen diagrams…

22. 画面仕様(Excel) / Screen diagram(Excel)
 Excel で画面仕様書を書く
 JP guys love writing screen diagrams w/Excel

23. Excel で書くのはとっても大変
 Writing with Excel is very tired
 やっぱりずれる
 Off cource crushed…

24. Excel で書くのはとっても大変
 Writing with Excel is very tired
 やっぱりずれる
 Off cource crushed…
!?

25. 解決策 / Resolutions
 Sphinxcontrib-webmocks を使いましょう
 Sphinx を使って画面仕様を作ることができる
 テキストから図を簡単に生成できます
 webmocks generates screen diagrams from reST
 かんたん、自動レイアウト
 Easy and auto-layouting

26. 解決策 / Resolutions
.. page::
:名前: :text:`_`
:都道府県: :select:`東京,神奈川,さいた
ま`
:住所: :textarea:`_`
:button:`submit`

27. 解決策 / Resolutions
.. page::
:名前: :text:`_`
:都道府県: :select:`東京,神奈川,さいた
ま`
:住所: :textarea:`_`
:button:`submit`

28. まとめ
 blockdiag シリーズ作ったよ
 sphinxcontrib-webmocks つくった
 Sphinx も便利だよ