SlideShare a Scribd company logo
Sphinx-users.jp
        小宮健
お前だれよ
                            Twitter: @tk0miya
 仕事
   (株)タイムインターメディア所属
   テクニカルオフィサ(技術責任者)として活動
 参加コミュニティ
   Sphinx-users.jp
   Python mini hack-a-thon
 Sphinx を中心にツールを開発
    blockdiag シリーズ
    Sphinx 拡張機能の開発
      Googlechart やカレンダー機能
 #bookathon 他読書会やってます
Many Japanese managers loves MS-Excel
        (for writing design documents)
Two years ago:
we wrote screen transitions with MS-Excel…
Excel で画面遷移図を書く
 Writing screen transions with Excel
追加/削除が大変
 Hard to add/remove elements

                                ここに 1 画面追加
追加/削除が大変
 Expanding right node…


                          1.スキマを作る
追加/削除が大変
 Remove unnecessary arrows


                          2.不要な矢印を消す
追加/削除が大変
 Add new page-node…


                       3.図形を配置する
追加/削除が大変
 Connect allows new node and other.


                           4.矢印を調整
ずれる
 Winding nodes… :-p
ずれる
 Winding nodes… :-p
ずれる
 Winding arrows… :-p
ずれる
 Winding arrows… :-p
ずれる
 Winding arrows… :-p
解決策 / Resolutions
 blockdiag を使いましょう / Use blockdiag
 テキストから図を簡単に生成できます。
   blockdiag generates diagrams from text input
解決策 / Resolutions
 blockdiag を使いましょう / Use blockdiag
 テキストから図を簡単に生成できます。
   blockdiag generates diagrams from text input


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


    {
        A -> B -> C;
    }
その他
 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)
Years later, it’s show time!
we challenge to write screen diagrams…
画面仕様(Excel) / Screen diagram(Excel)

 Excel で画面仕様書を書く
  JP guys love writing screen diagrams w/Excel
Excel で書くのはとっても大変
 Writing with Excel is very tired
 やっぱりずれる
   Off cource crushed…
Excel で書くのはとっても大変
 Writing with Excel is very tired
 やっぱりずれる
   Off cource crushed…


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

 :名前: :text:`_`
 :都道府県: :select:`東京,神奈川,さいた
ま`
 :住所: :textarea:`_`

  :button:`submit`
解決策 / Resolutions
.. page::

 :名前: :text:`_`
 :都道府県: :select:`東京,神奈川,さいた
ま`
 :住所: :textarea:`_`

  :button:`submit`
まとめ

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

More Related Content

Excel 方眼紙撲滅委員会 活動報告 2012.09 #yapcasia #ltthon