Interop ShowNet 아이콘을 draw.io (diagrams.net)에서 사용합시다.

Interop ShowNet Icon이란?

ShowNet - NOC의 그림 그리기 씨(가와구치 씨)로부터 얼마든지 물건이 도착했습니다. | Facebook

htps //w w. Intero p. jp / sh w ne t / poin t / # 및 po gy_e x r r l

다운로드는 여기에서

아키미치의 해설 동영상 (YouTube)

아름다운 네트워크 다이어그램을 그리는 Interop ShowNet 아이콘 2021

7년만의 업데이트라고 하는 것입니다만, 이번 SVG 형식의 아이콘도 동고되고 있지요. 그렇다면 draw.io (diagrams.net)에서 사용할 수 있지 않습니까! 라는 기사입니다.

계속 사용하고 싶습니다.

변환된 아이콘 라이브러리 파일

라이센스는 Creative Commons — 보기 - 상속 4.0 국제 — CC BY-SA 4.0이므로 재배포 OK. 내가 만든 아이콘 라이브러리 파일 (mxlibrary xml)을 GitHub에 넣습니다.

corestate55/shownet-icons-mxlibrary: Draw.io (Diagrams.net) icon library of Interop ShowNet Icons 2021

shownet-icons.xml (mxlibrary xml)

Diagrams.net (online)

아래 URL을 클릭하면 ShowNet Icons 커미션 상태에서 diagrams.net을 열 수 있습니다.

Open Diagrams.net with shownet-icons.xml

이미지

VSCode Draw.io Integration

이미지



설정 절차

Draw.io Integration 설치되어 있다고 가정합니다. (익숙한 사람은 직접 settings.json을 편집하십시오)

[File] - [Preferences] - [Settings]

"Draw.io"에서 검색하면 "Hediet> Vscode-drawio: Custom Libraries"가 있으므로 "Edit in settings.json"을 클릭

settings.json에 추가합니다.

URL은 gist에 올린 shownet-icons.xml ("Raw file")의 URL

    "hediet.vscode-drawio.customLibraries": [
        {
            "entryId": "Interop ShowNet Icons",
            "libName": "Interop ShowNet Icons",
            "url": "https://raw.githubusercontent.com/corestate55/shownet-icons-mxlibrary/main/shownet-icons.xml"
        }
    ]

url 대신 file로 다운로드 한 shownet-icons.xml 파일 경로를 지정하는 것도 괜찮습니다.

    "hediet.vscode-drawio.customLibraries": [
        {
            "entryId": "Interop ShowNet Icons",
            "libName": "Interop ShowNet Icons",
            "file": "/home/hagiwara/app/shownet-icons-mxlibrary/shownet-icons.xml"
        }
    ]

[+ More Shapes]에서 "Custom Libraries"- "Interop ShowNet Icons"를 선택하고 [Apply]

Ubuntu Draw.io Desktop App

이미지



설정 절차

shownet-icons.xml을 다운로드합니다.

URL은 github shownet-icons.xml ("Raw file") URL

curl -LO https://raw.githubusercontent.com/corestate55/shownet-icons-mxlibrary/main/shownet-icons.xml

[파일] > [라이브러리 열기]에서 다운로드한 shownet-icons.xml을 엽니다.

Draw.io용 아이콘 라이브러리 만들기

최신 Azure 아이콘을 svg2mxlibrary로 변환하고 diagrams.net (draw.io)에서 사용 - Qiita에서 도구 및 절차에 대한 설명이 있으므로 그대로 사용했습니다.

yaegashi/icon-collection-mxlibrary: Azure Icon Collection mxlibrary for diagrams.net (formerly draw.io)

Node.js (node ​​+ npm) 필요

git clone https://github.com/corestate55/shownet-icons-mxlibrary.git
cd shownet-icons-mxlibrary/
./convert.sh

convert.sh는 ShowNet Icon 다운로드 및 배포, icon-collection-mxlibrary 다운로드 (pull) 및 npm package 설치, SVG-mxlibrary 변환 실행까지 정리합니다.

결론

파일 1개만이고 gist 에 넣었는데, URL 가 아레이므로 제대로 리포지토리 만드는 편이 좋았던 생각도 한다. 글쎄요. [2021-05-01] 제대로 리포지토리 만들었습니다.

좋은 NW 그림 생활을!