{"id":8496,"date":"2020-10-19T09:30:00","date_gmt":"2020-10-19T07:30:00","guid":{"rendered":"https:\/\/tangi-bertin.net\/blog\/?p=8496"},"modified":"2023-06-18T21:14:02","modified_gmt":"2023-06-18T19:14:02","slug":"diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml","status":"publish","type":"post","link":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/","title":{"rendered":"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml"},"content":{"rendered":"\n<div class=\"wp-block-jetpack-markdown\"><p>La cr\u00e9ation de diagramme et de mod\u00e9lisation d&rsquo;organisation est un vaste sujet. De tr\u00e8s nombreuses solutions visuelles existent du c\u00e9l\u00e8bre <a href=\"https:\/\/app.diagrams.net\/\">draw.io<\/a> \u00e0 <a href=\"https:\/\/www.microsoft.com\/fr-fr\/microsoft-365\/visio\/flowchart-software\">Microsoft Visio<\/a>, de <a href=\"https:\/\/fr.libreoffice.org\/discover\/draw\/\">LibreOffice Draw<\/a> \u00e0 Powerpoint.<\/p>\n<p>\u00c0 l&rsquo;occasion de l&rsquo;exploration des oc\u00e9ans de d\u00e9p\u00f4ts que sont Gitlab et Github, je suis tomb\u00e9 face \u00e0 une typologie de <em>flowchart<\/em> que je n&rsquo;avais pas alors encore approch\u00e9e : les diagrammes UML g\u00e9n\u00e9r\u00e9s par des scripts textuels.<\/p>\n<p><a href=\"https:\/\/mermaid-js.github.io\/mermaid\/#\/\">Mermaid<\/a> et <a href=\"https:\/\/nomnoml.com\/\">Nomnoml<\/a> sont 2 programmes qui vont vous permettre au travers d&rsquo;une syntaxe textuelle de cr\u00e9er des sch\u00e9mas avec 2 grands avantages lors de leurs cr\u00e9ations :<\/p>\n<ul>\n<li>Gr\u00e2ce au format texte, il est beaucoup <strong>plus simple de suivre les modifications<\/strong> qui sont r\u00e9alis\u00e9es sur chacune des versions gr\u00e2ce un outil tel que Git. Simplicit\u00e9 de collaboration et l\u00e9g\u00e8ret\u00e9 au rendez-vous.<\/li>\n<li><strong>Plus besoin de se fatiguer \u00e0 placer correctement les diff\u00e9rents \u00e9l\u00e9ments<\/strong>. Le soft le fait pour vous (parfois le r\u00e9sultat est surprenant).<\/li>\n<\/ul>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"266\" src=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/modifications-mermaid-gitlab.png\" alt=\"\" class=\"wp-image-8498\" srcset=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/modifications-mermaid-gitlab.png 980w, https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/modifications-mermaid-gitlab-577x157.png 577w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><figcaption class=\"wp-element-caption\">Suivi de modification du sch\u00e9ma Mermaid sous Gitlab<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-jetpack-markdown\"><p>Les 2 <em>frameworks<\/em> sont proches mais pr\u00e9sentent \u00e9videmment des diff\u00e9rences :<\/p>\n<ul>\n<li><strong>Mermaid<\/strong> propose un grand choix de types de visualisations : <em>Flowchart<\/em>, <em>Sequence diagram<\/em>, <em>Gantt diagram<\/em>, <em>User Journey Diagram<\/em> et <em>Class diagram experimental<\/em>, <em>Git graph<\/em>, <em>Entity Relationship Diagram<\/em> en version encore exp\u00e9rimentale.<\/li>\n<li><strong>Nomnoml<\/strong> quant \u00e0 lui se concentre sur les <em>flowcharts<\/em> et offre un grand nombre de liaisons et de formes de blocs. Il donne aussi la possibilit\u00e9 d&rsquo;exporter le sch\u00e9ma en PNG et SVG.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"929\" height=\"429\" src=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid.png\" alt=\"\" class=\"wp-image-8499\" srcset=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid.png 929w, https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-577x266.png 577w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><figcaption class=\"wp-element-caption\"><em>Quelques lignes texte et un magnifique diagramme apparait !<\/em><\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-jetpack-markdown\"><p>Autre diff\u00e9rence forte au-del\u00e0 du style graphique que proposent les deux solutions\u00a0:<\/p>\n<p>L\u00e0 ou Mermaid ne permet pas (sauf en version beta) de relier des conteneurs (nomm\u00e9s <em>subgraph<\/em>) entre eux mais uniquement des &quot;fonctions&quot; entre elles (qu&rsquo;elles soient dans le m\u00eame conteneur ou dans plusieurs), Nomnoml permet quant \u00e0 lui de relier les conteneurs entre eux, mais pas des fonctions abrit\u00e9es dans diff\u00e9rents conteneurs.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"934\" height=\"498\" src=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-subgraph.png\" alt=\"\" class=\"wp-image-8500\" srcset=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-subgraph.png 934w, https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-subgraph-577x308.png 577w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" \/><figcaption class=\"wp-element-caption\">One, two et three ne peuvent \u00eatre reli\u00e9s sur Mermaid<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"597\" src=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/nomnoml.png\" alt=\"\" class=\"wp-image-8502\" srcset=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/nomnoml.png 677w, https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/nomnoml-577x509.png 577w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><figcaption class=\"wp-element-caption\">Avec Nomnoml impossible de relier \u00ab\u00a0foul mouth\u00a0\u00bb avec \u00ab\u00a0singing\u00a0\u00bb<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-jetpack-markdown\"><p>Envie d&rsquo;essayer ?<\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/mermaid-js.github.io\/mermaid-live-editor\">https:\/\/mermaid-js.github.io\/mermaid-live-editor<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/nomnoml.com\/\">https:\/\/nomnoml.com\/<\/a><\/p>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-jetpack-markdown\"><p>On trouve \u00e9galement des extensions pour entre autre Grav et WordPress.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00c0 l\u2019occasion de l\u2019exploration des oc\u00e9ans de d\u00e9p\u00f4ts que sont Gitlab et Github, je suis tomb\u00e9 face \u00e0 une typologie de flowchart que je n\u2019avais pas alors encore approch\u00e9e : les diagrammes UML g\u00e9n\u00e9r\u00e9s par des scripts textuels.<\/p>\n","protected":false},"author":1,"featured_media":8510,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[558],"tags":[640,641,642,637,639,643,638],"class_list":["post-8496","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code","tag-code","tag-diagram","tag-diagramme","tag-mermaid","tag-nomnoml","tag-schema","tag-uml"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml - TIC-logs par Tangi<\/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:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml - TIC-logs par Tangi\" \/>\n<meta property=\"og:description\" content=\"\u00c0 l\u2019occasion de l\u2019exploration des oc\u00e9ans de d\u00e9p\u00f4ts que sont Gitlab et Github, je suis tomb\u00e9 face \u00e0 une typologie de flowchart que je n\u2019avais pas alors encore approch\u00e9e : les diagrammes UML g\u00e9n\u00e9r\u00e9s par des scripts textuels.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/\" \/>\n<meta property=\"og:site_name\" content=\"TIC-logs par Tangi\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-19T07:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-18T19:14:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"497\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tangi Bertin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tangi Bertin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/\"},\"author\":{\"name\":\"Tangi Bertin\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#\\\/schema\\\/person\\\/6e125a432b08117702a7b2a04f50fb89\"},\"headline\":\"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml\",\"datePublished\":\"2020-10-19T07:30:00+00:00\",\"dateModified\":\"2023-06-18T19:14:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/\"},\"wordCount\":388,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/mermaid-1.png\",\"keywords\":[\"code\",\"diagram\",\"diagramme\",\"mermaid\",\"nomnoml\",\"sch\u00e9ma\",\"uml\"],\"articleSection\":[\"Code\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/\",\"name\":\"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml - TIC-logs par Tangi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/mermaid-1.png\",\"datePublished\":\"2020-10-19T07:30:00+00:00\",\"dateModified\":\"2023-06-18T19:14:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/#primaryimage\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/mermaid-1.png\",\"contentUrl\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/mermaid-1.png\",\"width\":1170,\"height\":497},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/\",\"name\":\"TIC-logs par Tangi\",\"description\":\"Un mouton \u00e0 5 pattes dans le vert paturage du web\",\"publisher\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#organization\",\"name\":\"TIC-logs par Tangi\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/08\\\/logo.png\",\"width\":170,\"height\":45,\"caption\":\"TIC-logs par Tangi\"},\"image\":{\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/#\\\/schema\\\/person\\\/6e125a432b08117702a7b2a04f50fb89\",\"name\":\"Tangi Bertin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g\",\"caption\":\"Tangi Bertin\"},\"sameAs\":[\"http:\\\/\\\/tangi-bertin.net\"],\"url\":\"https:\\\/\\\/tangi-bertin.net\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml - TIC-logs par Tangi","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:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/","og_locale":"fr_FR","og_type":"article","og_title":"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml - TIC-logs par Tangi","og_description":"\u00c0 l\u2019occasion de l\u2019exploration des oc\u00e9ans de d\u00e9p\u00f4ts que sont Gitlab et Github, je suis tomb\u00e9 face \u00e0 une typologie de flowchart que je n\u2019avais pas alors encore approch\u00e9e : les diagrammes UML g\u00e9n\u00e9r\u00e9s par des scripts textuels.","og_url":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/","og_site_name":"TIC-logs par Tangi","article_published_time":"2020-10-19T07:30:00+00:00","article_modified_time":"2023-06-18T19:14:02+00:00","og_image":[{"width":1170,"height":497,"url":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-1.png","type":"image\/png"}],"author":"Tangi Bertin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Tangi Bertin","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/#article","isPartOf":{"@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/"},"author":{"name":"Tangi Bertin","@id":"https:\/\/tangi-bertin.net\/blog\/#\/schema\/person\/6e125a432b08117702a7b2a04f50fb89"},"headline":"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml","datePublished":"2020-10-19T07:30:00+00:00","dateModified":"2023-06-18T19:14:02+00:00","mainEntityOfPage":{"@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/"},"wordCount":388,"commentCount":0,"publisher":{"@id":"https:\/\/tangi-bertin.net\/blog\/#organization"},"image":{"@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/#primaryimage"},"thumbnailUrl":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-1.png","keywords":["code","diagram","diagramme","mermaid","nomnoml","sch\u00e9ma","uml"],"articleSection":["Code"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/","url":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/","name":"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml - TIC-logs par Tangi","isPartOf":{"@id":"https:\/\/tangi-bertin.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/#primaryimage"},"image":{"@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/#primaryimage"},"thumbnailUrl":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-1.png","datePublished":"2020-10-19T07:30:00+00:00","dateModified":"2023-06-18T19:14:02+00:00","breadcrumb":{"@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/#primaryimage","url":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-1.png","contentUrl":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2020\/10\/mermaid-1.png","width":1170,"height":497},{"@type":"BreadcrumbList","@id":"https:\/\/tangi-bertin.net\/blog\/diagramme-uml-genere-par-du-texte-mermaid-et-nomnoml-8496\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/tangi-bertin.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Diagramme UML g\u00e9n\u00e9r\u00e9 par du texte : Mermaid et Nomnoml"}]},{"@type":"WebSite","@id":"https:\/\/tangi-bertin.net\/blog\/#website","url":"https:\/\/tangi-bertin.net\/blog\/","name":"TIC-logs par Tangi","description":"Un mouton \u00e0 5 pattes dans le vert paturage du web","publisher":{"@id":"https:\/\/tangi-bertin.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tangi-bertin.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/tangi-bertin.net\/blog\/#organization","name":"TIC-logs par Tangi","url":"https:\/\/tangi-bertin.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/tangi-bertin.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2013\/08\/logo.png","contentUrl":"https:\/\/tangi-bertin.net\/blog\/wp-content\/uploads\/2013\/08\/logo.png","width":170,"height":45,"caption":"TIC-logs par Tangi"},"image":{"@id":"https:\/\/tangi-bertin.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/tangi-bertin.net\/blog\/#\/schema\/person\/6e125a432b08117702a7b2a04f50fb89","name":"Tangi Bertin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2720ed536308e71f11012cb6909df5571def3effb19460e279781e0b599428f0?s=96&d=wavatar&r=g","caption":"Tangi Bertin"},"sameAs":["http:\/\/tangi-bertin.net"],"url":"https:\/\/tangi-bertin.net\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/posts\/8496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/comments?post=8496"}],"version-history":[{"count":11,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/posts\/8496\/revisions"}],"predecessor-version":[{"id":8616,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/posts\/8496\/revisions\/8616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/media\/8510"}],"wp:attachment":[{"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/media?parent=8496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/categories?post=8496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tangi-bertin.net\/blog\/wp-json\/wp\/v2\/tags?post=8496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}