일주일에 걸쳐 디폴트의 외형이 좋다는 결론에 이르렀다 (PlantUML)

배경

슬라이드는 Markdown로 만들 수 있습니다 (→ Marp의 CSS 사용자 정의 - Qiita). 어쨌든, 차트도 텍스트로 쓰고 싶다. 라고 바란다면, PlantUML 라고 하는 것이 좋을 것 같아서, 여러가지 해 보았다.

PlantUML → htps : // p ぁつ ml. 코 m/그럼/

결론

PlantUML 매우 좋음

기본 도안은 까다로운

갑자기, 기본값에 약간의 손을 추가하는 것이 좋을 것 같습니다

빙글빙글 돌고…

PlantUML의 기본값은

일관성있는 지시를 간단하게 만들고, 꽉 그림이 나오는 (보면서 만지다) 것은 정말 감격. 혁명적! 단지, 어색해 질리지 않는다.

　 많은 사람들이 그렇게 생각한다면 상상되고 다양한 주문 주제가 있다. C4 model Diagram용 커스텀 익스텐션도 꽤 있어(공식 페이지에서도 소개되고 있고, 소개되지 않은 것도 검색하면 꽤 발견된다) The C4 model for visualising software architecture htps://C4 조류에서 l. 작은 m

다만, C4용으로 특화되어 있고, 보통의 PlantUML에는 적용되지 않기 때문에, 이쪽 방면은 포기한다.

PlantUML에 특화된 Theme이라면

Puml Themes Themes for plantuml
htps : //bsc후 r…기테우 b. 이오 / 푸 ml - teme s /

future-architect/puml-themes
htps : // 기주 b. 코 m / 푹신 푹신 ct / 푸 ML - s s

근처가 발견되었습니다. 특히 위의 bschwarz 씨는 클론하고, 괴롭히고, bash 스크립트를 달리게 되면, 자동적으로 여러가지 해 주는 정도, 편리해 보인다. 본격적으로 커스터마이즈하기 전에, 조금 만지려고 노력했다. 그런데

얻지 못하는 미묘함으로,

예를 들어, Background가 흰색이고, 라벨 문자가 흰색이므로 사라지고 있다든가, 부드럽게 그라데이션이 걸려 있어 지금같지 않다든가. 적어도 그라데이션을 그만두고, 문자를 검정으로 하고, 색조도 조정해(macOS의 시스템 칼라를 팩해), 라고 보았다.

하지만 역시 미묘… 또 다시 생각해, 디폴트의 무엇이 불만인가라고 하면 그림자 노란색 빨간 테두리 이것만 해결하면 좋다. 호나, skinparam shadowing false skinparam monochrome true 라고 하는 옵션만 건네주면 좋잖아. 애상은 없지만, 깨끗이! 조금 더 어울릴 때에 색은 연구하고 싶다는 마음은 약간 남아있다. 후일담

같은 것을 생각하는 사람은 역시 있는 것 같고, GitHub에는 「Plantuml not-ugly style」라고 하는 것이 있다→→ matthewjosephtaylor/plantuml-style

그리고 docsify라는 서비스의 PlantUML 플러그인은 위의 스타일을 기본값으로 사용합니다

(이쪽 사용하면 좋은 얀)

Gantt 차트는 별도 프레임

다른 차트는 skinparam에서 매개 변수를 설정할 수 있지만 Gantt 차트는 <style>〜</style>에서 매개 변수를 지정해야합니다. 따라서 Gantt 차트 용 include 파일을 준비합니다.
PlantUML 본체에

@startgantt
!include gantt_style.puml
skinparam shadowing false

라고 써 두고, 이런 gantt_style.puml를 준비한다.

<style>
ganttDiagram {

    task {
        FontColor #343A40
        FontSize 12
            BackGroundColor #338CF733
        LineColor 338CF7
    }
    milestone {
        FontColor #343A40
        FontSize 12
    }
    note {
        FontColor #343A40
        FontSize 12
        BackgroundColor #73CBF3
        LineColor #50BEF0
    }
}
</style>

그러면 이런 느낌의 간트 차트가 된다.

아직 미세한 불만은 있지만 텍스트 DE 차트를 할 수 있다. 그래도 어떻게 하고 싶은 것은, 날짜의 글꼴이 다른 것과 다릅니다. 색채는 무엇이 깨끗한 것일까 기타 글꼴 정보 문서에도 쓰여 있지만, 글꼴에는 그다지 응하지 않는 편이 좋을 것 같다. Java가 실행되는 환경에 너무 의존하기 때문입니다. 덧붙여서, Docker 컨테이너로 로컬에 서버를 세워 PlantUML 온라인 에디터를 달릴 수가 있습니다 (너무 쉽고 감격), 글꼴이 너무 적어 그 점만이 는) 실용적이지 않다. PlantUML을 작성하는 방법 VS Code + PlantUML 플러그인. 플러그인은 「failed」라고 나와 있지만, 사용할 수 있다. 수수께끼. 위의 플러그인을 사용하면 일반적으로 로컬에서 java -jar plantuml.jar xxx가 실행되는 것처럼 보이지만 URL을 내보낼 때 온라인 편집기를 사용하는 것 같습니다. 결론 Marp와 PlantUML에서, 흐림, 정말 흥미 롭습니다. 환경 PlantUML 확장 2.14.3 Visual Studio Code 버전: 1.53.2 PlantUML V1.2021.1 (2 Feb, 2021)+ Graphviz macOS BigSur 11.1 MacBook Pro (13-inch, 2020, Four Thunderbolt 3 Ports)