1. Planter는 무엇입니까?

Merry Christmas!! 아저씨 산타로부터의 선물이에요.

PlantUML 서버와 연동하여 GitLab/GitHub 이슈, Markdown 파일 등에 포함된 UML 다이어그램을 그립니다.

Chrome 확장입니다.

오픈 소스입니다. (작가는 거의 시간이 없기 때문에, 적당한 할 수 있습니다.개선의 도움을 주세요)

2. Planter가 해결하는 문제

이런 분들에게 추천합니다.

GitHub/GitLab 이슈와 풀릭 (MR) 토론에서 UML 다이어그램을 사용하고 싶습니다 !!

Markdown 파일에 나열된 PlantUML 그림을 GitHub 또는 GitLab에서도보고 싶습니다.

자세한 내용은 gitlab.com의 서버에 이미 PlantUML이 내장되어 있으며 Markdown 표기법으로 UML 작성 가능하다는 것을 알고 있습니다. 하지만 온프레미스에서 실행되는 GitLab 서버는 복잡한 설정을 해야 하며 여기에서 소개한 Markdown Preview Enhanced 플러그인에서 설명한 UML은 볼 수 없습니다. 이 논문은 이러한 문제를 해결합니다.

3.Planter의 사용법

3.1.Planter 설치

Chrome 확장 스토어로 이동합니다.
이 링크에서 Planter을 설치합니다.

3.2.PlantUML 서버 설치

그런 다음 PlantUML 서버를 설정합니다. Apache Tomcat과 같은 J2EE 서버가 필요합니다. tomcat 설치는 zip을 압축 해제하는 것입니다.

다음 PlantUML 서버 앱 다운로드입니다. 아래에서 war 파일을 다운로드하십시오.

PlantUML J2EE war 파일

여기 war 파일을 tomcat을 압축 해제 webapps에 war 파일을 복사합니다.

$apache-tomcat
├── bin
├── webapps (여기에 war 파일 복사)
....

그런 다음 tomcat을 추출한 bin 폴더의 startup으로 시작합니다.

>cd bin
>startup.sh

3.3.Planter 설정

chrome://extensions를 열고 옵션에서 설정합니다.





Planter는 표준으로 GitHub/GitLab을 본가의 PlantUML로 렌더링하도록 되어 있습니다. 표준에서도 동작하지 않는 것은 아닙니다만, 본가 PlantUML 서버는 시험으로서 반드시 자전 서버로 설정해 사용해 주세요.

4. 사용해 보자!

이슈나 마크다운 파일에 UML을 기재해 봅시다. 아래와 같이 기재합니다.

``plantuml
@startuml
PlantUML 콘텐츠
@enduml
``

즉, Markdown Preview Enhanced 로 기술한 코드 블록을 기재할 수 있습니다. 지금까지 마크다운으로 여러가지 UML을 그리고 있다고 생각합니다만, 그것을 GitLab/GitHub상에서 볼 수 있습니다.

그러면

GitLab


GitHub

5.Planter는 OSS입니다.

Planter는 GitHub에 게시된 OSS입니다. GitHub 여기를 참조하십시오. Planter는 도쿄 다이스케 씨의 pegmatite과 소사탄 씨의 js-deflate에 의해 이루어지고 있습니다. (자신은 훌륭하게 아무것도 하고 있지 않습니다.) 그 혜택을 여러분과 나누고 싶습니다. 잡음이 생기고 어떻게든 크리스마스에 맞는 레벨입니다만, 여러분의 풀 리퀘스트를 기다리고 있습니다.

개인적으로도 아직 reload하지 않으면 가끔 이미지가 나오지 않거나 조금 고치고 싶습니다만, 조금 고쳐주세요.