<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:type" content="website">
    <meta property="og:title" content="JMGHStudios - Web personal de un desarrollador web y project manager">
    <meta property="og:description" content="Web personal de Juan Miguel García en la que se pueden leer artículos sobre tecnologías diversas, y descubrir experimentos que hace el autor con estas tecnologías.">
    <meta property="og:image" content="https://jmghstudios.com/assets/imgs/perfil.jpg">
    <meta property="og:url" content="https://jmghstudios.com">
    <meta property="og:site_name" content="JMGHStudios - Web personal de un desarrollador web y project manager">
    <meta property="og:locale" content="es_ES">

    <link rel="icon" type="image/jpg" sizes="512x512" href="https://jmghstudios.com/assets/imgs/jmghstudios_512.jpg">
    <link rel="icon" type="image/jpg" sizes="256x256" href="https://jmghstudios.com/assets/imgs/jmghstudios_256.jpg">
    <link rel="icon" type="image/jpg" sizes="192x192" href="https://jmghstudios.com/assets/imgs/jmghstudios_192.jpg">
    <link rel="icon" type="image/jpg" sizes="144x144" href="https://jmghstudios.com/assets/imgs/jmghstudios_144.jpg">
    <link rel="icon" type="image/jpg" sizes="128x128" href="https://jmghstudios.com/assets/imgs/jmghstudios_128.jpg">
    <link rel="icon" type="image/jpg" sizes="64x64" href="https://jmghstudios.com/assets/imgs/jmghstudios_64.jpg">
    <link rel="icon" type="image/jpg" sizes="32x32" href="https://jmghstudios.com/assets/imgs/jmghstudios_32.jpg">

    <title>JMGHStudios - Web personal de un desarrollador web y project manager</title>
    <meta name="description" content="JMGH Studios es la web personal de Juan Miguel García Herrera, desarrollador web y project manager, en la que se habla de nuevas tecnologías y experimentos realizados en el entorno web.">
    <!-- Bootstrap CDN -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="assets/css/styles.min.css">


    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-J710QXBVS5"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-J710QXBVS5');
    </script>

</head>
<body class="bg-dark text-light">

    <!-- Header -->
    <header class="container my-2 py-1 py-md-3 d-flex justify-content-between align-items-center bg-dark">
        
        <a href="index.html"><img src="assets/imgs/logo-jmghstudios-mobile.png" class="d-lg-none" width="133" height="80" alt="Logo de JMGHStudios. Enlace a la portada del sitio"><img src="assets/imgs/logo-jmghstudios.png" class="d-none d-lg-block" width="333" height="51" alt="Logo de JMGHStudios. Enlace a la portada del sitio"></a>
        
        <div class="d-md-none">
            <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasMenu" aria-controls="offcanvasMenu" aria-label="Abrir menú de navegación móvil">
                <span class="navbar-toggler-icon"><i class="bi bi-list"></i></span>
            </button>
        </div>
        <nav class="d-none d-md-flex types">
            <ul class="d-flex mb-0 p-0">
                <li><a href="articulos.html" class="text-primary">Artículos <i class="bi bi-journal"></i></a></li>
                <li><a href="labs.html" class="text-primary">Lab <i class="bi bi-rocket-takeoff"></i></a></li>
                <li><a href="sobre-mi.html" class="text-primary">Sobre mi <i class="bi bi-person"></i></a></li>
            </ul>
        </nav>
        <div class="d-none d-md-flex gap-3 rrss">
            <a href="https://www.linkedin.com/in/juanmigh/" target="linkedin" class="text-light" title="Enlace a mi perfil en LinkedIn (Abre en ventana nueva)"><i class="bi bi-linkedin"></i></a>
            <a href="https://www.youtube.com/juanmiguelgarcia" class="text-light" target="youtube" title="Enlace a mi perfil en YouTube (Abre en ventana nueva)"><i class="bi bi-youtube"></i></a>
            <a href="https://github.com/JuanmiGH" class="text-light" target="github" title="Enlace a mi perfil en GitHub (Abre en ventana nueva)"><i class="bi bi-github"></i></a>
        </div>
    </header>

    <!-- Offcanvas Menu para móvil -->
    <div class="offcanvas offcanvas-end bg-dark" tabindex="-1" id="offcanvasMenu" aria-labelledby="menuTitleMob">
        <div class="offcanvas-header" data-bs-theme="dark">
            <h2 class="offcanvas-title h5" id="menuTitleMob">Menú de navegación para móvil</h2>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Cerrar menú de navegación móvil"></button>
        </div>
        <div class="offcanvas-body">
            <ul class="d-flex mb-5 mx-auto px-0 justify-content-center types">
                <li><a href="articulos.html" class="text-primary">Artículos <i class="bi bi-journal"></i></a></li>
                <li><a href="labs.html" class="text-primary">Lab <i class="bi bi-rocket-takeoff"></i></a></li>
                <li><a href="sobre-mi.html" class="text-primary">Sobre mi <i class="bi bi-person"></i></a></li>
            </ul>
            <h2 class="text-info h5">Últimas entradas</h2>
            <ul class="list-unstyled past-entries-mobile"></ul>

            <h2 class="text-info h5">Mi libro</h2>
            <a href="https://amzn.to/3TXYjoh" class="text-decoration-none" id="link-libro-mobile" target="libro" title="Pulsa aquí y compra mi libro en Amazon (Abre en ventana nueva)"><img src="assets/imgs/portada-libro-prompts.jpg" alt="Portada del libro: Ingeniería de Prompts: El arte de hablarle a la IA" class="img-fluid" id="img-libro-mobile"></a>
        </div>
    </div>
    <!-- Main Content -->
<main class="container">
    <!-- Entradas -->
    <div class="row align-items-start">
        <div class="col-12 col-md-7">
            <!-- Entrada 17 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">Tutorial de WebMCP, el nuevo estándar que debes aprender</h2>
                <small class="text-muted">15/02/2026 - Artículos</small>
                <p class="mt-2">La navegación web agéntica es el futuro. Nos guste o no, todo parece dirigirnos a ella y es por eso que el W3C y Google, en colaboración con Microsoft, han puesto en marcha un nuevo estándar para que los agentes de IA, se muevan correctamente por nuestra página web.</p>
                <a href="tutorial-de-webmcp-el-nuevo-estandar-que-debes-aprender.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 16 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">¿Qué es Moltbook, el Reddit para los agentes de IA y por qué es preocupante?</h2>
                <small class="text-muted">04/02/2026 - Artículos</small>
                <p class="mt-2">Imagina un foro estilo Reddit, en el que todas las interacciones son realizadas por agentes de IA. Un foro donde estos agentes se comunican e interaccionan entre ellos de una forma autónoma. Eso es Moltbook, un lugar fantástico e inquietante al mismo tiempo.</p>
                <a href="que-es-moltbook-el-reddit-para-agentes-ia.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 15 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">Perplexity, mi herramienta favorita de Inteligencia Artificial</h2>
                <small class="text-muted">18/01/2026 - Artículos</small>
                <p class="mt-2">Hace unos meses que estoy utilizando Perplexity cómo herramienta principal para tratar con distintos modelos de IA y en esta entrada, te voy a contar por qué se ha convertido en mi herramienta favorita a la hora de utilizar la Inteligencia Artificial.</p>
                <a href="perplexity-mi-herramienta-favorita-de-inteligencia-artificial.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 14 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">2026, año definitivo para la Inteligencia Artificial</h2>
                <small class="text-muted">29/12/2025 - Artículos</small>
                <p class="mt-2">Si a nivel generalista, 2024 fue el año del descubrimiento de la IA y 2025 el año de su explosión, creo que 2026 va a ser el año definitivo para la Inteligencia Artificial. Para bien o para mal, éste va a ser el año en el que esta tecnología se consolide como lo que se le presupone que es, o se quede en un servicio más que tenemos a nuestra disposición, al menos durante unos años.</p>
                <a href="2026-ano-definitivo-para-la-inteligencia-artificial.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 13 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">TOON, la nueva forma de procesar datos con Inteligencia Artificial</h2>
                <small class="text-muted">17/11/2025 - Artículos</small>
                <p class="mt-2">TOON es el nuevo formato llamado a convertirse en un estándar a la hora de pasar, procesar y obtener datos de la Inteligencia Artificial, o al menos esa es la teoría, pero... ¿Qué es exactamente Token-Oriented Object Notation?</p>
                <a href="toon-la-nueva-forma-de-procesar-datos-con-inteligencia-artificial.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 12 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">Así he sustituído WordPress por Gemini CLI</h2>
                <small class="text-muted">06/11/2025 - Lab</small>
                <p class="mt-2">En este artículo te explico cómo he dejado de usar WordPress y he pasado a utilizar Gemini CLI para gestionar mi blog estático, automatizando la creación de nuevas entradas y la actualización de la web.</p>
                <a href="asi-he-sustituido-wordpress-por-gemini-cli.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 11 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">Los navegadores con Inteligencia Artificial integrada son un suicidio</h2>
                <small class="text-muted">31/10/2025 - Artículos</small>
                <p class="mt-2">Perplexity y OpenAI han anunciado recientemente sus propios navegadores web con IA integrada de forma agéntica y en lugar de ser una buena noticia, tengo que deciros que es una pésima noticia y una muy mala idea utilizarlos a día de hoy.</p>
                <a href="los-navegadores-con-inteligencia-artificial-integrada-son-un-suicidio.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 10 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">Mi experiencia autopublicando en Amazon Kindle</h2>
                <small class="text-muted">28/09/2025 - Artículos</small>
                <p class="mt-2">Hace unos meses me lancé a la aventura de publicar algunos libros que tenía en la cabeza, y como desconozco totalmente el mundo editorial actual (como funciona, con quien hablar, etc), decidí lanzarme a la aventura de la autopublicación utilizando Kindle Direct Publishing de Amazon.</p>
                <a href="mi-experiencia-autopublicando-en-amazon-kindle.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 9 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">Cómo crear una newsletter con n8n</h2>
                <small class="text-muted">07/09/2025 - Lab</small>
                <p class="mt-2">Si como yo, no dispones de mucho tiempo libre para informarte de determinados temas, una newsletter puede ayudarte mucho a mantenerte al día pero, ¿qué sucede si no existe una newsletter sobre ese tema o existe, pero no es de tu agrado?</p>
                <a href="como-crear-una-newsletter-con-n8n.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
            <!-- Entrada 8 -->
            <article class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-code-color mb-0">Las 3 claves para mantener la privacidad de tu empresa utilizando Inteligencia Artificial</h2>
                <small class="text-muted">02/09/2025 - Artículos</small>
                <p class="mt-2">Hablaba no hace muchos días sobre la cancelación masiva de proyectos de IA generativa que estaba habiendo en las empresas y uno de los puntos que comentaba era el de la privacidad que, para mi, es la gran lacra de la incorporación de Inteligencia Artificial en las empresas.</p>
                <a href="las-3-claves-para-mantener-la-privacidad-de-tu-empresa-utilizando-inteligencia-artificial.html" class="text-decoration-none text-primary">Continuar leyendo <i class="bi bi-arrow-right-square"></i></a>
            </article>
        </div>

        <!-- Sidebar para Desktop/Tablet -->
        <aside class="col-md-5 d-none d-md-block sticky-top" id="sidebar">
            <!-- Calendar -->
            <section class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-info h5">Últimas entradas</h2>
                <ul class="list-unstyled past-entries"></ul>
                <a href="todos-los-articulos.html" class="text-primary text-decoration-none">Ver todas <i class="bi bi-arrow-right-square"></i></a>
            </section>

            <!-- Newsletter 
            <section class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-info h5">Newsletter</h2>
                <form id="newsletterForm" class="row">
                    <div class="col-8 pe-2">
                        <input type="email" class="form-control" placeholder="Tu e-mail" id="emailInput" aria-required="true" aria-describedby="errorMessage" required>
                    </div>
                    <div class="col-4">
                        <button type="submit" class="btn btn-outline-info" id="submitButton">Suscribirse</button>
                    </div>
                    <div class="col-12 mt-2">
                        <small id="errorMessage" aria-live="polite">Sólo se enviará un correo cuando haya una publicación</small>
                    </div>
                </form>
            </section> -->

            <!-- Publi -->
            <section class="mb-4 p-3 bg-secondary text-light rounded">
                <h2 class="text-info h5">Mi libro</h2>
                <a href="https://amzn.to/3TXYjoh" class="text-decoration-none" id="link-libro" target="libro" title="Pulsa aquí y compra mi libro en Amazon (Abre en ventana nueva)"><img src="assets/imgs/portada-libro-prompts.jpg" alt="Portada del libro: Ingeniería de Prompts: El arte de hablarle a la IA" class="img-fluid" id="img-libro"></a>
            </section>
            
            <!-- Empty Box -->
            <div class="p-3 bg-secondary text-light rounded invisible" id="upeador">
                Si quieres, puedes <a href="#top"  class="text-primary text-decoration-none">ir arriba <i class="bi bi-arrow-up-square"></i></a>
            </div>

            
        </aside>
    </div>
</main>

<!-- Footer -->
<footer class="container-fluid py-3 text-center">
    <small><span id="year"></span> © JMGHStudios</small>
    <div class="d-flex justify-content-center gap-3 mt-2">
    <a href="https://www.linkedin.com/in/juanmigh/" target="linkedin" class="text-light" title="Enlace a mi perfil en LinkedIn (Abre en ventana nueva)"><i class="bi bi-linkedin"></i></a>
    <a href="https://www.youtube.com/juanmiguelgarcia" class="text-light" target="youtube" title="Enlace a mi perfil en YouTube (Abre en ventana nueva)"><i class="bi bi-youtube"></i></a>
    <a href="https://github.com/JuanmiGH" class="text-light" target="github" title="Enlace a mi perfil en GitHub (Abre en ventana nueva)"><i class="bi bi-github"></i></a>
</div>
</footer>


<template id="sb-template">
    <section class="mt-4 p-3 bg-secondary text-light rounded">
        <span></span>
        <div></div>
    </section>
</template>

<!-- Bootstrap JS y Custom JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/scripts.min.js"></script>