• Like
Excel 方眼紙撲滅委員会 活動報告 2012.09 #yapcasia #ltthon
Upcoming SlideShare
Loading in...5
×

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

  • 6,619 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • こんなことまでできたのか・・・。
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
6,619
On Slideshare
0
From Embeds
0
Number of Embeds
5

Actions

Shares
Downloads
15
Comments
1
Likes
22

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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… 1.スキマを作る
  • 8. 追加/削除が大変 Remove unnecessary arrows 2.不要な矢印を消す
  • 9. 追加/削除が大変 Add new page-node… 3.図形を配置する
  • 10. 追加/削除が大変 Connect allows new node and other. 4.矢印を調整
  • 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 も便利だよ