{"id":2029,"date":"2026-07-28T06:23:17","date_gmt":"2026-07-28T06:23:17","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/","title":{"rendered":"Ruby"},"content":{"rendered":"

Lors de l’architecture d’applications web Ruby on Rails, de pipelines de travail en arri\u00e8re-plan ou de mod\u00e8les de domaine en Ruby, la lecture des d\u00e9finitions de classes dynamiques et des mixins de modules peut rendre difficile la visualisation des relations entre objets. Le Ruby Visualizer<\/strong>transforme les classes Ruby, les modules, les inclusion de mixins et les hi\u00e9rarchies de classes en diagrammes de classes clairs et interactifs. En analysant les accesseurs d’attributs (attr_accessor<\/code>, attr_reader<\/code>), les compositions de modules (include<\/code>, extend<\/code>), et les cha\u00eenes d’h\u00e9ritage (<<\/code>), les d\u00e9veloppeurs Ruby et les architectes backend peuvent inspecter visuellement les structures de domaine orient\u00e9es objet d’un coup d’\u0153il.<\/p>\n

Les m\u00e9canismes des visualisations Ruby<\/h2>\n

Dans VPasCode, le rendu Ruby analyse automatiquement class<\/code> les d\u00e9clarations, module<\/code> les mixins, les d\u00e9finitions d’attributs et les signatures de m\u00e9thodes en cartes de classes structur\u00e9es au style UML. Les classes et les modules servent de n\u0153uds visuels principaux, les lecteurs d’attributs apparaissent comme des champs, et les mots-cl\u00e9s d’h\u00e9ritage ou d’inclusion de mixins g\u00e9n\u00e8rent automatiquement des connecteurs de relation entre les entit\u00e9s visuelles.<\/p>\n

1. Configuration essentielle<\/h3>\n

Pour visualiser une hi\u00e9rarchie de classes Ruby standard, d\u00e9finissez des modules pour les comportements partag\u00e9s aux c\u00f4t\u00e9s des classes de base et des impl\u00e9mentations enfants. Les interfaces de traitement des paiements d\u00e9montrent l’h\u00e9ritage de classes fondamental et la composition de modules en Ruby :<\/p>\n

\n
\nRuby<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier Ruby dans VPasCode<\/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 
# Mixin de journalisation partag\u00e9\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# Passerelle de paiement abstraite de base\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, \"Les sous-classes doivent impl\u00e9menter process_payment\"\r\n  end\r\nend\r\n\r\n# Sous-classe d'impl\u00e9mentation Stripe\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(\"Traitement de $#{amount} via 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>
\nModifier Ruby dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Techniques structurelles avanc\u00e9es<\/h2>\n
Les visualisations Ruby excellent \u00e0 cartographier les flux de livraison e-commerce, les objets valeur pilot\u00e9s par le domaine et les entit\u00e9s de style Active Record.<\/p>\n
1. Syst\u00e8me de traitement des commandes e-commerce<\/h3>\n
En combinant des symboles d’\u00e9num\u00e9ration d’\u00e9tat, des objets \u00e9l\u00e9ment de ligne et des entit\u00e9s de commande agr\u00e9g\u00e9es, VPasCode transforme les mod\u00e8les de domaine Ruby en r\u00e9seaux de diagrammes clairs et structur\u00e9s :<\/p>\n
\n
\nRuby<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier Ruby dans VPasCode<\/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                    
module Exp\u00e9diable\r\n  def calculer_poids_exp\u00e9dition\r\n    ligne_articles.sum(&:poids)\r\n  end\r\nend\r\n\r\nclass LigneArticle\r\n  attr_reader :sku, :prix, :quantit\u00e9, :poids\r\n\r\n  def initialize(sku, prix, quantit\u00e9, poids = 1.0)\r\n    @sku = sku\r\n    @prix = prix\r\n    @quantit\u00e9 = quantit\u00e9\r\n    @poids = poids\r\n  end\r\n\r\n  def prix_total\r\n    @prix * @quantit\u00e9\r\n  end\r\nend\r\n\r\nclass Commande\r\n  include Exp\u00e9diable\r\n\r\n  attr_reader :id_commande, :statut, :ligne_articles\r\n\r\n  def initialize(id_commande)\r\n    @id_commande = id_commande\r\n    @statut = :en_attente\r\n    @ligne_articles = []\r\n  end\r\n\r\n  def ajouter_article(article)\r\n    @ligne_articles << article\r\n  end\r\n\r\n  def total_global\r\n    @ligne_articles.sum(&:prix_total)\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>
\nModifier Ruby dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Structuration des modules d’authentification et de s\u00e9curit\u00e9 utilisateur<\/h2>\n
Visualiser les strat\u00e9gies d’authentification, les modules de g\u00e9n\u00e9ration de jetons et les gestionnaires de permissions par r\u00f4le aide les ing\u00e9nieurs backend \u00e0 maintenir des fronti\u00e8res de s\u00e9curit\u00e9 claires dans les applications Ruby.<\/p>\n
1. Module d’authentification et de permissions utilisateur<\/h3>\n
Regrouper les v\u00e9rificateurs de cr\u00e9dentials, les g\u00e9n\u00e9rateurs de jetons et les classes d’identit\u00e9 utilisateur pour d\u00e9finir les limites d’autorisation :<\/p>\n
\n
\nRuby<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier Ruby dans VPasCode<\/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                    
module Authentifiable\r\n  def verifier_mot_de_passe(mot_de_passe_entree)\r\n    BCrypt::Password.new(hachage_mot_de_passe) == mot_de_passe_entree\r\n  end\r\nend\r\n\r\nclass Utilisateur\r\n  include Authentifiable\r\n\r\n  attr_accessor :email, :role\r\n  attr_reader :id_utilisateur, :hachage_mot_de_passe\r\n\r\n  def initialize(id_utilisateur, email, hachage_mot_de_passe, role = :membre)\r\n    @id_utilisateur = id_utilisateur\r\n    @email = email\r\n    @hachage_mot_de_passe = hachage_mot_de_passe\r\n    @role = role\r\n  end\r\n\r\n  def administrateur?\r\n    @role == :administrateur\r\n  end\r\nend\r\n\r\nclass GestionnaireSession\r\n  attr_reader :utilisateur_actuel\r\n\r\n  def initialize(utilisateur)\r\n    @utilisateur_actuel = utilisateur\r\n  end\r\n\r\n  def autoriser!(role_requis)\r\n    return true if @utilisateur_actuel.administrateur?\r\n    @utilisateur_actuel.role == role_requis\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>
\nModifier Ruby dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Meilleures pratiques strat\u00e9giques<\/h2>\n
    \n
  • D\u00e9clarer explicitement les lecteurs\/acc\u00e8s d’attributs :<\/strong> Utiliser attr_reader<\/code>, attr_writer<\/code>, ou attr_accessor<\/code> au d\u00e9but des d\u00e9finitions de classe afin que les propri\u00e9t\u00e9s soient reconnues et affich\u00e9es comme des champs explicites.<\/li>\n
  • Utiliser les modules pour le comportement partag\u00e9 :<\/strong> S\u00e9parer les fonctionnalit\u00e9s r\u00e9utilisables en module<\/code> mixins et utiliser include<\/code> pour maintenir les relations visuelles d\u00e9connect\u00e9es.<\/li>\n
  • Maintenir les cha\u00eenes d’h\u00e9ritage claires :<\/strong> Privil\u00e9gier des hi\u00e9rarchies de classes peu profondes (class Enfant < Parent<\/code>) combin\u00e9 avec des mixins de module pour des arbres de n\u0153uds de mise en page visuelle plus propres.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Lors de l’architecture d’applications web Ruby on Rails, de pipelines de travail en arri\u00e8re-plan ou de mod\u00e8les de domaine en Ruby, la lecture des d\u00e9finitions de classes dynamiques et des mixins de modules peut rendre difficile la visualisation des relations…<\/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-2029","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\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/\",\"name\":\"Ruby to Diagram Guide | Text to Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/ruby-visualizer-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ruby\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/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\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/","og_locale":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/","name":"Ruby to Diagram Guide | Text to Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/ruby-visualizer-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/fr\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Ruby"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/fr\/#website","url":"https:\/\/www.vpascode.com\/fr\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/fr\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs\/2029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/media?parent=2029"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}