{"id":11077,"date":"2026-06-02T17:17:32","date_gmt":"2026-06-02T09:17:32","guid":{"rendered":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/"},"modified":"2026-06-02T17:17:32","modified_gmt":"2026-06-02T09:17:32","slug":"vpascode-plantuml-playbook-reference-guide","status":"publish","type":"post","link":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/","title":{"rendered":"Przewodnik po referencji do playbooka VPASCode PlantUML"},"content":{"rendered":"

Wyb\u00f3r artyku\u0142\u00f3w z playbooka VPASCode PlantUML zawieraj\u0105cy przewodniki sk\u0142adni dla diagram\u00f3w UML i nie-UML w przep\u0142ywach diagram\u00f3w jako kodu.<\/em><\/p>\n

\n

Podstawy j\u0105dra i sk\u0142adni PlantUML<\/h2>\n
    \n
  1. \n

    Podstawy sk\u0142adni PlantUML<\/strong><\/a>: Opanuj podstawow\u0105 sk\u0142adni\u0119 PlantUML, w tym deklaracj\u0119 diagramu za pomoc\u0105\u00a0@startuml<\/code>\/@enduml<\/code>, definicje encji, operatory relacji, dyrektywy stylizacji oraz typowe s\u0142owa kluczowe. Naucz si\u0119 tworzy\u0107 czyste, czytelne skrypty PlantUML, kt\u00f3re automatycznie generuj\u0105 profesjonalne diagramy. [[34]]<\/p>\n<\/li>\n

  2. \n

    Przewodnik po sk\u0142adni diagram\u00f3w przypadk\u00f3w u\u017cycia PlantUML<\/strong><\/a>: Naucz si\u0119 modelowa\u0107 wymagania funkcjonalne oraz interakcje aktor\u00f3w za pomoc\u0105 diagram\u00f3w przypadk\u00f3w u\u017cycia PlantUML. Omawia aktor\u00f3w, przypadki u\u017cycia, granice systemu, relacje include\/extend oraz wzorce uog\u00f3lnienia do dokumentowania wymaga\u0144 i mapowania historii u\u017cytkownika.<\/p>\n<\/li>\n

  3. \n

    Przewodnik po sk\u0142adni diagram\u00f3w klas PlantUML<\/strong><\/a>: Projektuj statyczne struktury systemu za pomoc\u0105 diagram\u00f3w klas PlantUML. Opanuj deklaracje klas\/atrybut\u00f3w\/metod, modyfikatory widoczno\u015bci, dziedziczenie (<|--<\/code>), kompozycj\u0119 (*--<\/code>), agregacj\u0119 (o--<\/code>), oraz relacje asociacji do dokumentowania architektury opartej na obiektach. [[49]]<\/p>\n<\/li>\n

  4. \n

    Przewodnik po sk\u0142adni diagram\u00f3w sekwencji PlantUML<\/strong><\/a>: Modeluj przep\u0142ywy komunikat\u00f3w i interakcje czasowe mi\u0119dzy sk\u0142adnikami systemu. Naucz si\u0119 deklaracji uczestnik\u00f3w, komunikat\u00f3w synchronicznych\/asynchronicznych (-><\/code>,\u00a0--><\/code>), paski aktywacji, p\u0119tle, bloki alt\/else oraz sk\u0142adni\u0119 tworzenia\/deaktywacji do projektowania interfejs\u00f3w API i diagram\u00f3w komunikacji mikroserwis\u00f3w. [[51]]<\/p>\n<\/li>\n

  5. \n

    Przewodnik po sk\u0142adni diagram\u00f3w aktywno\u015bci PlantUML<\/strong><\/a>: Wizualizuj procesy biznesowe i przep\u0142ywy algorytmiczne za pomoc\u0105 sk\u0142adni diagram\u00f3w aktywno\u015bci PlantUML. Omawia w\u0119z\u0142y startu\/ko\u0144ca, dzia\u0142ania, ga\u0142\u0119zie warunkowe (if\/then\/else<\/code>), p\u0119tle (repeat\/while<\/code>), r\u00f3wnoleg\u0142e ga\u0142\u0119zie i strefy przep\u0142ywu dla dokumentacji logiki proceduralnej. [[46]]<\/p>\n<\/li>\n

  6. \n

    Przewodnik po sk\u0142adni diagram\u00f3w stan\u00f3w PlantUML<\/strong><\/a>: Modeluj sko\u0144czone maszyny stan\u00f3w i przej\u015bcia cyklu \u017cycia obiekt\u00f3w. Naucz si\u0119 deklaracji stan\u00f3w, strza\u0142ek przej\u015b\u0107 (--><\/code>), akcji wej\u015bcia\/wyj\u015bcia, stan\u00f3w z\u0142o\u017conych i obszar\u00f3w wsp\u00f3\u0142bie\u017cnych do projektowania system\u00f3w sterowanych zdarzeniami i specyfikacji zachowa\u0144. [[36]]<\/p>\n<\/li>\n

  7. \n

    Przewodnik po sk\u0142adni diagram\u00f3w obiekt\u00f3w PlantUML<\/strong><\/a>: Ilustruj konkretne instancje obiekt\u00f3w i ich relacje w czasie rzeczywistym w konkretnym momencie. Opanuj nazewnictwo obiekt\u00f3w, przypisywanie warto\u015bci atrybut\u00f3w, sk\u0142adni\u0119 po\u0142\u0105cze\u0144 oraz powi\u0105zania na poziomie instancji do debugowania i wizualizacji scenariuszy testowych. [[15]]<\/p>\n<\/li>\n

  8. \n

    Przewodnik po sk\u0142adni diagram\u00f3w sk\u0142adnik\u00f3w PlantUML<\/strong><\/a>: Mapuj architektur\u0119 oprogramowania modu\u0142owego za pomoc\u0105 sk\u0142adnik\u00f3w, interfejs\u00f3w i zale\u017cno\u015bci. Naucz si\u0119 deklaracji sk\u0142adnik\u00f3w, dostarczanych\/ wymaganych interfejs\u00f3w (<><\/code>), strza\u0142ek zale\u017cno\u015bci oraz grupowania pakiet\u00f3w do dokumentowania system\u00f3w mikroserwis\u00f3w i opartych na wtyczkach. [[35]]<\/p>\n<\/li>\n<\/ol>\n

    \n

    Zaawansowane typy diagram\u00f3w PlantUML<\/h2>\n
      \n
    1. \n

      Przewodnik po sk\u0142adni diagram\u00f3w wdra\u017cania PlantUML<\/strong><\/a>: Modeluj infrastruktur\u0119 fizyczn\u0105 i topologi\u0119 wdra\u017cania w czasie rzeczywistym. Opanuj\u00a0w\u0119ze\u0142<\/code>,\u00a0chmura<\/code>,\u00a0ramka<\/code>,\u00a0baza danych<\/code>, oraz\u00a0artefakt<\/code>\u00a0elementy, sk\u0142adnia zagnie\u017cd\u017conych kontener\u00f3w oraz etykietowanie protoko\u0142\u00f3w sieciowych do ksi\u0105\u017cek zada\u0144 DevOps i diagram\u00f3w architektury chmury. [[31]]<\/p>\n<\/li>\n<\/ol>\n

      @startuml\r\nskinparam shadowing false\r\nskinparam defaultFontName \"Arial\"\r\n\r\n' Zdefiniuj style\r\nskinparam node {\r\nBackgroundColor #F1F8FF\r\nBorderColor #005CC5\r\nFontColor #032F62\r\n}\r\n\r\nskinparam database {\r\nBackgroundColor #FFF5E6\r\nBorderColor #D96F00\r\nFontColor #5C3000\r\n}\r\n\r\nskinparam artifact {\r\nBackgroundColor #E6FFF1\r\nBorderColor #008670\r\nFontColor #004D40\r\n}\r\n\r\nleft to right direction\r\n\r\n' Strefy sieciowe \/ W\u0119z\u0142y\r\nnode \"Sie\u0107 dostarczania tre\u015bci\" as cdn <<CDN>> {\r\nartifact \"Zachowane statyczne zasoby\" as static\r\n}\r\n\r\nnode \"Balansowanie obci\u0105\u017cenia\" as lb <<F5 \/ HAProxy>>\r\n\r\nnode \"Serwer aplikacji\" as appServer <<Ubuntu Linux>> {\r\nnode \"Kontener Docker\" as docker {\r\nartifact \"app.war\" as artifactApp\r\n}\r\n}\r\n\r\nnode \"Serwer bazy danych\" as dbServer <<Klastrowy>> {\r\ndatabase \"Baza produkcyjna\" as db <<PostgreSQL>>\r\n}\r\n\r\n' Po\u0142\u0105czenia z etykietami protoko\u0142\u00f3w\r\ncdn --> lb : HTTP\/HTTPS (Port 443)\r\nlb --> artifactApp : HTTP (Port 8080)\r\nartifactApp --> db : JDBC \/ SQL (Port 5432)\r\n\r\n@enduml<\/pre>\n
      \"\"<\/p>\n
      Przyk\u0142ad: Klasyczna architektura trzywarstwowa pokazuj\u0105ca CDN, balansowanie obci\u0105\u017cenia, serwer aplikacji z zagnie\u017cd\u017conym artefaktem oraz warstw\u0119 bazy danych z po\u0142\u0105czeniami oznaczonymi protoko\u0142ami.<\/em>\u00a0[[1]]<\/p>\n
      \"\"<\/p>\n
      \n
      @startuml\r\n\r\nskinparam shadowing false\r\n\r\nskinparam defaultFontName \"Arial\"\r\n\r\nskinparam linetype ortho\r\n\r\n' Definicje styl\u00f3w\r\n\r\nskinparam rectangle {\r\n\r\n\u00a0 \u00a0 BackgroundColor #F4F6F9\r\n\r\n\u00a0 \u00a0 BorderColor #A0AAB2\r\n\r\n\u00a0 \u00a0 FontColor #232F3E\r\n\r\n}\r\n\r\nskinparam node {\r\n\r\n\u00a0 \u00a0 BackgroundColor #E2F3FC\r\n\r\n\u00a0 \u00a0 BorderColor #4A90E2\r\n\r\n\u00a0 \u00a0 FontColor #111111\r\n\r\n}\r\n\r\nskinparam database {\r\n\r\n\u00a0 \u00a0 BackgroundColor #FFF2E6\r\n\r\n\u00a0 \u00a0 BorderColor #FF9900\r\n\r\n\u00a0 \u00a0 FontColor #232F3E\r\n\r\n}\r\n\r\n' Punkt wej\u015bcia infrastruktury\r\n\r\nnode \"AWS Route 53\" as dns\r\n\r\nnode \"AWS Application Load Balancer\" as alb\r\n\r\ndns --> alb : Przekieruj ruch\r\n\r\n' Granica chmury globalnej\r\n\r\nrectangle \"Strefa chmury AWS\" {\r\n\r\n\u00a0 \u00a0\r\n\r\n\u00a0 \u00a0 ' Granica klastra Kubernetes mi\u0119dzy strefami dost\u0119pno\u015bci\r\n\r\n\u00a0 \u00a0 rectangle \"Klaster Amazon EKS\" as eks {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 ' Strefa dost\u0119pno\u015bci 1\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 rectangle \"Strefa dost\u0119pno\u015bci us-east-1a\" as az1 #line.dashed {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 node \"W\u0119ze\u0142 roboczy EC2 (AZ1)\" as node1 {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 rectangle \"Podd frontend\" as podWeb1 <<K8s Pod>> {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 artifact \"Kontener Nginx\" as containerWeb1\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 rectangle \"Podd API backend\" as podApi1 <<K8s Pod>> {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 artifact \"Kontener aplikacji Go\" as containerApi1\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 ' Strefa dost\u0119pno\u015bci 2\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 rectangle \"Strefa dost\u0119pno\u015bci us-east-1b\" as az2 #line.dashed {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 node \"W\u0119ze\u0142 roboczy EC2 (AZ2)\" as node2 {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 rectangle \"Podd frontend\" as podWeb2 <<K8s Pod>> {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 artifact \"Kontener Nginx\" as containerWeb2\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 rectangle \"Podd API backend\" as podApi2 <<K8s Pod>> {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 artifact \"Kontener aplikacji Go\" as containerApi2\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 ' Wsp\u00f3\u0142dzielona warstwa bazy danych\r\n\r\n\u00a0 \u00a0 rectangle \"Silnik magazynowania Amazon Aurora\" as storage {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 database \"G\u0142\u00f3wna Aurora (pisarz)\" as dbMaster\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 database \"Replika Aurora (czytelnik)\" as dbReplica\r\n\r\n\u00a0 \u00a0 }\r\n\r\n}\r\n\r\n' Routing i macierz ruchu\r\n\r\nalb --> podWeb1 : HTTP\/S (Port 80\/443)\r\n\r\nalb --> podWeb2 : HTTP\/S (Port 80\/443)\r\n\r\npodWeb1 --> podApi1 : gRPC (Port 50051)\r\n\r\npodWeb2 --> podApi2 : gRPC (Port 50051)\r\n\r\npodApi1 --> dbMaster : TCP (Port 5432)\r\n\r\npodApi2 --> dbMaster : TCP (Port 5432)\r\n\r\ndbMaster .right.> dbReplica : Automatyczna replikacja magazynu\r\n\r\n@enduml<\/pre>\n<\/div>\n
      Przyk\u0142ad: Wdro\u017cenie Kubernetes typu cloud-native na r\u00f3\u017cnych strefach dost\u0119pno\u015bci AWS z routowaniem przez balanser obci\u0105\u017cenia, zagnie\u017cd\u017caniem pod\u00f3w oraz wsp\u00f3\u0142dzielonym klastrem bazy danych.<\/em>\u00a0[[1]]<\/p>\n
        \n
      1. \n
        Przewodnik po sk\u0142adni diagram\u00f3w czasowych PlantUML<\/strong><\/a>: Wizualizuj dok\u0142adne trwa\u0142o\u015bci stan\u00f3w i ograniczenia czasowe wzd\u0142u\u017c liniowych osi czasu. Poznaj\u00a0solidny<\/code>\/zwi\u0119z\u0142y<\/code>\u00a0style uczestnik\u00f3w,\u00a0@punkt czasu<\/code>\u00a0przypisywanie stan\u00f3w,\u00a0zegar<\/code>\u00a0generowanie przebieg\u00f3w i\u00a0<-><\/code>\u00a0adnotacje ogranicze\u0144 dla system\u00f3w wbudowanych i specyfikacji protoko\u0142\u00f3w. [[30]]<\/p>\n<\/li>\n<\/ol>\n
        \"\"<\/p>\n
        @startuml\r\nskinparam handwritten false\r\nskinparam shadowing false\r\nskinparam defaultFontName \"Arial\"\r\n\r\n' Tytu\u0142 diagramu czasowego\r\ntitle Chronologia synchronizacji rejestru magistrali danych\r\n\r\n' Zdefiniuj okresowy przebieg zegara (okres 10 jednostek, wysoki 5 jednostek)\r\nclock \"Zegar systemowy\" jako CLK z okresem 10 impuls 5\r\n\r\n' Zdefiniuj uczestnika magistrali danych jako solidny\r\nrobust \"Rejestr magistrali danych\" jako BUS\r\n\r\n' Czas 0: pocz\u0105tkowy stan rejestru\r\n@0\r\nBUS jest Pusty\r\n\r\n' Czas 10: magistrala danych przechodzi do stanu Odczytu\r\n@10\r\nBUS jest Odczyt\r\n\r\n' Czas 20: magistrala danych przechodzi do stanu Zapisu\r\n@20\r\nBUS jest Zapis\r\n\r\n' Czas 22: wy\u015bwietl etykiet\u0119 tekstow\u0105 na osi czasu\r\n@22\r\nnote top of BUS : T_ZAPIS\r\n\r\n' Czas 30: magistrala danych staje si\u0119 Zablokowana\r\n@30\r\nBUS jest Zablokowany\r\n\r\n' Czas 35: wy\u015bwietl etykiet\u0119 tekstow\u0105 na osi czasu\r\n@35\r\nnote top of BUS : T_BLOKADA\r\n\r\n' Czas 40: magistrala danych powraca do stanu Pusty\r\n@40\r\nBUS jest Pusty\r\n\r\n' Dodaj adnotacje ogranicze\u0144 czasowych przy u\u017cyciu jawnych punkt\u00f3w liczbowych\r\n@22 <-> @35 : {13 jednostek czasu Trwa\u0142o\u015b\u0107}\r\n\r\n@enduml<\/pre>\n
        Przyk\u0142ad: Zwi\u0119z\u0142a linia czasu pokazuj\u0105ca stany rejestru magistrali danych (Pusty \u2192 Odczyt \u2192 Zapis \u2192 Zablokowany), zsynchronizowane z okresowym przebiegiem zegara systemowego.<\/em> [[12]]<\/p>\n
        \"\"<\/p>\n
        \n
        @startuml\r\n\r\nskinparam shadowing false\r\n\r\nskinparam defaultFontName \"Arial\"\r\n\r\n' Tytu\u0142 diagramu czasowego wielow\u0105tkowego\r\n\r\ntitle Synchronizacja w\u0105tku klienta internetowego i w\u0105tku pracownika uwierzytelniania\r\n\r\n' Zadeklaruj linie czasu przy u\u017cyciu stylu uczestnika solidnego\r\n\r\nrobust \"W\u0105tek klienta internetowego\" jako CLIENT\r\n\r\nrobust \"W\u0105tek pracownika uwierzytelniania\" jako AUTH\r\n\r\n' Czas 0ms: pocz\u0105tkowe stany bezczynno\u015bci\r\n\r\n@0\r\n\r\nCLIENT jest Bezczynny\r\n\r\nAUTH jest Bezczynny\r\n\r\n' Czas 10ms: Klient wyzwala \u017c\u0105danie uwierzytelnienia\r\n\r\n@10\r\n\r\nCLIENT jest \"Oczekuj\u0105ce uwierzytelnienie\"\r\n\r\nAUTH jest \"Weryfikacja po\u015bwiadcze\u0144\"\r\n\r\n' Czas 25ms: Klient wysy\u0142a dodatkowe dane \/ Uwierzytelnianie zaczyna generowa\u0107 token\r\n\r\n@25\r\n\r\nAUTH jest \"Generowanie tokenu JWT\"\r\n\r\n' Czas 40ms: Uwierzytelnianie ko\u0144czy generowanie tokenu i odpowiada klientowi\r\n\r\n@40\r\n\r\nAUTH jest Bezczynny\r\n\r\nCLIENT jest \"Zautoryzowany\"\r\n\r\n' Czas 55ms: Klient powraca do stanu domy\u015blnego\r\n\r\n@55\r\n\r\nCLIENT jest Bezczynny\r\n\r\n' Adnotacja okna ogranicze\u0144 czasowych 30ms (od @10 do @40)\r\n\r\n@10 <-> @40 : {30ms Okno generacji}\r\n\r\n@enduml<\/pre>\n<\/div>\n
        Przyk\u0142ad: Solidna linia czasu mapuj\u0105ca stany klienta internetowego i pracownika uwierzytelniania z adnotacj\u0105 ograniczenia okna generacji 30ms.<\/em>\u00a0[[12]]<\/p>\n
          \n
        1. \n
          Przewodnik po sk\u0142adni diagram\u00f3w ERD PlantUML<\/strong><\/a>: Projektuj diagramy relacji encji do dokumentacji schematu bazy danych. Opanuj deklaracje encji, typowanie atrybut\u00f3w, oznaczenia kluczy g\u0142\u00f3wnych\/obcych oraz relacje liczno\u015bci (1|o--o{<\/code>) do modelowania danych i planowania migracji SQL.<\/p>\n<\/li>\n
        2. \n
          Przewodnik po sk\u0142adni diagram\u00f3w ArchiMate PlantUML<\/strong><\/a>: Modeluj warstwy architektury przedsi\u0119biorstwa przy u\u017cyciu specyfikacji ArchiMate. Poznaj elementy warstw biznesowej\/aplikacji\/technologii, koncepcje motywacji oraz typy relacji do strategicznego planowania IT i dokumentacji zarz\u0105dzania.<\/p>\n<\/li>\n
        3. \n
          Przewodnik po sk\u0142adni modelu C4 PlantUML<\/strong><\/a>: Zaimplementuj model C4 do wizualizacji architektury oprogramowania na czterech poziomach abstrakcji: Kontekst, Kontener, Komponent i Kod. Opanuj\u00a0Osoba<\/code>,\u00a0System<\/code>,\u00a0Kontener<\/code>, i\u00a0Sk\u0142adnik<\/code>\u00a0stereotypy z kontenerami granicznymi i stylizacj\u0105 relacji do komunikacji architektonicznej dopasowanej do zainteresowa\u0144 stakeholder\u00f3w.<\/p>\n<\/li>\n<\/ol>\n
          \n
          \n
          Uwaga dotycz\u0105ce osadzonych diagram\u00f3w<\/strong>: Wszystkie przyk\u0142ady kodu PlantUML w dokumentacji VPASCode s\u0105 renderowane jako interaktywne, edytowalne diagramy bezpo\u015brednio w przegl\u0105darce. Linki do obraz\u00f3w PNG powy\u017cej pokazuj\u0105 statyczne podgl\u0105dy przyk\u0142ad\u00f3w diagram\u00f3w; aby uzyska\u0107 pe\u0142n\u0105 interaktywno\u015b\u0107, w tym edycj\u0119 w czasie rzeczywistym, weryfikacj\u0119 sk\u0142adni i eksport do PNG\/SVG, odwied\u017a ka\u017cdy artyku\u0142 bezpo\u015brednio pod adresem\u00a0vpascode.com\/docs<\/a>. [[54]]<\/p>\n<\/blockquote>\n
          \n
          Funkcje edytora VPasCode<\/strong>: Ka\u017cdy artyku\u0142 zawiera przyciski \u201eEdytuj PlantUML w VPasCode\u201d, kt\u00f3re uruchamiaj\u0105 przyk\u0142ad kodu w darmowym, przegl\u0105darkowym edytorze VPasCode \u2014 nie wymaga logowania ani instalacji. Zmiany s\u0105 natychmiast widoczne dzi\u0119ki renderowaniu w czasie rzeczywistym. [[54]]<\/p>\n<\/blockquote>\n
          \n
          \u0179r\u00f3d\u0142o: zestawienie z dokumentacji VPasCode. VPasCode to darmowy, internetowy, przegl\u0105darkowy edytor diagram\u00f3w PlantUML, Mermaid i Graphviz, kt\u00f3ry nie wymaga logowania ani instalacji.<\/em>\u00a0[[54]]<\/p>\n","protected":false},"excerpt":{"rendered":"
          Wyb\u00f3r artyku\u0142\u00f3w z playbooka VPASCode PlantUML zawieraj\u0105cy przewodniki sk\u0142adni dla diagram\u00f3w UML i nie-UML w przep\u0142ywach diagram\u00f3w jako kodu. Podstawy<\/p>\n","protected":false},"author":3482,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[1,160],"tags":[],"class_list":["post-11077","post","type-post","status-publish","format-standard","hentry","category-uncategorized","category-vpascode"],"yoast_head":"\nPrzewodnik po referencji do playbooka VPASCode PlantUML - ArchiMetric Polish<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Przewodnik po referencji do playbooka VPASCode PlantUML - ArchiMetric Polish\" \/>\n<meta property=\"og:description\" content=\"Wyb\u00f3r artyku\u0142\u00f3w z playbooka VPASCode PlantUML zawieraj\u0105cy przewodniki sk\u0142adni dla diagram\u00f3w UML i nie-UML w przep\u0142ywach diagram\u00f3w jako kodu. Podstawy\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"ArchiMetric Polish\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-02T09:17:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.archimetric.com\/pl\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\"},\"headline\":\"Przewodnik po referencji do playbooka VPASCode PlantUML\",\"datePublished\":\"2026-06-02T09:17:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/\"},\"wordCount\":882,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png\",\"articleSection\":[\"Uncategorized\",\"VPasCode\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/\",\"url\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/\",\"name\":\"Przewodnik po referencji do playbooka VPASCode PlantUML - ArchiMetric Polish\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png\",\"datePublished\":\"2026-06-02T09:17:32+00:00\",\"author\":{\"@id\":\"https:\/\/www.archimetric.com\/pl\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#primaryimage\",\"url\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png\",\"contentUrl\":\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.archimetric.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Przewodnik po referencji do playbooka VPASCode PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.archimetric.com\/pl\/#website\",\"url\":\"https:\/\/www.archimetric.com\/pl\/\",\"name\":\"ArchiMetric Polish\",\"description\":\"EA, Dev Ops, Scrum, Agile and More\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.archimetric.com\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.archimetric.com\/pl\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.archimetric.com\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.archimetric.com\/pl\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Przewodnik po referencji do playbooka VPASCode PlantUML - ArchiMetric Polish","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/","og_locale":"pl_PL","og_type":"article","og_title":"Przewodnik po referencji do playbooka VPASCode PlantUML - ArchiMetric Polish","og_description":"Wyb\u00f3r artyku\u0142\u00f3w z playbooka VPASCode PlantUML zawieraj\u0105cy przewodniki sk\u0142adni dla diagram\u00f3w UML i nie-UML w przep\u0142ywach diagram\u00f3w jako kodu. Podstawy","og_url":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/","og_site_name":"ArchiMetric Polish","article_published_time":"2026-06-02T09:17:32+00:00","og_image":[{"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"curtis","Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#article","isPartOf":{"@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/"},"author":{"name":"curtis","@id":"https:\/\/www.archimetric.com\/pl\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba"},"headline":"Przewodnik po referencji do playbooka VPASCode PlantUML","datePublished":"2026-06-02T09:17:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/"},"wordCount":882,"commentCount":0,"image":{"@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png","articleSection":["Uncategorized","VPasCode"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/","url":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/","name":"Przewodnik po referencji do playbooka VPASCode PlantUML - ArchiMetric Polish","isPartOf":{"@id":"https:\/\/www.archimetric.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png","datePublished":"2026-06-02T09:17:32+00:00","author":{"@id":"https:\/\/www.archimetric.com\/pl\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba"},"breadcrumb":{"@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#primaryimage","url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png","contentUrl":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1e9f7530829.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.archimetric.com\/pl\/vpascode-plantuml-playbook-reference-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.archimetric.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Przewodnik po referencji do playbooka VPASCode PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.archimetric.com\/pl\/#website","url":"https:\/\/www.archimetric.com\/pl\/","name":"ArchiMetric Polish","description":"EA, Dev Ops, Scrum, Agile and More","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.archimetric.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Person","@id":"https:\/\/www.archimetric.com\/pl\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba","name":"curtis","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.archimetric.com\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.archimetric.com\/pl\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/posts\/11077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/users\/3482"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/comments?post=11077"}],"version-history":[{"count":0,"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/posts\/11077\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/media?parent=11077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/categories?post=11077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.archimetric.com\/pl\/wp-json\/wp\/v2\/tags?post=11077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}