{"id":156,"date":"2025-10-31T05:27:04","date_gmt":"2025-10-31T05:27:04","guid":{"rendered":"https:\/\/elbrinner.com\/?p=156"},"modified":"2025-10-31T05:46:58","modified_gmt":"2025-10-31T05:46:58","slug":"creando-un-visualizador-y-editor-de-json-con-github-copilot","status":"publish","type":"post","link":"https:\/\/elbrinner.com\/index.php\/2025\/10\/31\/creando-un-visualizador-y-editor-de-json-con-github-copilot\/","title":{"rendered":"Creando BriJson un visualizador y editor de Json con Github Copilot"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-157\" src=\"https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.23.32-1024x523.png\" alt=\"BriJson Editor y visualizador de Json\" width=\"1024\" height=\"523\" srcset=\"https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.23.32-1024x523.png 1024w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.23.32-300x153.png 300w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.23.32-768x393.png 768w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.23.32-1536x785.png 1536w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.23.32-2048x1047.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Sol\u00eda usar un visualizador JSON online, pero la publicidad lo volvi\u00f3 casi inutilizable. As\u00ed que prepar\u00e9 un prompt y ped\u00ed a GitHub Copilot que me generara un visor JSON en HTML5, con edici\u00f3n de nodos, buscador y visualizaci\u00f3n en formato \u00e1rbol.<\/p>\n<p>Tras dos horas de ajustes, as\u00ed qued\u00f3: \ud83d\udc49 <a href=\"https:\/\/json.elbrinner.com\/\">https:\/\/json.elbrinner.com\/ <\/a><\/p>\n<p>Aunque no siempre podemos fiarnos de la IA por sus alucinaciones y perdida de contexto, est\u00e1 claro que est\u00e1 transformando lo que podemos construir. Si sabemos aprovecharla con responsabilidad, lo que antes no era viable en X tiempo\u2026 hoy s\u00ed lo es.<\/p>\n<p>El c\u00f3digo est\u00e1 disponible aqu\u00ed: <a href=\"https:\/\/github.com\/elbrinner\/BriJson\">https:\/\/github.com\/elbrinner\/BriJson\u00a0<\/a><\/p>\n<p><a href=\"https:\/\/elbrinner.com\/json\">BriJson<\/a> Editor y visualizador de Json<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-158\" src=\"https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.22.56-1024x513.png\" alt=\"\" width=\"1024\" height=\"513\" srcset=\"https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.22.56-1024x513.png 1024w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.22.56-300x150.png 300w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.22.56-768x385.png 768w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.22.56-1536x770.png 1536w, https:\/\/elbrinner.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-31-a-las-6.22.56-2048x1027.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sol\u00eda usar un visualizador JSON online, pero la publicidad lo volvi\u00f3 casi inutilizable. As\u00ed que prepar\u00e9 un prompt y ped\u00ed a GitHub Copilot que me generara un visor JSON en HTML5, con edici\u00f3n de nodos, buscador y visualizaci\u00f3n en formato \u00e1rbol. Tras dos horas de ajustes, as\u00ed qued\u00f3: \ud83d\udc49 https:\/\/json.elbrinner.com\/ Aunque no siempre podemos fiarnos &#8230; <a title=\"Creando BriJson un visualizador y editor de Json con Github Copilot\" class=\"read-more\" href=\"https:\/\/elbrinner.com\/index.php\/2025\/10\/31\/creando-un-visualizador-y-editor-de-json-con-github-copilot\/\" aria-label=\"Leer m\u00e1s sobre Creando BriJson un visualizador y editor de Json con Github Copilot\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"image","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[73],"tags":[76,75,74],"class_list":["post-156","post","type-post","status-publish","format-image","hentry","category-github-copilot","tag-copilot","tag-html5","tag-json","post_format-post-format-image"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":5,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/156\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}