π¨ΠΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ ΡΠ΅ΡΠ΅Π· ΠΊΠΎΠ΄: ΠΈΡΠΊΡΡΡΡΠ²ΠΎ Π±ΡΡΡ Π»Π΅Π½ΠΈΠ²ΠΎΠΉ
ΠΠ°ΡΠ΅ΠΌ ΠΌΠ½Π΅ 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
ΠΡΠ΅Π½Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ. Π Π΅ΡΡΡ ΠΊΠ°ΠΊ-Π½ΠΈΠ±ΡΠ΄Ρ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΠ»ΠΈ Π²ΠΈΠ΄ΠΎΡΡ ΠΎΠ±ΡΡΠΈΡΡΡΡ? ΠΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ΄ΠΎΠ±Π½ΠΎ π€
ΠΎΡΠ²Π΅ΡΠΈΡΡ
ΠΊΠΎΠΌΠΌΠ΅Π½Ρ ΡΠ΄Π°Π»ΡΠ½
Β· 22.08.2025
ΠΠ° ΡΠ°ΠΉΡ plantUML ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΉΡΠΈ, ΡΠ°ΠΌ ΡΡΠ°Π·Ρ ΠΏΠΎ Π²ΡΠ΅ΠΌ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ°ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈ ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅. ΠΠ²Π°ΠΆΠ΄Ρ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡΠ΅ Π½Π° Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ - ΠΎΠ½Π° ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅. Π£ mermaid ΡΠΎΠΆΠ΅ ΠΏΡΠΈ ΠΎΡΠΊΡΡΡΠΈΠΈ ΡΠΆΠ΅ Π΅ΡΡΡ ΠΊΠ°ΠΊΠ°Ρ-ΡΠΎ Π±Π°Π·ΠΎΠ²Π°Ρ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ°. ΠΡΠΎΡΠ΅ Π² Π³ΠΏΡ Π·Π°Π»ΠΈΡΡ, Π΅ΡΠ»ΠΈ JS Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌ
ΠΎΡΠ²Π΅ΡΠΈΡΡ
ΠΎΡΠ²Π΅Ρ ΡΠ΄Π°Π»ΡΠ½