🎨Диаграммы через код: искусство быть ленивой
Зачем мне no-code, я pro-code 🤓
Зачем часами ползать мышкой в draw.io, выравнивая стрелочки, если можно написать десять строчек кода и сгенерить идеальную диаграмму?
Да, я знаю, что в draw.io можно сделать диаграмму из кода, но танцевать с бубном я хочу в DaDaDance, а не в офисе. Хотя… кто меня знает.
Это не просто холивар «код vs визуал». Это вопрос эффективности, версионности и здравого смысла.
Да, draw.io (он же diagrams.net) — это круто и универсально. А в условной Camunda или Bizagi можно проверить диаграмму на ошибки: токен либо бежит, либо ломается и плачет. Но для моих любимых UML не нужны подачки, мы справимся кодом.
🛠Мой арсенал ленивого гения
1. PlantUML - база 🌱
➕Плюсы: Огромное количество типов диаграмм (Sequence, Component, Deployment, Use Case). Очень зрелый и стабильный. Легкий язык. Можно пользоваться здесь 🔜https://plantuml.com/
➖Минусы: может «падать» на огромных диаграммах. Он не выдержал моего великого описания сетей и телефонии…но VC Code спас меня. А еще в нем не такиекрасивые диаграммы. 📊
2. Mermaid.js — молодой, модный, вездесущий конкурент 🧜♀️
Его я люблю за простоту, красоту и интеграцию. Я могу детализировать каждый сервис до кода (Level 4), используя тот же подход.
➕ Плюсы: Используя https://mermaid.js.org/ можно даже править код нейросетью, не покидая сайт. Но я пока не настолько обленилась. А ещё - очень красивые диаграммы. Плачь, draw.io!!!
➖ Минусы: js…ну и не так много диаграмм можно сделать. Но ГОСТ 34.10-2018 для курсовой я как-то сделала))
🤡 Да и вообще. Попробуйте держать адекватную версионность с миллионом файлов. Гораздо лучше залить код на git и радоваться жизни, разве нет?)
В общем, вы поняли, что я не люблю draw.io, всем спасибо.
Кстати, я пишу этот пост, пока бегаю 5 км на пульсе до 130. 🦸♂️Слишком люблю свое время.
· 22.08.2025
Очень интересно. А есть как-нибудь примеры или видосы обучиться? Выглядит удобно 🤔
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
коммент удалён
· 22.08.2025
На сайт plantUML можно зайти, там сразу по всем диаграммам примеры и обучение. Дважды кликните на диаграмму - она откроется в редакторе. У mermaid тоже при открытии уже есть какая-то базовая диаграмма. Проще в гпт залить, если JS не знаком
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён