編集部の意見startupxo
O: Obsidian에서 순서도를 자주 그리는 기획자가 문서 배경색과 글자색에 맞춘 도식을 만들어 볼 때, 원문의 Pele 플레이그라운드에 기존 Mermaid 코드를 붙여 넣고 CSS 변수로 색을 바꿔 보는 식으로 쓸 만합니다.
X: 속도와 크기 수치는 Pele 개발팀이 게시한 주장이고 측정 조건이 원문에 자세히 없으니, 실제 문서에 적용하기 전에 본인 환경에서 확인해야 합니다.
書く言語: 韓国語
글로 쓴 순서도를 색 테마에 맞는 SVG 그림으로 바꿔주는 오픈소스 라이브러리 Pele(pele.run)
書く言語: 韓国語翻訳を読む
要約 / 元記事を読む ↗
- Pele은 글로 적은 순서도 같은 도식을 SVG 그림 파일로 바꿔 주는 가벼운 오픈소스 라이브러리다. SVG는 확대해도 깨지지 않는 그림 형식이다.
- 색과 글꼴은 CSS 변수로 정한다. 원문에 따르면 색을 바꿔도 도식을 다시 그리지 않고 바로 반영된다.
- 원문은 Pele의 의존성이 0개이고 gzip 압축 기준 번들 크기가 230kB라고 밝힌다. 같은 표에서 Mermaid.js는 1.6MB, 의존성 23개로 제시된다. 이는 Pele 측이 게시한 비교 수치다.
- 원문은 렌더링 시간을 Pele 0.05 to 0.3ms, Mermaid.js 6 to 82ms로 제시하고 최대 500배 빠르다고 주장한다. 측정 주체는 Pele 개발팀이며 측정 환경은 원문에 나오지 않는다. Pele은 Obsidian이라는 메모 앱용으로 개발됐고 Mermaid 12.1.0에 내장된 모든 도식 종류를 지원한다고 한다.
掲載元
Hacker News ↗ / おすすめ 256 / コメント 26
似たような経験はありますか？そのときどうしたか、一言二言で教えてください。製品に詳しくなくても大丈夫です。