UML 및 AWS 구성도를 그리는 도구

UML이나 구성도를 어떤 도구로 그릴까요?길을 잃었습니다.

그래서 최근에 사용한 도구를 소개해 드리겠습니다.
이 세상에 다양한 도구가 존재한다는 것을 이해한 토대에서 대량으로 소개하면 헷갈리기 때문에 유사한 도구와 개인이 사용하지 않는 도구를 생략했다.

힘으로 그리다


우선 PowerPoint 입니다.
엔지니어와 기술자는 "Powerpo로 그림을 그리는 것은 좀..."이라고 생각할 수 있지만, 상황에 따라 정해진 것이라고 생각한다.

Powerpo의 이점


Powerpo는 비즈니스 사용자 중 거의 누구나 사용할 수 있습니다.


시스템을 제작할 때 반드시 고객을 포함한 모든 관련 구성원들이 IT에 대해 잘 알고 있는 것은 아니다.그러나 그런 사람들이 시스템에 대한 이해도 최소한이 필요하다.시스템 구성도나 특별히 관심이 없는 사람에게 설명할 때'새로운 도구를 추가하세요'는 난이도가 높다.
파워포라면 대부분 사용하기 때문에 가져오는 비용은 제로다.
전공이라면 도구에 대한 주의가 필요할 때도 있지만, 때로는 상대방과 협조하는 것도 중요하다.

Powerpo의 작동은 간단합니다.


전 세계의 방대한 사용자를 위해 Powerpo는 터치하기 쉬운 UI로 바뀌었다.
만인을 위한 도구이기 때문에 간단한 그림이라면 바로 만들 수 있다.

지금 2분 30초에 파워포로 했어요.
인프라 시설의 구성을 고려할 때 첫 번째 방안은 이 수준에서 충분하다고 생각한다.상담과 프로젝트 초기 회의에서 상대방이 "AWS의 구성을 알고 싶다"고 말하면 데려간 지 일주일 만에 이 자료를 꺼내면 욕먹을 가능성이 크다.하지만 3분 즉석 제작을 받으면 직접 논의를 벌여 상대와의 인식 차이를 해소하고 불필요한 낭비를 획기적으로 줄일 수 있다.
고객사에서 실시간 제작은 어렵지만 사내 회의라면 쉽게 할 수 있어 추천합니다.
또 자신의 업무로 이상법을 정돈하고 싶을 때도 있고, 라켓 레이스에서 그림을 그릴 때도 있다.
정리되면 다른 도구로 옮겨 쓰거나 바로 긁어 쓸 수도 있다.이 점에서 사용자의 요구, 개발자의 요구, 프로젝트의 규모와 엉망 정도, 그리고 자신의 동기에 따라 판단한다.

AWS 공식 Power 배포 아이콘


https://aws.amazon.com/jp/architecture/icons/
AWS의 구성도를 그릴 때 붙여진 밑그림이 아니라, 물론 AWS의 공식에 붙여진 멋진 그림을 그리고 싶을 때도 있다.파워포라면 AWS 공식 발표 소재를 직접 활용할 수 있다.
아이콘 사이의 본질적인 문제에 대해 고민할 필요가 없다는 것도 파워포의 장점이다.

메르메드로 그려요.


다음은 메르메드.
표시 아래에 이렇게 쓰면,
```mermaid
graph TB
    A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
```
는 다음과 같다.
Zenn의 문서에서 복사합니다.

mermaid의 장점


mermaid 는 텍스트 에서 자동으로 도형 → Giit 관리 를 생성할 수 있습니다


메르메드의 기법에 따라 텍스트를 쓰면 그것을 그림으로 만들어라.
따라서 프로그램 등과 마찬가지로 텍스트 편집기에서 작성하고 Git로 관리할 수 있다.
UML도와 구성도는 대부분 프로그램과 함께 관리하고 싶어 Giit를 통일적으로 관리할 수 있는 장점이 크다.
작도 자체가 자동이기 때문에 각 부품의 미세한 위치 조정에 공을 들일 필요가 없다.
나는 많은 사람들이 교재로 그림을 그리는 것이 매우 어렵다고 생각한다.그림에 따라 어렵지만 순서가 뚜렷한 그림을 순서대로 작성하려면 위에서 아래로 순서대로 쓰면 되기 때문에 유지보수성을 포함하는 것이 오히려 쉽다.

GiitHub에서 push를 실행하면 mermaid가 자동으로 그림을 그립니다


전항에는 텍스트 기반 기릿 관리가 가능하지만, 기릿허브에서push가mermaid에 기재된 방법에 따른 파일을 쓰면 홈페이지에서 열람할 때 글자가 아닌 그림으로 그려진 것을 볼 수 있다.
번역할 시간이 필요 없고, 보는 사람은 특별한 도구가 필요 없고, 어떻게 쓰는지 몰라도 상관없다.
문자를 바탕으로 쓴다면 언뜻 보기에는 문턱이 높지만 쓰기에 필요한 도구는 문자 편집기, 보기에 필요한 도구는 브라우저만 있어 실제로 가져오는 비용이 매우 낮다.

mermaid는 Zenn에서 사용 가능


Zenn에서 사용할 수 있으며 모조 문서를 처음 쓴 샘플부터 알 수 있습니다.
https://zenn.dev/zenn/articles/markdown-guide#다이어그램

미로로 묘사하다


miro는 유명한 온라인 화이트보드 서비스입니다.
현실 생활에서 사람과 상의하는 시대에 나는 많은 사람들이 백판에 쓰면서 라벨을 붙이면서 토론과 인식을 할 것이라고 생각한다.하지만 평화로운 시대에 이런 오프라인 회의는 멸망하고 있어 모두가 함께 일하기가 어려워졌다.그 어려운 일을 가능하게 만드는 서비스는 미로야.
https://miro.com/ja/
이런 미로를 사용하면 여러 사람이 한 판에 떠들면서 UML과 구성도를 그릴 수 있다.

미로의 장점


miro는 여러 사람을 동시에 편집할 수 있습니다.


미로를 사용하면 여러 사람이 동시에 그림을 그릴 수 있다.
엔지니어는 여러 사람이 함께 일해서 학급도를 완성할 수도 있고 고객과 함께 용례도를 만들 수도 있다.
특히 아시아 스타일을 개발할 때는 그림뿐 아니라 모든 장소에서 미로를 활용할 수 있어 성가가 높다.

miro에는 UML 및 AWS 템플릿이 있습니다.


미로는 다양한 템플릿을 준비했다.이 중에는 여러 가지 UML 그림에 사용되는 템플릿도 있는데 간단하게 그림을 쓰기 시작할 수 있다.
https://miro.com/ja/uml-diagram-tool/
템플릿을 읽어들인 후에도 AWS 템플릿이 있습니다.

miro는 직관적이고 알기 쉬운 UI입니다.


미로는 매우 알기 쉬운 UI이기 때문에 처음 사용하는 사람이라도 주저 없이 사용할 수 있다.이런 의미에서 도입도 쉽다.

draw.io로 그리다


"draw.io 페이지를 방문해도 영어로 난잡하게 쓰여있어 잘 모르겠다"는 생각이 들 수 있지만, 이 도구는 상당히 편리하다.

draw.io의 장점


draw.io가 VScode에서 실행


이 플러그인을 삽입하면 VScode에서 draw를 사용할 수 있습니다.약속
https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio
기다리다io 형식으로 저장된 파일을 VScode에서 열면 임의로 draw.이동, 편집이 가능합니다.

디자인과 개발은 모두 VS코드에서 할 수 있으며 도구를 전환할 필요가 없어 매우 수월하다.

draw.io로 만든 그림을 png에 저장하지만 편집할 수 있습니다


앞서 언급한 확장자.drawio.png의 파일이 draw입니다.IO로 제작된 .drawio.png 파일입니다.
일반적으로 png로 열람할 수 있지만 export의 이미지 파일draw만 있는 것은 아니다.IO를 사용하여 편집할 수도 있습니다.
저장된 pg 파일Push를GitHub에 저장하면 브라우저에서 조회할 수 있고 다른 사람들도draw를 할 수 있습니다.IO에서 편집할 수도 있습니다.png이기 때문에 GiitHub은 포스터를 붙일 때 그에 상응하는 비교를 하고 댓글도 쉽게 할 수 있다.
png 외에 png도 있어 취향에 따라 사용할 수 있다.

UML에 필요한 그래픽 및 AWS 아이콘 준비


그림을 만드는 데 필요한 도형은 기본적으로 통일된 것 같다는 인상을 준다.
Azure와 GCP가 있고 Kubbernetes도 갈 수 있고 issco와 IBM도 있습니다.

BPMN용 아이콘이 있기 때문에 업무 프로세스를 처리하는 데도 사용할 수 있습니다.

개인 용례의 총결산

  • Powerport
  • 회의에서의 보조 이용
  • 이상법을 정돈할 때의 보조 이용
  • 비기술 시스템 관계자와 공유한 자료
  • mermaid
  • GiitHub 기반 텍스트 관리를 원하는 경우
  • 시간축을 따라 쓰기 쉬운 문서(시차도 등)를 만들 때
  • 개발자를 위한 자료 제작 시
  • miro
  • 토론하면서 그림을 만들 때
  • draw.io
  • 위 이외의 경우
  • 망설이면 일단 draw.저는 IO만 하면 될 것 같아요.
  • 좋은 웹페이지 즐겨찾기