첫 투고로 부드럽게. 죄송합니다.

이 기사를 추천하는 대상인

팀에서 개발할 때 시퀀스 다이어그램에 Excel이나 PowerPoint를 사용하는 사람이 대상입니다.

엑셀의 무엇을 할 수 없는지

엑셀이라고 하는 것만으로 메스꺼움이 있는 사람도 있을까 생각합니다만, 개인적으로는 이하가 마음에 들지 않습니다 :(

파일이 큰

사양서를 쓸 때 버전 관리용 시트(웃음)가 필수

차이를 알기 어렵다 (winMerge 등 사용하면 차이를 알지만 싫다 · · ·)

주석에 draw 객체를 사용해도 문자열이 검색에 걸리지 않는다

mermaid로!

그래서 나는 mermaid을 추천합니다.

뭐야?

markdown 형식으로 기술하는 순서도

차이를 이해하기 쉽습니다

가벼운

gitlab은 표준 탑재 (Readme.md에서 사용할 수 있음)

쓰기/보이는 방법

markdown 형식으로 작성하면 시퀀스 다이어그램으로 해석됩니다.

설명 예

sequenceDiagram
    A->>B: request;
    Note right of A: note of arrow;
    B->>A: reponse;
    A->>C: notify;

sequenceDiagram 가 순서인 것의 선언이 됩니다.->> 가 시퀀스 다이어그램의 화살표 방향이 됩니다.Note right of A 에서 A의 오른쪽에 주석을 배치하게 됩니다.
에서 실제 표시는 다음과 같습니다.


어떨까요, 적은 설명으로 시퀀스도를 쓸 수 있었습니다!

환경에 의존하지 않고보고 싶다 (브라우저에서보고 싶다)

mermaid live editor 라는 웹 앱이 공개되어 있으므로, 시도하고 싶은 분은 이쪽.

이 외에도 자바 스크립트 라이브러리를 가져 오면 브라우저에서 볼 수 있습니다.
별로 이 사용법은 없을지도 모릅니다만, 여기 를 보면 알 수 있습니다.

github에서 사용하는 경우

지원되지 않는 것 같습니다. 억지로 대응은 할 수 있는 것 같습니다. 다른 기사에서 쓰고 싶다.

gitlab에서 사용하는 경우

위와 같은 설명을 md 파일 형식으로 두면 Gitlab/Github에서 볼 수 있습니다. 아 편리합니다.
htps : // / cs. 기 t b. 코 m/예/우세 r/마 rk도 w응. html #메르마이 d

편집기에서보고 싶다면

Atom/Visual Studio Code에는 확장 기능이 있습니다.
Visual Studio Code의 경우 다음 확장이 가장 인기있는 것 같습니다.
ぁtps://마르케 tp.ゔぃすあ lsつぢお。 이 m/있어 ms? 있어 m 핥기=비에 r네 r. 마르크 w w-me r 마이 d
Atom은 이쪽
htps : // 나중에 m. 이오 / Pac 게이 s / 나중에 me r 마이 d

자료를 고객과 공유하고 싶습니다.

다른 사람이 이미지로 출력 방법을 공개하고 있습니다.
「그림이 크고 스쿠쇼 잡히지 않는다」라고 하는 경우에 사용할 수 있을까.
htps : // 이 m / 오뎅 5405 / ms / 9 바비 bdb09b40 86 65