20171117 redminetokyo13

19
mermaidプラグインで始める構成図管理 林如弥﴾@morihaya55﴿ LT@2017/11/18 redmine.tokyo 13回勉強会

Transcript of 20171117 redminetokyo13

  1. 1. mermaid @morihaya55 LT@2017/11/18 redmine.tokyo 13
  2. 2. mermaid is ? mermaid
  3. 3. mermaid is > markdown GitHub> https://github.com/knsv/mermaid > https://mermaidjs.github.io/ 11/18GitHub Star14,544MongoDB12,615
  4. 4. mermaid3
  5. 5. https://mermaidjs.github.io/flowchart.html graphLR; A() B{} C[] D[] E(()) A>B; B>C; B>D; D>E; E>A; C>B;
  6. 6.
  7. 7.
  8. 8. graphLR id1[Start]; id2(Running); id3{Split}; id4((End1)); id5>End2]; id1execid2 id2>id3 subgraphEnds id3==>id4 id3.id5 end styleid2fill:#1f3,stroke:#f33,strokewidth:10px
  9. 9.
  10. 10. >>Bob:HelloBob,howareyou? altissick Bob>>Alice:Notsogood:( elseiswell Bob>>Alice:Feelingfreshlikeadaisy end optExtraresponse Bob>>Alice:Thanksforasking end
  11. 11.
  12. 12. https://mermaidjs.github.io/gantt.html
  13. 13. redmine ... "Easy Gantt"
  14. 14. mermaid https://github.com/taikii/redmine_mermaid_macro taikii Ver1.0.02017/11/10 https://taikii.github.io/posts/2017/10/redminemermaid macroplugin/
  15. 15. mermaid 1. git clone cd gitclonehttps://github.com/taikii/redmine_mermaid_macro.git plugins/redmine_mermaid_macro 2. redmine
  16. 16. ...
  17. 17.
  18. 18. mermaid
  19. 19. m _ _ m