Tecnología, Emprendimiento e Innovación
Creando el ejecutable más pequeño de Hola Mundo!
Motivación
Hace ya un buen tiempo me he dado cuenta que los ejecutables de Go son un poco grandes. 3mb por aqui, 10mb por alla, en programas simples.
Si bien es cierto el espacio hoy en dia hablar de MBs es como no hablar de nada por curiosidad se me ocurrio saber cual seria el programa mas ligero que podria hacer en ejecutable. Los contendientes naturales incluyen los lenguages de Go, Rust, C y porque no, Nim.
…Error: "Weird-but-valid", TailwindCSS v3
El post de hoy es bastante corto. En un proyecto de WeMake, decidí que era necesario actualizar a TailwindCSS v3. Según la guía de actualización de v2 a v3 se suponía que sería un proceso bastante simple. El cambio más importante en esta versión, del punto de vista arquitectónico, es que han migrado a una compilación justo a tiempo (JIT) por defecto, sin opción para deshabilitarlo.
Migración
Entonces, muy confiado, empecé, ejecuté el upgrade de las dependencias de NPM, eliminé las keys (llaves) del objeto de configuracion que ya no eran relevantes en mi tailwind.config.js, y, finalmente volví a compilar las hojas de estilo. Cuando entré a la landing del proyecto me di cuenta que estaba casi bien. Habían varias cosas con el estilo apropiado, es decir no estaba completamente mal, pero la gran mayoría no tenía los estilos apropiados. Revisé las hojas de estilo, y me di cuenta que todas las reglas estaban correctamente indicadas, indicando que el proceso de compilación JIT se había ejecutado correctamente. Entonces pensé: Donde está el problema entonces…?
Probando GoMobile
Introducción
Go tiene un paquete llamado Gomobile que me llamó mucho la atención el fin de semana. Tiene como objetivo ser una herramienta con dos fines específicos:
- Crear aplicaciones completas tanto para dispositivos iOS como para dispositivos Android.
- Crear bibliotecas compatibles para desarrollo en ambas plataformas.
El primer grupo es algo similar a lo que ofrecen otras herramientas para construir aplicaciones híbridas como Flutter, ReactNative o Ionic. El segundo me pareció un poco más interesante. Poder crear bibliotecas que se utilicen tanto para Android como para Iphone y reutilizar ese codigo que podría usarse para implementar la lógica del negocio (BL) en un solo lugar.
…Introducción a documentación con Mermaid
Qué es Mermaid
Mermaid es una herramienta que convierte texto y código en diagramas y visualizaciones orientado a desarolladores.
Mermaid nos ayuda a documentar nuestro sistema y nos provee una forma más facil de mantener los diagramas actualizados. Nos reduce el tiempo de cambio de contexto y permite a cualquier persona con un editor de texto poder editar los diagramas.
En este post introductorio veremos qué es, en qué nos ayuda, como usarlo y las ventajas y desventajas de la herramienta.
…Analizando la tasa de finalización de cursos del MIT OCW en YouTube
En Youtube hay varios videos colgados de profesores dando clases de universidad y de colegio sobre diversos cursos. Como muchos he visto varios de estos videos y algunas clases las he terminado y algunas no, a veces no solo por la calidad del video, pero incluso por el contenido. Me pareció interesante analizar tres cursos que ofrece el MIT a través de su proyecto OCW para ver su tasa de finalización, es decir cuantos ven el primer video vs cuantos ven el video “n” y ver como se comportan las vistas.
…Como Hablar - MIT OCW Lecture Review
En el siguiente articulo veremos las sugerencias, tips y técnicas del Prof. Patrick Winston del MIT para impulsar tu éxito en la vida profesional: Aprender a Hablar (bien).
Al finalizar este artículo tendrás un repertorio de tecnicas que te ayudará a maximizar la oportunidad que tus ideas sean valoradas y aceptadas por la gente con la que hablas.
El Instituto de tecnología de Massachussets (MIT) es una de las universidades más prestigiosas del mundo. El MIT a través de su programa Open CourseWare (OCW) expone al mundo cientos de videos de sus cátedras. Hoy revisamos la genial clase de Patrick Winston llamada “How To Speak” o “Como Hablar” que ofrece una serie de profundos conocimientos ocultos para presentaciones orales.
…Como hacer una blob animado en HTML - Parte IV
Bienvenidos a la cuarta parte de nuestro tutorial sobre como crear un blob animado usando solo Canvas API.
Si te perdiste las partes anteriores puedes encontrarlas a continuación:
- Parte I: Aprenderemos a utilizar el API de HTML Canvas para dibujar formas primitivas. link
- Parte II: Haremos un pequeño anillo 3D proyectado en 2 dimensiones. link
- Parte III: Haremos una Esfera completa y le añadiremos rotación en los tres ejes. link
- Parte IV: Distorsionaremos la esfera para hacerla parecer un
blob. Este - Parte V: Le agregaremos interacciones con el mouse. (Próximamente)
- Parte VI: Le agregaremos controles interactivos para ‘jugar’ con los parametros de nuestra esfera. (Próximamente)
Recapitulación:
Esto es lo que tenemos hasta ahora, una esfera de un solo color rotando en los tres ejes.
…Como hacer una blob animado en HTML - Parte III
Bienvenidos a la tercera parte de nuestro tutorial sobre como crear un blob animado usando solo Canvas API.
Si te perdiste las partes anteriores puedes encontrarlas a continuación:
- Parte I: Aprenderemos a utilizar el API de HTML Canvas para dibujar formas primitivas. link
- Parte II: Haremos un pequeño anillo 3D proyectado en 2 dimensiones. link
- Parte III: Haremos una Esfera completa y le añadiremos rotación en los tres ejes. Este
- Parte IV: Distorsionaremos la esfera para hacerla parecer un
blob. (Próximamente) - Parte V: Le agregaremos interacciones con el mouse. (Próximamente)
- Parte VI: Le agregaremos controles interactivos para ‘jugar’ con los parametros de nuestra esfera. (Próximamente)
Recapitulación:
Como hacer una blob animado en HTML - Parte II
Esta es la parte II de nuestro tutorial para dibujar un blob como el de compilersforhumans.com
Si te perdiste la primera parte haz clic aquí
En esta parte veremos como dibujar un pequeño anillo 3D proyectado en una plano 2D. Veremos un poco de matemáticas, y expandiremos un poco más nuestros conocimientos de Canvas API.
Dibujando un punto 2D
Primero, dibujaremos un punto 2D en el canvas, pero esta vez usando un objeto y ya no coordenadas al azar. Vamos a tomar como referencia un plano cartesiano. Los puntos entonces no van a ser más que un conjunto de coordenadas en X, Y.
…Como hacer una blob animado en HTML - Parte I
En Twitter encontré el siguiente curso de John Otander & Laurie Barth: Compilers for Humans
Me gustó bastante la animación del Hero, así que decidí replicarla con un pequeño cambio, usando puntos en vez de una superficie continua.
Aquí el resultado:
Yo creo que quedó bastante bien. Veamos como hacerla.
Plan de juego
Este tutorial va a ser algo largo, así que será divido en 4 partes.
…