{"id":2028,"date":"2026-07-28T06:23:17","date_gmt":"2026-07-28T06:23:17","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/ruby-visualizer-guide\/"},"modified":"2026-07-28T06:23:17","modified_gmt":"2026-07-28T06:23:17","slug":"ruby-visualizer-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/","title":{"rendered":"Ruby"},"content":{"rendered":"

Beim Architektur von Ruby on Rails-Webanwendungen, Hintergrundarbeiter-Pipelines oder Dom\u00e4nenmodellen in Ruby kann das Lesen dynamischer Klassendefinitionen und Modul-Mixins es schwierig machen, Objektbeziehungen visuell darzustellen. Die Ruby Visualizer<\/strong>wandelt Ruby-Klassen, Module, Mixin-Einschl\u00fcsse und Klassenhierarchien in klare, interaktive Klassendiagramme um. Durch die Analyse von Attribut-Zugriffsmethoden (attr_accessor<\/code>, attr_reader<\/code>), Modulzusammensetzungen (include<\/code>, extend<\/code>), und Vererbungsketten (<<\/code>), k\u00f6nnen Ruby-Entwickler und Backend-Architekten objektorientierte Dom\u00e4nenstrukturen auf einen Blick visuell pr\u00fcfen.<\/p>\n

Die Mechanik von Ruby-Visualisierungen<\/h2>\n

In VPasCode analysiert die Ruby-Visualisierung automatisch class<\/code> Deklarationen, module<\/code>Mixins, Attributdefinitionen und Methodensignaturen in strukturierte UML-artige Klassenkarten. Klassen und Module dienen als prim\u00e4re visuelle Knoten, Attribut-Reader werden als Felder aufgelistet, und Schl\u00fcsselw\u00f6rter f\u00fcr Vererbung oder Mixin-Einschl\u00fcsse generieren automatisch Beziehungskonnektoren zwischen visuellen Entit\u00e4ten.<\/p>\n

1. Grundlegende Einrichtung<\/h3>\n

Um eine Standard-Ruby-Klassenhierarchie zu visualisieren, definieren Sie Module f\u00fcr gemeinsame Verhaltensweisen neben Basisklassen und abgeleiteten Implementierungen. Zahlungsverarbeitungsschnittstellen demonstrieren grundlegende Klassenvererbung und Modulzusammensetzung in Ruby:<\/p>\n

\n
\nRuby<\/span>
\n
\n<\/path><\/path><\/svg>
\nRuby in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Ruby<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Ruby in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
# Gemeinsamer Logging-Mixin\r\nmodule Loggable\r\n  def log_action(message)\r\n    puts \"[LOG] #{Time.now}: #{message}\"\r\n  end\r\nend\r\n\r\n# Basisklasse f\u00fcr Zahlungs-Gateway im abstrakten Stil\r\nclass BaseGateway\r\n  include Loggable\r\n\r\n  attr_reader :api_key, :environment\r\n\r\n  def initialize(api_key, environment = :sandbox)\r\n    @api_key = api_key\r\n    @environment = environment\r\n  end\r\n\r\n  def process_payment(amount)\r\n    raise NotImplementedError, \"Unterklassen m\u00fcssen process_payment implementieren\"\r\n  end\r\nend\r\n\r\n# Stripe-Implementierung als Unterklasse\r\nclass StripeGateway < BaseGateway\r\n  attr_accessor :stripe_account_id\r\n\r\n  def initialize(api_key, stripe_account_id)\r\n    super(api_key, :production)\r\n    @stripe_account_id = stripe_account_id\r\n  end\r\n\r\n  def process_payment(amount)\r\n    log_action(\"Verarbeitung von $#{amount} \u00fcber Stripe\")\r\n    true\r\n  end\r\nend<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Ruby in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nRuby in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Erweiterte strukturelle Techniken<\/h2>\n
Ruby-Visualisierungen zeichnen sich durch die Darstellung von E-Commerce-Versandabl\u00e4ufen, domaingetriebenen Wertobjekten und Active-Record-artigen Entit\u00e4ten aus.<\/p>\n
1. E-Commerce-Auftragsverarbeitungssystem<\/h3>\n
Durch die Kombination von Zustands-Enumerationssymbolen, Artikelobjekten und aggregierten Auftragsentit\u00e4ten wandelt VPasCode Ruby-Dom\u00e4nenmodelle in klare, strukturierte Diagrammnetzwerke um:<\/p>\n
\n
\nRuby<\/span>
\n
\n<\/path><\/path><\/svg>
\nRuby in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Ruby<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Ruby in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
modul Versandbar\r\n  def berechne_Versandgewicht\r\n    zeilenartikel.sum(&:gewicht)\r\n  end\r\nend\r\n\r\nclass Zeilenartikel\r\n  attr_reader :sku, :preis, :menge, :gewicht\r\n\r\n  def initialize(sku, preis, menge, gewicht = 1.0)\r\n    @sku = sku\r\n    @preis = preis\r\n    @menge = menge\r\n    @gewicht = gewicht\r\n  end\r\n\r\n  def gesamtpreis\r\n    @preis * @menge\r\n  end\r\nend\r\n\r\nclass Bestellung\r\n  include Versandbar\r\n\r\n  attr_reader :bestellungs_id, :status, :zeilenartikel\r\n\r\n  def initialize(bestellungs_id)\r\n    @bestellungs_id = bestellungs_id\r\n    @status = :ausstehend\r\n    @zeilenartikel = []\r\n  end\r\n\r\n  def f\u00fcge_Artikel_hinzu(artikel)\r\n    @zeilenartikel << artikel\r\n  end\r\n\r\n  def gesamtsumme\r\n    @zeilenartikel.sum(&:gesamtpreis)\r\n  end\r\nend<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Ruby in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nRuby in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Aufbau von Benutzer-Authentifizierungs- und Sicherheitsmodulen<\/h2>\n
Die Visualisierung von Authentifizierungsstrategien, Token-Generierungsmodulen und Rollenberechtigungs-Handler hilft Backend-Entwicklern, klare Sicherheitsgrenzen in Ruby-Anwendungen aufrechtzuerhalten.<\/p>\n
1. Benutzer-Authentifizierungs- und Berechtigungsmodul<\/h3>\n
Kombinieren Sie Anmeldepr\u00fcfungen, Token-Generatoren und Benutzer-Identit\u00e4tsklassen, um Autorisierungsgrenzen abzubilden:<\/p>\n
\n
\nRuby<\/span>
\n
\n<\/path><\/path><\/svg>
\nRuby in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Ruby<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Ruby in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
modul Authentifizierbar\r\n  def \u00fcberpr\u00fcfe_Passwort(eingabe_Passwort)\r\n    BCrypt::Passwort.new(passwort_Digest) == eingabe_Passwort\r\n  end\r\nend\r\n\r\nclass Benutzer\r\n  include Authentifizierbar\r\n\r\n  attr_accessor :email, :rolle\r\n  attr_reader :benutzer_id, :passwort_Digest\r\n\r\n  def initialize(benutzer_id, email, passwort_Digest, rolle = :mitglied)\r\n    @benutzer_id = benutzer_id\r\n    @email = email\r\n    @passwort_Digest = passwort_Digest\r\n    @rolle = rolle\r\n  end\r\n\r\n  def admin?\r\n    @rolle == :admin\r\n  end\r\nend\r\n\r\nclass SitzungsManager\r\n  attr_reader :aktueller_Benutzer\r\n\r\n  def initialize(benutzer)\r\n    @aktuelle_Benutzer = benutzer\r\n  end\r\n\r\n  def berechtige!(erforderliche_Rolle)\r\n    return true if @aktuelle_Benutzer.admin?\r\n    @aktuelle_Benutzer.rolle == erforderliche_Rolle\r\n  end\r\nend<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Ruby in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nRuby in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Strategische Best Practices<\/h2>\n
    \n
  • Erkl\u00e4ren Sie explizite Attribut-Reader\/Accessors:<\/strong> Verwenden Sie attr_reader<\/code>, attr_writer<\/code>, oder attr_accessor<\/code> am Anfang der Klassendefinitionen, damit Eigenschaften erkannt und als explizite Felder dargestellt werden.<\/li>\n
  • Nutzen Sie Module f\u00fcr gemeinsame Verhaltensweisen:<\/strong> Trennen Sie wiederverwendbare Funktionalit\u00e4ten in modul<\/code> Mixins und verwenden Sie include<\/code> um visuelle Beziehungen entkoppelt zu halten.<\/li>\n
  • Halten Sie Vererbungsketten klar:<\/strong> Bevorzugen Sie flache Klassenhierarchien (class Kind < Elternteil<\/code>) kombiniert mit Modul-Mixins f\u00fcr eine sauberere visuelle Anordnung von Knotenbaumstrukturen.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Beim Architektur von Ruby on Rails-Webanwendungen, Hintergrundarbeiter-Pipelines oder Dom\u00e4nenmodellen in Ruby kann das Lesen dynamischer Klassendefinitionen und Modul-Mixins es schwierig machen, Objektbeziehungen visuell darzustellen. Die Ruby Visualizerwandelt Ruby-Klassen, Module, Mixin-Einschl\u00fcsse und Klassenhierarchien in klare, interaktive Klassendiagramme um. Durch die Analyse…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":9,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2028","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nRuby to Diagram Guide | Text to Diagram with VPasCode<\/title>\n<meta name=\"description\" content=\"Visualize Ruby classes and application structure instantly. VPasCode acts as a full-featured diagram-as-code tool to simplify your text to diagram process.\" \/>\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.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ruby to Diagram Guide | Text to Diagram with VPasCode\" \/>\n<meta property=\"og:description\" content=\"Visualize Ruby classes and application structure instantly. VPasCode acts as a full-featured diagram-as-code tool to simplify your text to diagram process.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a68500d38865-e1785223911290.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/\",\"name\":\"Ruby to Diagram Guide | Text to Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a68500d38865-e1785223911290.png\",\"datePublished\":\"2026-07-28T06:23:17+00:00\",\"description\":\"Visualize Ruby classes and application structure instantly. VPasCode acts as a full-featured diagram-as-code tool to simplify your text to diagram process.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a68500d38865-e1785223911290.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a68500d38865-e1785223911290.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ruby\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ruby to Diagram Guide | Text to Diagram with VPasCode","description":"Visualize Ruby classes and application structure instantly. VPasCode acts as a full-featured diagram-as-code tool to simplify your text to diagram process.","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.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/","og_locale":"de_DE","og_type":"article","og_title":"Ruby to Diagram Guide | Text to Diagram with VPasCode","og_description":"Visualize Ruby classes and application structure instantly. VPasCode acts as a full-featured diagram-as-code tool to simplify your text to diagram process.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a68500d38865-e1785223911290.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/","name":"Ruby to Diagram Guide | Text to Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a68500d38865-e1785223911290.png","datePublished":"2026-07-28T06:23:17+00:00","description":"Visualize Ruby classes and application structure instantly. VPasCode acts as a full-featured diagram-as-code tool to simplify your text to diagram process.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a68500d38865-e1785223911290.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a68500d38865-e1785223911290.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/ruby-visualizer-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/de\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/de\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Ruby"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/de\/#website","url":"https:\/\/www.vpascode.com\/de\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/de\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs\/2028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=2028"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}