Pedro Gómez

💡 A veces no falta talento… lo que falta es inspiración en el momento justo. Seguro que te ha pasado: Estás haciendo una POC, desarrollando un proyecto personal o simplemente con una idea muy buena en la cabeza… y te quedas mirando el lienzo en blanco pensando: “sé lo que quiero lograr, pero no cómo debería verse.” 🤔 En desarrollo y producto, muchas veces reinventamos la rueda cuando ya existen patrones que funcionan. Por eso me pareció interesante esta recopilación: 👉 https://devmeetsdevs.com/ Es una librería con miles de ejemplos reales de diseño web organizados por secciones (hero, pricing, FAQ, headers, dashboards, etc.), lo que permite buscar inspiración de forma muy directa según el problema que estás resolviendo. La idea es simple: en lugar de navegar sin rumbo por internet guardando capturas, aquí puedes explorar diseños clasificados por componente o tipo de página para acelerar decisiones de UX/UI y producto. 🤷‍♂️ De hecho, el propio proyecto nació de ir guardando sitios interesantes como referencia para futuros desarrollos, hasta convertir esa colección en una plataforma consultable. ✖️ No sustituye al criterio de diseño. ✖️ No sustituye la investigación con usuarios. Pero sí ayuda a: ✔ Reducir el “blank page syndrome” ✔ Detectar patrones que ya están validados en otros productos. ✔ Alinear conversaciones entre negocio, diseño y desarrollo. ✔ Prototipar más rápido. En un entorno donde la velocidad importa, tener buenas referencias también es una ventaja competitiva. 💬 ¿Conocías ya esta página? ¿La has utilizado?

6

Clarion apareció hace 35 años. Desde las primeras versiones, generó código Clarion en base a modelos (templates), que están hechos en un segundo lenguaje, el lenguaje de templates de Clarion. Vendría a ser un metalenguaje, un lenguaje para generar código. Desde hace décadas vengo haciendo programas donde solamente programo lo "complicado", lo inusual, lo específico del negocio. Clarion ya resuelve con "código generado" todas las tareas rutinarias habituales, como ser menúes, tablas, formularios, ABMC (CRUD), ¡reportes!, procesos batch, y eso solamente "de fábrica'. Como es todo código, uno puede agregar sus propios templates y así hay decenas de "ahorra tiempos" más, yo mismo hice un sistema de auditoría de operaciones que llevaría varios años desarrollar y probar con el nivel de confianza y efectividad que tiene, y ahora se puede instalar e implementar en un par de horas. La IA con el vibe coding y la generación de código quiere ser la solución del momento. La gran diferencia que le veo con el Clarion, es que vos le pedís algo a la IA y no tenés idea de si lo que hizo está bien o si te va a reventar en producción dentro de 6 meses. Los templates, en cambio, son productos probados en producción y soportados en el tiempo. Tal vez cuando la IA entienda bien lenguaje de templates de Clarion (no lo hace actualmente ni está cerca de hacerlo), pueda generar templates confiables, y pegaríamos un nuevo salto cualitativo en el desarrollo. Por ahora, entre un código generado por un template probado, y un código generado por una IA que a veces delira, me quedo con el viejo pero super eficiente Clarion.

4

Anthropic lanzó en beta una nueva capacidad en Claude para generar gráficos, diagramas y visualizaciones interactivas directamente dentro de la conversación. A diferencia de Artifacts, que funcionan como documentos o herramientas persistentes, estas visualizaciones aparecen inline para ayudar a explicar una idea mientras el chat evoluciona y pueden modificarse en tiempo real con nuevas instrucciones. La función llega activada por defecto y disponible en todos los planes. Esta mejora es interesante porque acerca la interfaz conversacional a un patrón más útil para producto: explicar, modelar y ajustar información visual sin salir del flujo. Casos como onboarding, educación, soporte técnico, análisis exploratorio o documentación guiada pueden ganar mucho cuando el sistema no solo responde con texto, sino que construye una representación que el usuario puede inspeccionar y refinar. La señal de fondo es que los asistentes están dejando de ser cajas de texto y se están convirtiendo en superficies interactivas de trabajo. 🔗 https://lnkd.in/efSj2QMT #AI #UX #FullStack #DeveloperTools #Claude #Anthropic

2

💡 Curiosidad de TypeScript que rompe la cabeza: any vs unknown A simple vista parecen lo mismo… pero en realidad son opuestos 🔹 any Desactiva TypeScript Puedes hacer cualquier cosa sin errores Es como decir: “confía en mí” 🔹 unknown Es lo contrario: TypeScript no confía en ti 😅 Te obliga a comprobar el tipo antes de usarlo Hace tu código mucho más seguro 👉 La clave: Con any escribes más rápido Con unknown evitas bugs 💭 Reflexión: Lo curioso es que muchos usan any para “arreglar errores”… cuando en realidad están ocultando problemas. Cada vez que usas any, no estás solucionando el error, solo lo estás silenciando. Es como tapar una grieta en la pared sin arreglar la estructura. Y el problema no es inmediato… aparece después: cuando el proyecto crece, cuando otro desarrollador toca ese código o cuando algo deja de funcionar “sin motivo”. 👉 TypeScript no está para molestarte, está para avisarte. Usar unknown (o tipar correctamente) es más incómodo al principio… pero es lo que hace que tu código sea mantenible, predecible y profesional a largo plazo. #TypeScript #Programacion #DesarrolloWeb #Frontend #Angular #JavaScript #Angular

1

Recientemente publiqué una librería para Angular inspirada en el sistema de notificaciones de Sileo. Sileo (https://lnkd.in/eqiwHbD8) tiene un modelo de interacción muy limpio y elegante para toasts, y quise explorar cómo se vería una adaptación escalable dentro del ecosistema Angular. Más que replicar la UI, el objetivo fue: Implementar renderizado dinámico de componentes Diseñar una API limpia y extensible Mantener buenas prácticas de Angular Cuidar el rendimiento y el ciclo de vida de los componentes El resultado es ngx-dynamic-toast, ahora disponible como paquete open source: GitHub: https://lnkd.in/erPzmyFS npm: https://lnkd.in/efzpGREg Este proyecto fue un buen ejercicio en: Inyección dinámica de componentes Estrategias de change detection Diseño de APIs para librerías reutilizables Trabajo disciplinado en open source Todo el crédito del diseño original corresponde a los creadores de Sileo. Esta es una adaptación independiente pensada específicamente para Angular. Si trabajas con Angular, me interesa mucho recibir feedback sobre: Diseño de la API Decisiones de arquitectura Posibles mejoras de rendimiento Casos de uso reales Abierto a sugerencias y colaboración.

2

Siempre he sentido una fascinación especial por los videojuegos 🎮. No solo por jugarlos, sino por esa magia de interactuar con una historia que alguien construyó línea por línea ❤️. ⚡Estaba buscando una forma sencilla pero potente de dar vida a esas ideas de juegos que muchas veces nos rondan en la cabeza. Algo que no requiriera una infraestructura enorme, pero que tuviera la flexibilidad para hacer cosas geniales. Entonces descubrí Phaser. Un framework HTML5 que me dio justo eso: sencillez para empezar y potencia para no quedarme corto. Pero lo mejor vino después, cuando lo combiné con Vite. De repente, todo fluía: el arranque del proyecto era inmediato, los cambios se reflejaban al instante gracias al Hot Module Replacement, y podía centrarme en la lógica del juego sin pelearme con configuraciones. Phaser pone la magia del juego (físicas, escenas, animaciones) y Vite acelera todo lo demás. Juntos forman un entorno donde prototipar una idea deja de ser una odisea y se convierte en un proceso ágil, casi divertido. ¿Has desarrollado videojuegos con Phaser u otra herramienta web ? #TypeScript #PhaserJS #Vite #Videojuegos #2D #games

7

2 comentarios

¿A quién no le ha pasado? Estás en una reunión de una hora e, inevitablemente, desconectas justo cuando cuentan algo clave. 😅 O sabes que la semana pasada se debatió un tema crucial, pero no logras recordar en qué reunión ni a qué acuerdo se llegó. La solución fácil sería usar una herramienta externa que grabe las reuniones y, por un módico precio "y tu alma", te dé buenos resúmenes. Pero claro... exponer datos de reuniones de trabajo a terceros puede ser problematico... Así que pensé: ¿por qué no hacerlo todo en local? 🔒 Con esa premisa nace AI Recorder, un proyecto Open Source creado por pura necesidad. Es una app nativa para Mac (aún en fase beta) que te permite grabar reuniones, subir audios de otros dispositivos, o importar transcripciones de Teams. 💡 Su punto fuerte: Puedes hacerle preguntas a tus reuniones. Ya sea sobre una reunión concreta o sobre varias agrupadas en un proyecto. Todo esto ejecutándose de forma simultánea en tu propia máquina (usando Ollama, LM Studio, etc.) con el modelo que más te guste. Y si quieres, puedes adjuntar archivos para darle más contexto a la IA. En resumen, ¿qué incluye? 🎙️ Privacidad total: Todo se procesa en tu entorno 100% local. 📝 Transcripción automática de los audios. 📁 Gestión de proyectos para tenerlo todo organizado. 💬 Chats multi-grabación con contexto extra. ✅ Tablero Kanban con generador de tareas integrado. Quien quiera probarla, ya está lista para Mac. Solo hay que seguir un par de instrucciones sencillas (aún no tengo la licencia de desarrollador de Apple 🍎). Al ser de código abierto, si alguien quiere agregar una funcionalidad o reportar algún fallo, las PRs y las issues son más que bienvenidas. 🔗 Te dejo la web del proyecto aquí: https://lnkd.in/ee-8xkt3  ⭐ si te gusta la idea, una estrellita en el repo de GitHub siempre viene genial: https://lnkd.in/eJSZc_gC ¿Qué os parece la idea de llevar la IA de productividad al entorno local? ¡Os leo en comentarios! 👇 #InteligenciaArtificial #Productividad #OpenSource #Privacidad #MacOS #DesarrolloSoftware #Ollama

22

1 comentario