Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Sphinx-users.jp        小宮健
お前だれよ                            Twitter: @tk0miya 仕事   (株)タイムインターメディア所属   テクニカルオフィサ(技術責任者)として活動 参加コミュニティ   Sphinx-us...
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  ...
解決策 / Resolutions blockdiag を使いましょう / Use blockdiag テキストから図を簡単に生成できます。   blockdiag generates diagrams from text input  ...
その他 blockdiag ファミリは増え続けている    blockdiag and its family supports many diagrams blockdiag: ブロック図 (block diagram) seqdiag...
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 scree...
解決策 / Resolutions.. page:: :名前: :text:`_` :都道府県: :select:`東京,神奈川,さいたま` :住所: :textarea:`_`  :button:`submit`
解決策 / Resolutions.. page:: :名前: :text:`_` :都道府県: :select:`東京,神奈川,さいたま` :住所: :textarea:`_`  :button:`submit`
まとめ blockdiag シリーズ作ったよ sphinxcontrib-webmocks つくった Sphinx も便利だよ
Upcoming SlideShare
Loading in …5
×

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

7,609 views

Published on

Published in: Technology
  • こんなことまでできたのか・・・。
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

  1. 1. Sphinx-users.jp 小宮健
  2. 2. お前だれよ Twitter: @tk0miya 仕事  (株)タイムインターメディア所属  テクニカルオフィサ(技術責任者)として活動 参加コミュニティ  Sphinx-users.jp  Python mini hack-a-thon Sphinx を中心にツールを開発  blockdiag シリーズ  Sphinx 拡張機能の開発  Googlechart やカレンダー機能 #bookathon 他読書会やってます
  3. 3. Many Japanese managers loves MS-Excel (for writing design documents)
  4. 4. Two years ago:we wrote screen transitions with MS-Excel…
  5. 5. Excel で画面遷移図を書く Writing screen transions with Excel
  6. 6. 追加/削除が大変 Hard to add/remove elements ここに 1 画面追加
  7. 7. 追加/削除が大変 Expanding right node… 1.スキマを作る
  8. 8. 追加/削除が大変 Remove unnecessary arrows 2.不要な矢印を消す
  9. 9. 追加/削除が大変 Add new page-node… 3.図形を配置する
  10. 10. 追加/削除が大変 Connect allows new node and other. 4.矢印を調整
  11. 11. ずれる Winding nodes… :-p
  12. 12. ずれる Winding nodes… :-p
  13. 13. ずれる Winding arrows… :-p
  14. 14. ずれる Winding arrows… :-p
  15. 15. ずれる Winding arrows… :-p
  16. 16. 解決策 / Resolutions blockdiag を使いましょう / Use blockdiag テキストから図を簡単に生成できます。  blockdiag generates diagrams from text input
  17. 17. 解決策 / Resolutions blockdiag を使いましょう / Use blockdiag テキストから図を簡単に生成できます。  blockdiag generates diagrams from text input { A -> B -> C; }
  18. 18. 解決策 / Resolutions blockdiag を使いましょう / Use blockdiag テキストから図を簡単に生成できます。  blockdiag generates diagrams from text input { A -> B -> C; }
  19. 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. 20. Years later, it’s show time!
  21. 21. we challenge to write screen diagrams…
  22. 22. 画面仕様(Excel) / Screen diagram(Excel) Excel で画面仕様書を書く  JP guys love writing screen diagrams w/Excel
  23. 23. Excel で書くのはとっても大変 Writing with Excel is very tired やっぱりずれる  Off cource crushed…
  24. 24. Excel で書くのはとっても大変 Writing with Excel is very tired やっぱりずれる  Off cource crushed… !?
  25. 25. 解決策 / Resolutions Sphinxcontrib-webmocks を使いましょう Sphinx を使って画面仕様を作ることができる テキストから図を簡単に生成できます  webmocks generates screen diagrams from reST かんたん、自動レイアウト  Easy and auto-layouting
  26. 26. 解決策 / Resolutions.. page:: :名前: :text:`_` :都道府県: :select:`東京,神奈川,さいたま` :住所: :textarea:`_` :button:`submit`
  27. 27. 解決策 / Resolutions.. page:: :名前: :text:`_` :都道府県: :select:`東京,神奈川,さいたま` :住所: :textarea:`_` :button:`submit`
  28. 28. まとめ blockdiag シリーズ作ったよ sphinxcontrib-webmocks つくった Sphinx も便利だよ

×