Haroopad로 흐름도 만들기

개시하다
엑셀로 흐름도를 쓰면 처음엔 좋았지만 유지보수로 미친 경우가 많았다.
화살표의 설치 방식을 바꾸고 상자의 위치를 바꾸며 절차를 늘리거나 줄인다.
마우스와 키보드로 왔다 갔다 하면서 미세하게 조정하는 경우가 많아 마음의 평온을 유지하기 어렵다.괴롭다
그래서 마크 펜으로 쓸 수 있다면 쉬울 것 같아서 어느 정도까지 할 수 있는지 시험해 보고 싶어요.
Haroopad와mermaid.js
Haroopad는 마크 하강 편집기입니다.요즘 자주 사용하고 있어요.
mermaid.JS는 도표를 만들 수 있는 프로그램 라이브러리다.이번에 시도한 것은 이쪽의 행동이다.
사용하는 Haroopad는 v0입니다.13.1이지만 메르메드.js는 표준 조립이기 때문에 특별한 설정이 필요 없습니다.
표시된 코드 표시에mermaid만 지정하면 됩니다.(이하 예시 기재)
시험 결과
기재례를 표기하다.
※ "\"는 Qita의 표시를 피하기 위한 것이기 때문에 Haroopad에 기재할 필요가 없습니다.

\```mermaid
graph LR
    subgraph graph1
        未着手   ==> switch.3branches
        switch.3branches ==> switch.4branches
        switch.3branches ==> case2-1
        switch.4branches ==> case2-2
        switch.4branches ==> case1-1
    end
    subgraph graph2
        case2-1
        case2-2
    end
\```

설명 결과:

총결산
화살표가 많아지거나 너무 복잡한 흐름도라면 도형의 엑셀을 직접 만지작거리면 초기 제작이 빠를 수 있다.하지만 관리 횟수가 많아지면 이쪽이 편한 경우도 있다고 생각해요.
subgraph로 구분할 수 있어서 좋아요.결과를 나타내는 직관적 이해가 부드럽고 정리하면서 쓰는 것도 원활하다.
다음은 미세한 행위에 대한 이해이다.

화살표를 겹쳐 위치를 바꾸려 해도 상자와 화살표의 위치를 자유롭게 이동할 수 없다.이거 좀 아파요.익숙해지면subgraph로 조정할 수 있습니다.

표시된 위치는 트리 구조와 같은 형식으로 등급화되어 순서를 결정한다.같은 레이어인 경우 기술 순서를 변경하면 위아래 순서를 변경할 수 있습니다.

()는 문자를 표시하는 데 사용할 수 없습니다.기법으로 별명으로 이용되다.도망칠 수 없을까 싶어'\'(\)하고 막 떠오르는 걸 해봤는데 안 돼

표시 문자는 굵게나 스타일을 사용할 수 없습니다.일반 텍스트만

흐름도 이외에mermaid로 쓸 수 있는 그림이 있기 때문에퍼레이드보면 어떤지 알 수 있습니다.
참고 자료

mermaid.js는 대단하지만 누군가가 사용하는 것을 보기 어려우므로 실례를 들어야 한다(추기 있다)

http://qiita.com/uzuki_aoba/items/a01f8b0b52ced69c8092

최근에는 특히 인터넷에 메시지를 남기는 사람들의 도움을 받았다.
시간을 들여 남긴 여러분, 정말 대단합니다.나도 조금씩 남고 싶어.