Posts on metroSetenta

Las releases no están ligadas a Scrum

Thu, 22 Jan 2026 00:00:00 +0000

En desarrollo de software es habitual asumir que las releases forman parte natural del proceso de Scrum; que ocurren al final de un sprint, que agrupan todas las historias planificadas o que representan el último estado del flujo de trabajo. Sin embargo, esta asociación es más cultural que real. Aunque lo parezca, las releases no dependen de Scrum, ni del estado de tus historias, ni de lo que hayas decidido planificar en un sprint.

La batalla entre producción y calidad

Fri, 21 Feb 2025 00:00:00 +0000

La batalla entre producción y calidad no es exclusiva del desarrollo de software; se da en todas las industrias. En la manufactura, por ejemplo, Henry Ford revolucionó la producción con la línea de ensamblaje, permitiendo fabricar automóviles a una velocidad sin precedentes. Sin embargo, este enfoque sacrificaba la personalización y, en algunos casos, la durabilidad de los vehículos. En la industria de la moda, las marcas de fast fashion logran lanzar nuevas colecciones en semanas, pero a menudo a costa de la calidad de los materiales y la sostenibilidad.

En el desarrollo de software, esta tensión también existe: algunos desarrolladores priorizan la entrega rápida de funcionalidades, mientras que otros se enfocan en la solidez y estabilidad del código. Como Product Owner, tu papel es comprender estos dos enfoques y gestionarlos adecuadamente para el éxito de tu proyecto.

Registro de decisiones arquitectónicas

Fri, 03 Jan 2025 00:00:00 +0000

En un proyecto de software, las decisiones de alto nivel las puedes documentar en un formato estándar conocido como ADR (Architecture Decision Record). Los ADR son documentos cortos y claros que capturan información clave sobre decisiones arquitectónicas y de diseño importantes. A continuación, te explico cómo puedes documentar y compartir estas decisiones:

Casos de uso de Web 3.0: aplicaciones actuales y futuras

Fri, 30 Aug 2024 00:02:00 +0000

Web 3.0, la tercera generación de internet, está revolucionando la manera en que interactuamos en línea, proporcionando un ecosistema más descentralizado, seguro y transparente. A medida que esta tecnología avanza, surgen nuevas aplicaciones que aprovechan las características únicas de Web 3.0, cambiando radicalmente diversas industrias y servicios. A continuación, exploramos algunos de los casos de uso más destacados de Web 3.0, tanto actuales como futuros.

Importancia de la Descentralización en Web 3.0

Fri, 30 Aug 2024 00:01:00 +0000

La descentralización es uno de los pilares más importantes de Web 3.0. A diferencia de los modelos centralizados de Web 2.0, donde los datos y el poder se concentran en manos de unas pocas entidades, Web 3.0 se basa en la distribución del control a través de una red de nodos independientes. Pero, ¿por qué es tan crucial la descentralización para la próxima generación de internet?

Principios Fundamentales de Web 3.0

Fri, 30 Aug 2024 00:00:00 +0000

Web 3.0, la evolución más reciente de internet, se basa en varios principios fundamentales que buscan transformar la forma en que interactuamos con la web. Estos principios no solo redefinen la estructura técnica de internet, sino que también promueven un cambio en cómo se gestionan los datos, la privacidad y la seguridad en línea.

Diferencias entre Web 2.0 y Web 3.0

Thu, 29 Aug 2024 00:01:00 +0000

A medida que la tecnología evoluciona, también lo hace la forma en que interactuamos con internet. Web 2.0 y Web 3.0 representan dos etapas distintas en el desarrollo de la web, cada una con características y filosofías únicas que las diferencian.

¿Qué es Web 3.0?

Thu, 29 Aug 2024 00:00:00 +0000

Web 3.0, también conocida como la tercera generación de internet, es una evolución de la web tradicional hacia un entorno más descentralizado, seguro y transparente. A diferencia de Web 2.0, que se centra en la creación de contenido y la interacción social a través de plataformas centralizadas, Web 3.0 utiliza tecnologías de blockchain y contratos inteligentes para crear aplicaciones y servicios que no dependen de una autoridad central.

Código que no quieras compartir

Mon, 11 Dec 2023 07:07:07 +0000

¿Te ha pasado en alguna ocasión que no quieres compartir modificaciones de código? Te cuento mi caso.

Notas personales del proyecto

Mon, 04 Dec 2023 07:07:07 +0000

En ocasiones podemos disponer de una buena documentación, una wiki del proyecto o cualquier plataforma de colaboración que nos permita consultar y compartir información técnica, configuraciones, procesos de gestión… Pero seamos sinceros, documentar no es lo que más nos gusta a los ingenieros de desarrollo de software y estas opciones no siempre están disponibles para nosotros. Por otro lado, es posible que quieras disponer de algunas notas personales, scripts de automatización o incluso configuraciones personales para el proyecto donde estás colaborando.

El motivo de los mecanismos de consenso en Blockchain

Mon, 06 Nov 2023 07:07:07 +0000

El doble gasto (double spending) es un concepto crítico en el entorno de blockchain y las criptomonedas. Se refiere al acto de gastar el mismo token digital, por ejemplo una criptomoneda, dos veces o más. En un sistema de pago tradicional como el dinero en efectivo, en la compra se transfiere directamente el bien utilizado como modo de pago, y al dejar de poseerlo es imposible volver a gastarlo. Por otro lado, en las transacciones bancarias centralizadas hay una entidad que registra y controla todos los movimientos, cuidando así de evitar el doble gasto, pero en las redes blockchain descentralizadas, y por tanto donde no existe dicha entidad, evitarlo es un desafío significante.

Breve descripción de Blockchain

Tue, 02 May 2023 07:07:07 +0100

Blockchain es una tecnología descentralizada que permite almacenar y compartir información de forma segura.

Atendiendo a su diseño no existe un único actor con la capacidad de acceder a la información y gestionarla, por tanto, se debe establecer un mecanismo de consenso entre todos los actores capaces para realizar dichas acciones. Esto es lo que le otorga a Blockchain su caracter descentralizado.

Cuando se alcanza una determinada cantidad de información a almacenar, esta se empaqueta en un bloque junto un hash del contenido del último bloque existente. Este modo de ordenar y almacenar datos es lo que le otorga el nombre de cadena de bloques. También confiere seguridad pues, al modificar el contenido de cualquier bloque, el hash que hace referencia a dicho contenido en el bloque posterior será incorrecto y, por tanto, se detectará una manipulación no deseada.

Rendimiento de los componentes funcionales en React

Mon, 20 Jun 2022 07:07:07 +0100

El compromiso del equipo de React, desde la aparición de los componentes funcionales, siempre ha sido hacer que estos fueran más eficientes que los componentes basados en clases. De hecho, si le preguntas a cualquier desarrollador que use React, seguro que afirma convencido que son mucho más rápido y eficientes, aunque la realidad es que, en el momento de escribir estas líneas, apenas existe una diferencia de segundos entre componentes funcionales y componentes basados en clases. Teniendo en cuenta que esto es inapreciable para el usuario final, no deberías temer por el rendimiento de tu aplicación si necesitas usar algún componente basado en clases, a pesar de que los componentes funcionales son técnicamente más rápidos y eficientes.

Reconciliación y algoritmo diferencial en React

Fri, 17 Jun 2022 07:07:07 +0100

Si has usado React para desarrollar aplicaciones web seguro que ya sabes que cuando un componente es modificado, ésta biblioteca de código de Javascript crea un DOM virtual para compararlo con el DOM actual y, de este modo, calcular si es necesario actualizarlo. A este proceso de actualizar el DOM actual cuando es necesario, para mantenerlo sincronizado con el DOM virtual, se le llama Reconciliación.

Gestión de final de línea en Git

Sun, 06 Mar 2022 20:34:02 +0200

Creo que no es la primera vez que te cuento que, habitualmente, en las empresas del sector los equipos se plataforman con sistemas operativos Windows. En Windows las líneas de código finalizan con un retorno de carro y un salto de línea, CRLF, pero en Linux y Mac, dichos finales se representan únicamente con saltos de línea, LF. En la gestión de un proyecto donde los programadores usan distintos sistemas operativos, o simplemente deseas mantener un tipo de fin de línea distinto al del sistema operativo que estas usando en el desarrollo, puede ser muy frustrante gestionar los cambios entre versiones de código. Esto se debe a que Git interpretará cambios en cada línea del código, pues donde había simplemente LF, tu editor colocó CRLF, y no podrás discernir los cambios reales. Git, sin embargo, dispone de una configuración para gestionar estos casos relativos a los finales de línea, core.autocrlf.

Internacionalización de un proyecto Vue

Sat, 05 Mar 2022 10:23:02 +0200

Para empezar, y como curiosidad, te cuento que en la abreviatura i18n el número 18 hace referencia a las letras que se encuentran entre la primera y última letra de la palabra internacionalitation.

La internacionalización de un proyecto de software es algo en cuya implementación no se suele prestar toda la atención requerida. Habitualmente sólo se gestiona el aspecto más básicos que permita mostrar los textos en distintos idiomas, y hay otros aspectos, como la gestión de la pluralización, que quedan olvidados.

Clonado Superficial de repositorio Git

Tue, 17 Aug 2021 10:23:02 +0200

En ocasiones te puede tocar trabajar en un proyecto cuyo repositorio cuenta ya con varios años de historia. Clonar este tipo de proyectos puede terminar en un error debido a la cantidad de datos a ser transferidos y, por tanto, es preferible hacer un clonado superficial. Un clonado superficial de un repositorio Git consiste en clonar únicamente parte de la historia del repositorio, y lo puedes hacer con una instrucción similar a la que sigue:

Liberar espacio de WSL

Wed, 11 Aug 2021 12:48:02 +0200

En muchas empresas es habitual plataformar únicamente el sistema operativo Windows en los equipos facilitados a los empleados, de modo que, si quieres disponer de las bondades de Linux para desarrollar tu trabajo, la opción más factible es usar el susbsitema Linux que Windows incluye, WSL. Desde su segunda versión WSL se ejecuta en una máquina virtual que intenta ser lo más liviana posible, pero que usa un archivo vhdx que crece con el uso de dicho subsistema y, aunque liberes espacio en el subsistema Linux, la realidad es que no vas a recuperar espacio de tu disco duro si no manipulas directamente el archivo vhdx. Lo primero que necesitas es saber dónde se encuentra dicho archivo. En el caso de que estés usando una distribución Ubuntu, la dirección será similar a esto:

Espacio de nombres

Fri, 25 Jun 2021 08:30:06 +0200

En informática, este término hace referencia a un contenedor abstracto de identificadores únicos. Los lenguajes que gestionan espacios de nombres especifican las reglas que determinan a que espacio de nombre pertenece un identificador, de modo que pueden manejar grandes cantidades de estos sin que haya colisión entre ellos, es decir, asegurándose de que son identificadores únicos, a pesar de que algunos de ellos usen la misma designación.

Te explico mejor con un ejemplo: Dos personas, Rebeca y Andrés, que pertenecen a empresas distintas, pueden tener un mismo número de empleado, digamos el 456. En este caso la empresa representaría el espacio de nombre, y 456, el número de empleado, representaría el identificador único. Aunque se trata de la misma designación para ambos empleados, 456, no existe colisión porque Rebeca es el empleado 456 de la empresa A, y Andrés es también el 456, pero en la empresa B.

Dominio del problema

Mon, 21 Jun 2021 12:07:46 +0200

En el ámbito de los sistemas de información, el dominio del problema es el conjunto de conceptos, interrelacionados entre sí, que se necesita conocer para comprender el negocio del cliente. Es decir, son todos aquellos conocimientos que están implicados en la correcta comprensión de la necesidad del cliente y, por tanto, son necesarios para proponer una correcta solución. Un buen ejemplo podría ser el dominio del problema al desarrollar un aplicación para una clínica médica privada, donde habría de manejar correctamente conceptos como póliza, paciente, cita, diagnóstico…

Hola mundo al estilo Deno

Sat, 13 Feb 2021 22:59:22 +0100

Es habitual, cuando se aprende un lenguaje de programación, escribir una pequeña aplicación mostrando el mensaje “¡Hola mundo!”. En el caso de Deno, vamos a hacer algo un poco diferente para ejecutar tu primer programa con esta tecnología. Ya te conté aquí que Deno ofrece un servicio de repositorios a través de https://deno.land/x/, y vamos a usar un programa ejemplo que tienen publicado con el nombre de welcome. ¡Para que Deno lo descarge, lo compile y lo ejecute, sólo necesitamos escribir una línea!:

Configurar en Git un repositorio remoto Subversion

Sat, 06 Feb 2021 20:15:46 +0100

Hay varios motivos por los cuales podrías querer traer la información de un repositorio de código, versionado con Subversion, a tu repositorio de código versionado con Git, desde sincronizar ambos repositorios durante un periodo de transición de gestor de versiones hasta, simplemente, aprovechar las características de git para la gestión de ramas antes de subir nuevo código al repositorio de Subversion. Estos motivos son los que justifican la existencia de git-svn, una característica de Git que nos proporciona comandos para gestionar un flujo bidireccional entre Git y Subversion.

Configurar credenciales de repositorios privados en Maven

Thu, 28 Jan 2021 23:07:31 +0100

Son muchísimos los proyectos que, en el momento de escribir este artículo, utilizan Maven para gestionar su gestión de dependencias su construcción. Maven permite, además, la encriptación y gestión de contraseñas, lo cual es muy útil para poder acceder a repositorios privados, como los gestionados con Nexus, que pueden requerir autorización. Para esto, únicamente necesitas crear un par de archivos en la carpeta ${user.home}/.m2, y cuyos nombres serán settings-security.xml y settings.xml.

Vamos a comenzar con settings-security.xml, que es el que va a contener una contraseña maestra de nuestra elección. Podemos crearla con el comando mvn de Maven.

Ionic React

Tue, 17 Nov 2020 14:12:23 +0100

Ya sabes que Ionic se integra perfectamente con los tres principales frameworks de front en el momento de escribir este artículo, Angular, React y, recientemente, con Vue.js. Centrándonos en Ionic React, habría que destacar varios aspectos. En definitiva se trata de React, y esto significa que usa los estándares abiertos de la web y las capacidades integradas en los navegadores, por tanto es compatible com millones de bibliotecas de código web. Ionic React cotinene más de una centena de componentes de interfaz de usuario optimizados para ser utilizados con React, usa la pila estandar de herremientas de React, como react-dom o react-router, y puedes preparar tu aplicación para ser utilizada en iOS, Android, Electron y PWA.

Qué es Ionic

Sun, 15 Nov 2020 20:06:31 +0100

Ionic se define a sí mismo como un entorno de trabajo con el que puedes crear aplicaciones móviles y aplicaciones web progresivas de alto rendimiento. Su filosofía está muy basada en la web, pues entiende que es el entorno de ejecución más probado y estable que existe, de modo que cualquier desarrollador que tenga conocimientos de HTML, JavaScript y CSS pude desarrollar aplicaciones para distintas plataformas y dispositivos. Es más, Ionic puede ser usado con los entornos de trabajo de Javascript más utilizados, Angular, React y, recientemente, con Vue.js. La posibilidad de usar las capacidades nativas de un dispositivo, como podría ser la cámara del teléfono inteligente, se añaden gracias al uso de Apache Cordova o Capacitor.

El operador Elvis de Groovy

Thu, 16 Jul 2020 08:22:43 +0200

El operador Elvis es una abreviatura del operador ternario. Un caso en el que suele utilizarse de manera habitual es para devolver un valor que es sensible por defecto cuando una expresión se resuelve como false. Un sencillo ejemplo:

// Con el operador ternario, tienes que repetir el valor a asignar
mostrarNombre = usuario.nombre? usuario.nombre: 'Anónimo'

//Con el operador de Elvis, el valor que se prueba y se usa si no es falso
mostrarNombre = usuario.nombre?: 'Anónimo'

El uso del operador Elvis reduce la verbosidad de tu código y los riesgos de errores, en caso de refactorizaciones, al eliminar la necesidad de duplicar la expresión que se prueba, tanto en la condición, como en el valor de retorno positivo.

Qué es una imagen Docker

Fri, 10 Jul 2020 19:04:34 +0200

Una imagen Docker es una plantilla o esquema a partir del cual podemos generar un contenedor Docker, es decir, podemos generar un entorno aislado que está diseñado para ejecutar una o más apliaciones de forma óptima. La imágenes se crean a partir de un archivo, al que se denomina Dockerfile, usando el comando docker build. Una vez que has generado tu imagen puedes almacenarla en repositorio de imágenes Docker. En Docker Hub, por ejemplo, puedes almacenar tus imágenes de manera privada o pública. Si visitas Docker Hub verás que puedes usar muchísimas imágenes de forma gratuita sin tener que crear tus propias imágenes. Muchas de estas imágenes son oficiales, desarrolladas y distribuidas por equipos desarrolladores de una tecnología específica. Desde bases de datos a herramientas DevOps, pasando por servicios de mensajería e, incluso, sistemas operativos, tienen una imagen preparada para ser descargada y usada en Docker Hub. Puedes disponer rápidamente de una instancia de Jenkins descargando su imagen oficial…

La clase Expando de Groovy

Fri, 10 Jul 2020 15:23:21 +0200

¿Te imaginas una clase de Groovy a la que le puedes añadir, en tiempo de ejecución, propiedades y métodos? Pues eso es lo que te ofrece su clase Expando, cuyo uso es muy similar al modo en el que, en JavaScript, se usan objetos instanciando la variable Object.

// Define la classe Expando con dos propiedades:
def blog = new Expando(titulo : "metroSetenta", subtitulo : "Arquitectura y diseño de software")
// Añade una nueva propiedad a Expando:
blog.url="metrosetenta.es"
// Incluye un método con un cierre:
blog.toString={
  return """
    Título del blog:    ${titulo}
    Subtítulo del blog: ${subtitulo}
    URL del blog:       ${url}
  """
}
println (blog)

Observa en el pequeño ejemplo de arriba que el constructor usa una notación similar a los mapas Groovy y, que los métodos, son implementados usando cierres (closures). Puedes probar este pequeño ejemplo guardándolo en un archivo para ejecutarlo con el comando groovy.

Patrones creacionales

Thu, 09 Jul 2020 19:42:53 +0200

Los patrones de diseño creacionales son aquellos que nos proponen soluciones para problemas relacionados con la instanciación de objetos. Automatizar el proceso de construcción de un objeto complejo, limitar la instaciación de una clase a un único objeto al que se pueda acceder de manera global o usar un objeto como prototipo para crear otros objetos similares son algunos de los usos de los patrones de diseño creacionales.

Factory Method (Método de fabricación): Si necesitamos un objeto de un tipo, pero desconocemos cual es el objeto concreto que vamos a necesitar en el momento del diseño, este es nuestro patrón. Donde dije tipo puedes poner, por ejemplo, conexión a base de datos, y puedes sustituir objeto concreto por conexión a Oracle Database, conexión a MySQL, conexión a PostgreSQL…

Monitorizar peticiones en Redmine

Thu, 09 Jul 2020 15:07:39 +0200

En ocasiones necesitas conocer la evolución de una petición o tarea en Redmine, en la que no estás involucrado, mediante notificaciones por correo electrónico. Es posible hacerlo porque Redmine te facilita la posibilidad de monitorizar peticiones o tareas. Para ello, dirígete a la petición a la que deseas hacer seguimiento y, en la parte inferior, al final del cuerpo de la petición, pulsa en el enlace Monitorizar que se encuentra junto al icono de la estrella.

Subcomandos de Deno

Wed, 08 Jul 2020 20:30:48 +0200

Hoy voy a ampliar los artículos sobre Deno que hay en el blog comentandote los subcomandos disponibles en esta herramienta. Si ya has instalado y configurado Deno, y dispones del comando deno en tu consola, el primer subcomando que debes probar es help.

$ deno help

Entre otras cosas, te va a facilitar un listado de subcomandos similar al que sigue:

  bundle         Bundle module and dependencies into single file
  cache          Cachea las dependencias
  completions    Genera autocompletados de la consola de comandos
  doc            Muestra la documentación para un módulo
  eval           Evalúa un script
  fmt            Formatea archivos fuente
  help           Imprime la ayuda general o la de un subcommando dado
  info           Muestra información sobre el caché o información relacionada con un archivo fuente
  install        Instalar script como un ejecutable
  lint           Aplicar resaltado de código a archivos fuente
  repl           Bucle leer, evaluar e imprimir
  run            Ejecuta un programa desde un nombre de archivo o una URL. Usa '-' como nombre de archivos para leer de la entrada estandar
  test           Ejecuta las pruebas
  types          Imprime las declaraciones de TypeScripts en tiempo de ejecución
  upgrade        Actualiza el ejecutable deno a una versión dada

Algo más sobre el subcomando help es que si lo usas con cualquiera de los subcomandos listados más arriba, te facilitará información más detallada sobre dicho subcomando y su sobre uso. Por ejemplo, si queremos saber algo más sobre el subcomando eval, podemos ejecutar el siguiente comando:

¿Qué es Docker?

Wed, 08 Jul 2020 19:06:02 +0200

Docker es, posiblemente, la herramienta que revolucionó el modo en el que desplegamos y distribuimos aplicaciones. Asegurarnos de que el entorno en el que se van a ejecutar nuestras aplicaciones es óptimo para ellas ha sido siempre un esfuerzo asociado al desarrollo de software. El uso de máquinas virtuales supuso el acercamiento más satisfactorio antes de Docker, pero el rendimiento se veía comprometido por el esfuerzo que suponía, para el sistema operativo huesped, levantar y gestionar un sistema operativo completo en el que ajustar el entorno deseado y ejecutar nuestra aplicación. Con Docker, ejecutamos nuestras aplicaciones en entornos aislados, contenedores, que si bien no son máquinas virtuales, se asemejan muchísimo, pero con la ventaja de aprovechar nuestro sistema operativo todo lo posible en lugar de tener que gestionar un completo sistema operativo inquilino.

Patrones de diseño

Sun, 05 Jul 2020 13:08:40 +0200

Los patrones de diseño son un concepto que empezó a manejar el arquitecto britano-americano Christopher Alexander en 1966. Mucho más tarde, en 1994, con la publicación de Design Patterns: Elements of Reusable Object-Oriented Software, dicho concepto comenzó a ganar popularidad en el mundo del desarrollo de software. Este libro fué escrito por cuatro autores que posteriormente serían conocidos como la pandilla de los cuatro (Gang of Four): Erich Gamma, Richard Helm, Ralph Johnson y John Vlissides. Los patrones de diseño aportan soluciones generales y reutilizables para problemas comunes. No se trata de porciones de código, sino de algo más genérico: La descripción de un problema y de una solución, que ha sido probada, a ese problema. Comprender un patrón, identificar cuando es útil, aplicarlo y adaptarlo a un caso concreto es tarea de aquel que lo estudia. El uso adecuado de estos patrones, por tanto, puede acelerar el proceso de diseño y desarrollo de software, pues al aportar paradigmas que han sido probados como eficaces evitan invertir tiempo en buscar una solución partiendo desde cero.

Gestión de memoria de la máquina virtual de Java

Thu, 02 Jul 2020 12:43:50 +0200

Al espacio de memoria donde Java almacena objetos se denomina heap. El heap se crea cuando la maquina virtual de java, JVM, se inicia, y puede aumentar o disminuir de tamaño durante la ejecución de la aplicación. Cuando se llena este espacio de memoria Java inicia el proceso de recolección de basura, Garbage Collector. Durante la recogida de basura, los objetos que ya no se utilizan son eliminados, creando así espacio para nuevos objetos. La JVM puede iniciarse con unos parámetros para gestionar la memoria. Con Xmx configuramos el tamaño máximo del heap y con Xms el tamaño mínimo. La JVM tiene, también, un espacio permanente para alojar objetos, el Permanent Generation o Metaspace desde Java 8. Será el espacio donde se alojan las clases y los métodos. Un ejemplo de configuración de estos parámetros sería como sigue:

Renombrar un repositorio remoto en Git

Thu, 02 Jul 2020 12:24:45 +0200

origin es la palabra con la que git nombra por defecto un repositorio remoto cuando lo clonas. Renombrar este repositorio como, por ejemplo, gitlabMetroSetenta es una buena idea, porque origin parece una palabra reservada de Git y puede causar confusiones. Para comprobar con detalle los repositorios remotos que has configurado en un proyecto git, usa el siguiente comando:

git remote -v

Para renombrar un repositorio remoto origin como miRepositorioRemoto puedes usar este otro:

Mejorando las búsquedas en Vim

Sat, 13 Jun 2020 18:56:21 +0200

Vamos a mejorar un poco las búsqueda de porciones de código dentro de nuestros proyectos y, para ello, vamos a comenzar por la entrada de datos que le damos a fzf. Te presento a ripgrep, una herramienta de búsquedas que tiene un rendimiento increible en comparación con otras parecidas como ugrep o ack. Ripgrep usa el archivo .gitignore por defecto, lo que le dá un enfoque muy Desarrollo para la búsqueda de código. Aquí tienes los diferentes métodos de instalación. Una vez que hayas aplicado el mejor para tu máquina, prueba a ejecutar, por ejemplo, el comando rg return en la carpeta de uno de tus proyectos, donde rg ejecutará ripgrep y return será el criterio de búsqueda. ¡A mí me pareció impresionante, especialmente, por su velocidad!

Target Not Found en Pamac

Sat, 13 Jun 2020 11:35:50 +0200

Pues nada, que andaba probando programas para crear gifs y, como no me convencieron los que probé del repositorio oficial de Manjaro, pues busqué alguno en AUR, el repositorio de usuarios de Arch. En la interfaz gráfica de pamac pulsé la opción para refrescar las base de datos e instalar las actualizaciones pendientes. Desde ese momento, cualquier intento de instalación de cualquier software, utilizando los repositorios de AUR, me devolvían el siguiente error:

target not found

Lo cierto es que nunca he necesitado cacharrear en profundidad con los gestores de paquetes de software y, por este motivo, me costó dar con el problema y solucionarlo. Desde la interfaz gráfica de pamac no tenía ninguna opción para ayudarme a dar con la solución, así que, con ayuda de la documentación, probé a instalar paquetes del AUR usándo pamac desde la consola. Así fué como encontré la siguiente pista.

Sacándole más partido a fzf en Vim

Fri, 05 Jun 2020 19:41:43 +0200

En éste artículo ya te conté que es fzf y como usarlo en Vim para buscar archivos dentro de tu proyecto, pero lo cierto es que podemos aplicarlo para muchísimos más usos. Mediante fzf.vim puedes tener configurados varios comandos en Vim, sin estar familiarizado con Vimscript, que ponen a tu disposición las aplicaciones más comunes de fzf en este editor de texto.

Como siempre, si usas el gestor de conectables vim-plug, que aprendimos a instalar aquí, es muy sencillo conectar fzf.vim. La primera línea instalará el conectable de vim del repositorio básico de fzf. Comprueba si ya la tenías en tu configuración con anterioridad.

Búsqueda difusa

Thu, 04 Jun 2020 22:45:14 +0200

Seguro que estás acostumbrado a usar criterios de búsquedas y a aplicar filtros a un conjunto de datos. Cada vez que usas un búscador como Google o DuckDuckGo lo haces. Habitualmente los criterios de búsqueda son aplicados usando algoritmos muy rígidos, que devuelven resultados donde las coincidencias de los datos con dichos criterios son exactas. Deja que te hable ahora sobre la búsqueda difusa (Fuzzy search), donde los algoritmos aplicados son más indulgentes, consiguiendo así que podamos lograr resultados a los que no accederíamos con los métodos expuestos anteriormente.

Javascript con Vim: Formateando el código

Fri, 29 May 2020 21:53:39 +0200

Prettier es una herramienta de formateo de código de gran popularidad en el ecosistema JavaScript. Mediante unas opciones especificadas en su archivo de configuración podemos conseguir que todos los archivos de código formateados con Prettier luzcan idéntico sangrado (indent), tipo de comillas, uso de espacios, ancho de líneas, y demás aspectos de estilo. Para disponer de Prettier únicamente tienes que añadirlo a tu proyecto.

$ npm install --save-dev --save-exact prettier
# or globally
$ npm install --global prettier

Puedes ejecutar Prettier mediante su CLI, o puedes engancharlo para que se ejecute justo antes de una confirmación de cógido de Git, un pre-commit hook, pero la intención de este artículo es usarlo en Vim para que dé formato a tu archivo de código cuando lo guardas.

JavaScript con Vim: Corrigiendo el código

Fri, 29 May 2020 07:57:33 +0200

Los programas de análisis y correción de código son nombrados en inglés como linters. Un corrector de este tipo te ayuda a identificar errores potenciales en tu código sin necesidad de ejecutarlo, evitar patrones problemáticos e, incluso, cumplir con una guía de estilo. En JavaScript, el linter más usado se llama ESLint, y puedes instalarlo siguiendo los pasos aquí indicados. Por defecto, ESLint está configurado mediante un juego de reglas que, comprobando si el código las cumple, gestionan los problemas más comunes. Por supesto, puedes personalizar estas reglas para solucionar problemas específicos; de hecho, existen paquetes de configuración de ESLint, como Airbnb, y es posible que se ajusten a tus necesidades, ahorrándote mucho tiempo en hacer esta tarea.

JavaScript con Vim: Resaltando la sintaxis

Wed, 27 May 2020 14:54:01 +0200

Aunque Vim soporta sintaxis básica para JavaScript, cuando trabajes con especificaciones modernas del lenguaje o bibliotecas como React, que usa JSX, notarás que no funciona todo lo bien que esperas. Una buena opción para realatar la sintaxis de JavaScript en Vim es Polyglot, un conectable que gestiona otros conectables, de sintaxis en este caso, cargándolos bajo demanda para evitar afectar al rendimiento de tu editor de texto. Gracias a Polyglot, si cambias de framework de JavaScript, o si gestionas archivos de otro lenguaje, no es necesario que instales nuevos conectables, porque él lo gestionará de un modo sencillo.

Hugo y el buscador: Presentando el widget de búsqueda

Sat, 23 May 2020 19:42:04 +0200

Como ya te expliqué en este artículo, al retomar este blog quería mejorar la navegación y, para ello, decidí implementar un buscador que permitiera localizar contenido de la manera más eficaz posible. El tema con el que está generado el blog, Mainroad, incluye la posibilidad de renderizar un buscador en la barra lateral con un sencillo ajuste en el archivo de configuración de Hugo, config.toml.

[Params.sidebar]
  # Enable widgets in given order
  widgets = ["image", "search", "categories"]

La caja de búsqueda es sencilla, me gusta el estilo, pero cuando se visualiza el blog en una pantalla más pequeña la barra lateral que la contiene se muestra debajo de los primeros posts. Yo prefiero que el buscador esté siempre visible, desde el inicio, para que de este modo se pueda acceder al contenido rápidamente sin tener que navegar a la parte inferior del blog, así que probé a sacar la caja de búsqueda de la barra lateral y colocarla debajo del título, justo antes del primer artículo. Gracias a que el widget de búsqueda esta escrito en su propio partial, es sencillo probar la caja de búsqueda, en esa ubicación, añadiendo una única línea de código en la plantilla base del blog.

Hugo, generador de sitios estáticos

Sat, 23 May 2020 18:36:35 +0200

Hugo se presenta como el constructor de sitios web más rápido del mundo. Está escrito con Go y genera sitios de forma estática con la intención de ofrecer mejor rendimiento, seguridad y facilidad de uso. Por cada petición que recibe un sitio generado dinámicamente su servidor HTTP crea un nuevo archivo HTML. Con el tiempo estos generadores de sitios dinámicos comenzaron a almacenar algunas páginas en caché para mejorar el rendimiento. En tanto que Hugo no genera las páginas dinámicamente, sino que renderiza todos los archivos HTML en tu computadora, podemos definirlo como un generador de sitios estáticos. Es como si un generador de sitios dinámicos almacenara todas las páginas en caché. Este método te permite revisar todas las páginas en local tal cual serán enviadas al cliente y, además, el servidor HTTP las servirá usándo únicamente una fracción de cómputo y memoria de la que necesitaría un sitio generado dinámicamente.

El misterioso netrwhist

Sat, 23 May 2020 14:42:49 +0200

Cuando gestionaba mis dotfiles era habitual encontrarme, entre los archivos modificados, al misterioso netrwhist. Antes que nada debes de saber que netrw es un script conectable a vim, que está orientado a redes y que permite lectura, escritura y navegación. netrwhist es el archivo donde netrw guarda un histórico de los directorios que fueron modificados. netrw tiene bastantes opciones de configuración:

let g:netrw_banner = 0
let g:netrw_liststyle = 3
let g:netrw_browse_split = 4
let g:netrw_altv = 1
let g:netrw_winsize = 25
let g:netrw_dirhistmax  = 10
let g:netrw_dirhist_cnt = 6

Un modo de no versionar este histórico es usar el parámetro de configuración netrw_home para guardar su histórico fuera del repositorio dotfiles.

Consultar con Git los archivos modificados

Wed, 20 May 2020 19:21:32 +0200

Hace poco un compañero me preguntó cómo podía consultar los archivos que había gestionado en un desarrollo, desde la versión que había partido, hasta la versión actual en la que se encontraba. Consultando un poco dimos con esta opción,

$ git diff 0819dfcb 20620b5b --name-only

Y el resultado era exáctamente el que buscábamos, nombres de los archivos que habian sufrido algún tipo de modificación entre los dos commits que le estábamos pasando al comando git diff.

Breve pensamiento sobre SEO

Sun, 17 May 2020 18:45:29 +0200

Cuando estas desarrollando software y te encuentras por primera vez con un problema que tienes que resolver, puedes dedicar unos 20 minutos a navegar por la red, buscando, probando y valorando la información necesaria para conseguir la solución correcta. En ocasiones debes construir dicha solución con porciones y modificaciones de otras propuestas que no se adaptan correctamente al problema concreto que necesitas solucionar.

Si después de hacer esto, dedicas un poco de tiempo a escribir sobre ello, puedes disponer de la información en caso de que te haga falta en el futuro y, además, ayudar a otras personas que podrían encontrarse con la misma dificultad que te encontraste tú.

Sobre categorías y etiquetas

Sun, 17 May 2020 18:20:28 +0200

El modo en el que se suele recomendar el uso de las etiquetas en un blog, que es el que he venido adoptando hasta hace poco, está muy enfocado en obtener buenas clasificaciones en los resultados de buscadores. Al retomar el blog este ha sido un aspecto al que quería darle un enfoque distinto, dejando de lado las recomendaciones para una estrategia SEO convencional.

Con el nuevo enfoque quería facilitar la navegación, a la par que mejorar la experiencia de usuario, y para conseguirlo me he visto obligado a involucrar también a las categorías de mi blog. El principal usuario de mi blog soy yo mismo, pues lo uso para anotar soluciones a problemas que he encontrado y detalles importantes sobre todo lo que aprendo referente a mi profesión, y esto me hace volver frecuentemente a él para realizar consultas.

Instala y gestiona múltiples versiones de Deno

Sat, 16 May 2020 21:28:13 +0200

¿Qué te parece si vemos en acción a Deno, el pequeño diplodocus del que hablamos en el artículo anterior? El primer paso, como no puede ser de otro modo, es instalarlo en tu equipo, y para esto dispones de varias opciones que se adaptan a tu sistema operativo o a tus preferencias. Los usuarios de Linux pueden hacerlo facilmente desde la consola, al igual que los de macOS que, además, pueden usar Homebrew. Para Windos existe la posibilidad de usar PoweShell, Chocolatey o Scoop. En este post nos centraremos en Linux. El comando de instalación es sencillo, y únicamente necesitas tener instalado curl:

¿Qué es Deno?

Wed, 13 May 2020 18:12:09 +0200

Deno se define a sí mismo como un seguro sistema o entorno de ejecución para JavaScript y Typescript. El creador originar de Node.js, Ryan Dahl, fue quien anunción esta nueva herramienta en 2018, así que es inevitable fijarse en el juego del intercambio de sílabas (No-de / De-no), a pesar del divertido dino que usa como logo, que puede despistar. Pero ¿Por qué querría Dahl crear otra vez Node.js, un software que cuenta con un apoyo y una aceptación suficientes para hacerlo exitoso por décadas? Pues parece que alguna espinita se le quedó clavada, vamos a ver cual puede ser.

1 desafio 4 aspectos

Sun, 10 May 2020 19:39:56 +0200

Al iniciar el proceso de diseño de una arquitectura software, la primera dificultad que debes acometer es definir con sencillez la necesidad que nuestro desarrollo va a solucionar y cómo va a hacerlo. Este paso es realmente importante, y no imaginas la cantidad de ocasiones que se pasa por alto, lo cual provoca dificultades en fases posteriores del desarrollo e, incluso, el fracaso de algunos proyectos. El mejor modo de comenzar a hacerlo es dividir el desafío propuesto en cuatro aspectos fundamentales:

Definicion de arquitecura software

Sun, 10 May 2020 19:25:25 +0200

Lo normal es que tu expectativa de lo que vas a encontrar a continuación dependa de tu experiencia en el desarrollo de software. El concepto de arquitectura de software puede llegar a ser muy distinto dependiendo de la persona que lo use: Lo que comprende un desarrollador como arquitectura puede llegar a ser muy distinto de la idea de un probador o un técnico en devops. Esto hace que publicar una definición básica del concepto de arquitectura de software sea ciertamente arriesgado pero, basándome en lo que me gustaría haber encontrado cuando empecé a estudiarla, y amparado en que existe algún punto común, pues para todos implica la definición de una estructura, me atrevo a darte la que sigue:

No versiones archivos ajenos al proyecto

Thu, 19 Mar 2020 19:12:00 +0100

El título de esta entrada suena realmente lógico y no merece profundizar más en él, pero ¿Cómo puedes hacerlo? El problema es que en ocasiones, en la carpeta del proyecto, guardas archivos de configuración que si bien no son propios del proyecto, sí que son necesarios, y resulta cómodo tenerlos en dicha ubicación. Desde mi punto de vista, las configuraciones de los distintos IDEs son el caso más común de esto que te comento.

Modificando el mensaje de varios commits con un único comando

Tue, 15 Oct 2019 08:39:00 +0200

Sin duda, Git es una herramienta potentísima para el control de versiones, y conocer bien su funcionamiento nos facilita muchísimo el trabajo a la hora de escribir, probar y corregir código. Algunas de sus funcionalidades, las más avanzadas, son menos usadas y, por ello, tienden a conocerse menos. Algo que me obliga a ir a la documentación de Git de cuando en cuado es la necesidad de modificar el mensaje en varios commits. Recuerdo que la primera vez que lo necesité fue cuando, en un daily (reunión diaria típica de la metodología Scrum) un compañero nos pidió al resto que los mensajes de todos los commits comenzaran con el número de issue (es algo así como un número de ticket en Jira). En ese momento yo estaba terminando un feature con más de 10 commits, y pensé que hacerlo de uno en uno, usando reword en un rebase interactivo, sería muy tedioso. Ahora, si estoy programando algo y aún no tengo ese número de issue, uso un placeholder para recordar que tengo que poner el número de issue en el lugar que ocupa, y una vez que dispongo de dicho número, uso el siguiente comando de Git, filter-branch:

Navegando por la parrilla de los espacios de trabajo

Mon, 14 Oct 2019 23:34:00 +0200

Algo que recuerdo tedioso de mi época de probar distintas distribuciones de Linux es configurar los atajos de teclado. I3 es la primera opción a valorar para quienes tocan el ratón lo mínimo e imprescindible, pero Gnome ha avanzado bastante en este aspecto, y, como es el entorno de escritorio que uso actualmente, te voy a comentar como he configurado en él los espacios de trabajo.

En mi distribución de Linux, Manjaro, pulsando la tecla Super (habitualmente ilustrada con una ventana, y conocida como tecla Win en Windows) dispones de un buscador en el sistema operativo. Si comienzas a teclear el nombre de la aplicación Add/Remove Software, la verás sugerida y seleccionable en un instante. En esta aplicación dispones de la posibilidad de buscar paquetes de software haciendo click en el icono de la lupa. Ahí, únicamente teclea Workspaces grid y te aparecerán distintas opciones para construir una parrilla con tus escritorios. Yo personalmente estoy usando Gnome shell vsmatrix.

Manjaro y la conexión wifi

Wed, 09 Oct 2019 17:23:00 +0200

Pues no estaba equivocado respecto a la instalación de Manjaro, no. Ha sido mucho más rápido que montar Arch y, tras probarlo, tengo que decir que estoy bastante contento con las opciones de configuración y administración que ofrece. Únicamente he tenido una experiencia negativa hasta el momento de escribir esto, y es que al hacer un escaner de las redes wifi ¡No podía ver ninguna red wifi disponible! Así que tocó investigar un poco. La solución pasaba por desactivar los módulos rtw88 y rtwpci, que fueron instalados junto al kernel, y que no funionaban correctamente con mi tarjeta rtl8822be. Para ello los tenía que añadir a la blacklist del kernel, y atendiendo a la documentación de Arch, lo hice añadiendo estas líneas al archivo /etc/modprobe.d/blacklist.conf que yo mismo tuve que crear:

Comprobando una imagen de disco

Mon, 07 Oct 2019 11:29:00 +0200

Es habitual que las distribuciones Linux ofrezcan, entre sus opciones de descarga, una imagen de disco. Esta imagen de disco la podemos “quemar” en un CD/DVD, y también la podemos preparar como ejecutable en un pequeño USB portátil. No obstante, debemos tener en cuenta que si la imagen de disco se descargó incorrectamente, o fué contaminada, en el mejor de los casos no podremos instalar el sistema operativo elegido o, incluso, podríamos instalar un sistema operativo con errores. Para evitar esto, solemos disponer de la posibilidad de comprobar la integridad del archivo con un hash.

¿Por qué Manjaro?

Wed, 02 Oct 2019 17:17:00 +0200

Lo cierto es que cuando adquirí el nuevo portátil para trastear en casa con él, mi primera idea fué la de instalar Arch Linux con i3-gaps, pero finalmente me he decantado por instalar Manjaro por los siguiente motivos. Con Arch, se aprende muchisimo sobre instalar, mantener y reparar el sistema operativo, pero lo cierto es que queria dedicar mi tiempo a otros aspectos, y con Arch me quedaba por delante instalar los paquetes básicos, configurar el sistema, zona horaria, configuración de red, localización, sistema de inicio… Por otro lado, me gusta la filosofía rolling release, pero es cierto que en ocasiones puede crear inestabilidad en el sistema al actualizar un paquete.

Portátil para estudios y proyectos

Wed, 02 Oct 2019 16:46:00 +0200

En mi actual trabajo no puedo usar un sistema operativo distinto de Microsoft Windows 10 enterprise, y el portátil que tengo en casa, por ser compartido, no lo puedo trastear todo lo que quisiera. Por este motivo, y por lo que añoro Linux, he adquirido un nuevo portátil, sin sistema operativo instalado, para mis estudios y proyectos. Estas son algunas especificaciones.

Marca y modelo Asus Vivobook X510qa-br010 15.6/amd A12-9720p/8gb/ssd256gb/sin So

Inyección de funciones

Tue, 04 Jun 2019 09:43:00 +0200

Ya te comenté en este pequeñísimo artículo que las funciones tratadas como objetos de primera clase es una de las características que permiten programar con Javascript de un modo funcional. Esto nos permite, por ejemplo, pasar funciones como argumentos de otras funciones, y ahí es donde se produce la inyección de funciones que da título a este artículo.

La función sort nos permite mostrar un ejemplo de este concepto. A continuación la función sort en acción:

Currying

Wed, 15 May 2019 20:39:00 +0200

Pues no, no se trata de un deporte de disco sobre hielo usando escobas, y tampoco es una práctica consistente en sazonar todas las comidas con la misma especia. En el cálculo lambda se usan funciones con un único parámetro. En posts venideros sobre conexión de funciones conoceremos el motivo, pero ahora centrémonos en aprender como superar esta limitación gracias al currying.

El amigo Haskell Curry, además del lenguaje Haskell desarrolló este concepto. ¿Cómo podríamos emular una función que suma tres número recibidos como parámetros, igual a la del ejemplo que sigue, usándo exclusivamente funciones con un único parámetro?

Función lambda

Tue, 14 May 2019 09:56:00 +0200

Buscando un poco en la red, seguro que encuentras algún lugar donde se otorge al cálculo lambda el título de lenguaje de programación mas pequeño que existe. Básicamente se trata de un esquema para definir funciones y una regla de transformación simple mediante la sustitución de variables.

Una función tiene un aspecto tal que así en cálculo lambda: λx.1+x. La variable entre el carácter λ y el punto es el parámetro de la función, y la expresión de esta es lo que sigue a dicho punto. Para aplicar esta función le facilitamos un argumento, por ejemplo 14, y lo podemos representar con el uso de paréntesis: (λx.1+x)(14). El resultado en este caso sería 15.

Polyfills

Tue, 05 Feb 2019 06:22:00 +0100

Un polyfill es un script de código que sirve para emular una característica que un desarrollador necesita en un navegador cuando este no dispone de ella de forma nativa. En su mayoría, los polyfills están escritos en javascript, y nos permiten desarrollar apliaciones web centrados en nuevos estándares, pues suplen la carencia de los navegadores más antiguos en el momento de implementarlos.

El uso de polyfills invita a usar una detección de características del navegador, en lugar de comprobar su versión, puesto que con su uso únicamente habría que comprobar si el navegador, sea cual sea, y sea cual sea su versión, dispone de la cualidad que necesitamos en nuestro desarrollo, y de no ser así, usaríamos un polyfill que la emulara.

Hoisting de Javascript

Sat, 05 Jan 2019 13:05:00 +0100

Explicado de un modo muy breve, consiste en que javascript, en el momento de compilar el código, prioriza las declaraciones de variables, siendo lo primero a tratar dentro de cada contexto. Es importante tener en cuenta que esto no aplica para las asignaciones, únicamente para la declaración. Estudia el siguiente script:

/*
 * Logamos 'undefined' por que la declaración de x ha sido alzada
 * por encima de esta función, pero no su asignación. Observa,
 * no obstante, que no recibimos un error de referencia a x a pesar
 * de que la línea dónde se declara y asigna está justo debajo.
 */
console.log("x:", x)
var x = "Primera asignación";

//Ahora sí logamos 'Primera asignación'
console.log("x:", x)

(function () {
 /* No logamos 'Primera asignación' sino 'undefined', porque la
  * segunda declaración ha sido elevada al inicio de su contexto,
  * sobrescribiendo a la primera declaración y asignación.
  */
  console.log("x:", x);
  var x = "Segunda asignación";

  // Ahora sí, logamos 'Segunda asignación'
  console.log("x:", x);
}());

Peculiaridades en los lenguajes de programación

Sat, 05 Jan 2019 12:19:00 +0100

Con este post quiero inaugurar una sección donde tratar las peculiaridades de los distintos lenguajes de programación. Me refiero con la palabra peculiaridades a aquellos detalles que, en ocasiones, no se tienen presente cuando se está desarrollando, especialmente cuando se manejan distintos lenguajes en poco espacio de tiempo o cuando se comienza a desarrollar con un nuevo lenguaje que no se conoce en profundidad. Esto puede llevar a comportamientos extraños, o que no alcanzamos a comprender, en nuestra aplicación, y por tanto muy difíciles de resolver. Para comenzar, he elegido el hoisting de javascript.

Características funcionales de Javascript

Sun, 23 Dec 2018 20:02:00 +0100

Javascript no fué creado como un lenguaje de programación funcional, pero dispone de ciertas características que nos permiten programar en un estilo funcional al usarlo. Te las listo con la intención de escribir un post sobre cada una de ellas y enlazarlo aquí abajo:

Las funciones son objetos de primera clase
Recursión
Funciones flecha (Arrow functions)
Clausuras (Closures)
El operador spread

Entiende esto antes de estudiar programación funcional

Sun, 23 Dec 2018 19:52:00 +0100

La programación funcional es un modo distinto de escribir sofware que puede resultar difícil de aprender. La mayoría del software producido actualmente es una secuencia de órdenes ejecutadas de un modo determinado y, cuyo resultado, se obtiene creando y manipulando objetos. En la programación funcional (FP) el resultado se obtiene evaluando expresiones que están compuestas de funciones. Es habitual pasar funciones como parámetros de otras funciones, o devolverlas como resultados; Se opta por la recursión en lugar de hacer bucles, y en el cuerpo de las funciones se evita modificar objetos o el uso de variables globales, de tal manera que el uso de estas no conlleve efectos secundarios, habitualmente referidos en la literatura técnica como side effects.

Tabulación coloreada en Visual Studio Code

Mon, 17 Dec 2018 16:34:00 +0100

Indent Rainbow es una extensión de Visual Studio Code, de uso general, que sirve para darle color a las tabulaciones. Es muy útil para mejorar la legibilidad del código, especialmente para conocer en que ámbito te estás moviendo o donde comienzan y finalizan ciertos elementos del código.

A continuación puedes ver el ajuste por defecto de la extensión, pero, como casi todo en Visual Studio Code, es algo configurable a tu gusto.

¿Dónde diablos cerraba este paréntesis?

Sun, 09 Dec 2018 19:17:00 +0100

Si escribes javascript seguro que en tu código hay una gran cantidad de paréntesis, llaves y corchetes. Con Bracket Pair Colorizer 2, una genial extensión de Visual Studio Code, dispondrás de la posibilidad de identificarlos rápidamente mediante colores, y tiene un buen número de elementos configurables, como una línea vertical que delimita el ámbito de estos elementos. Es una extensión muy recomendable, así que, ya estás tardando en probarla.

El verdadero valor de un desarrollador

Tue, 18 Sep 2018 17:59:00 +0200

If you think you are worth what you know, you are very wrong. Your knowledge today does not have much value beyond a couple of years. Your value is what you can learn and how can you easily adapt to the changes this profession brings so often.

Si crees que vales lo que sabes, estás muy equivocado. Tu conocimiento no tiene mucho valor más allá de un par de años. Tu valor es lo que puedes aprender y cómo puedes adaptarte fácilmente a los cambios que esta profesión trae con tanta frecuencia.

Comparación directa de errores en Go

Tue, 12 Jun 2018 16:19:00 +0200

Es un fallo habitual, en el manejo de errores dentro de Go, realizar comparasiones de strings contra el mensaje del error que quieres reconocer, pero lo cierto es que, el modo más acertado de discernir que error estas manejando, es hacer una comparación de tipos de error dentro de una sentencia case.

¿Quiero decir entonces que puedo gestionar distintos tipos de error? Claro que sí. Fíjate que, en Go, todo lo que inplemente la interface error es un error. Además, puedes comprobar por tí mismo que es una interface muy sencilla:

Comprobación de tipo de error en Go

Tue, 12 Jun 2018 16:19:00 +0200

Canales en Go

Mon, 16 Apr 2018 16:45:00 +0200

Los canales son la característica que Go nos facilita para comunicar entre sí goroutines y poder sincronizar su ejecución.

var c chan string = make(chan string)

El tipo canal se representa con la palabra chan y, a continuación, el tipo de los datos que viajaran a través de dicho canal. En el ejemplo de arriba he declarado la variable c, que contendrá un canal para transferir datos de tipo string. En la misma línea de código he usado make para crear dicho canal que, como puedes observar, se asigna a la variable c.

Go testing

Fri, 13 Apr 2018 13:56:00 +0200

Go incluye un programa llamado go test que te será de gran utilidad para poner a prueba funciones de tu código. Esto es realmente útil para asegurarte de que todo funciona como debería hacerlo después de añadir características o de realizar cambios importantes en tu desarrollo. Para poder fabricar un ejemplo con el uso de go test, supongamos que has escrito un archivo llamado math.go, y que dicho archivo contiene una función que sirve para calcular el promedio de un conjunto de números:

State en React

Wed, 04 Apr 2018 10:26:00 +0200

Ya has visto como configurar componentes con props en React, pero ¿cómo puedes definir comportamientos o interacciones con dichos componentes? Para ello necesitas que los componentes puedan definir su estado, y con las props es imposible, pues no pueden ser modificadas por el componente, sólo por su componente padre. Para esto existe this.state, donde los componentes pueden disponer de datos privados modificables a traves de la función this.setState().

Ya sabes que función usar para ajustar this.state, pero ¿Cómo podrías definir un estado inicial del componente? Bien, pues para eso disponemos del constructor de clase. En la función render comprobamos el estado del componente para decidir como va a ser mostrado, y ahora viene la magia: cuando modificamos el estado de un componente, automáticamente se volverán a renderizar todos sus componentes hijos y el propio componente. Esto, además, es bastante ágil gracias al DOM virtual de React.

Props en React

Tue, 03 Apr 2018 22:22:00 +0200

React es una biblioteca de JavaScript que se basa en la fabricación y combinación de componentes para construir interfaces de usuario. Cada componente se define por separado en un archivo javascript, y tiene un aspecto similar a este que sigue, el cual se encontraría en el archivo listaCompra.js:

import React, { Component } from 'react';
import Articulo from './Articulo';

class ListaCompra extends Component {
  render() {
    return (
      <ul>
        <Articulo cantidad="1">Pan</Articulo>
        <Articulo cantidad="6">Leche</Articulo>
        <Articulo cantidad="2">Huevos</Articulo>
      </ul>
    );
  }
}

Las propiedades, que veremos en el código escritas como props, se usan para configurar componentes, y son pasadas desde los componentes padres a los componentes hijos. Es importante recordar que el componente hijo no puede modificarlas, el propietario es el componente padre.

Buscador de texto en Vim

Thu, 02 Nov 2017 12:47:00 +0100

Otro recurso importante que vas a necesitar en Vim es un buscador de textos. Ante el hecho de que el proyecto que permitía el uso de El surfero de plata en vim, ag.vim, ha quedado obsoleto, te podrías decantar por ack.vim. Con ack.vim puedes hacer uso de ack, que no es ni más ni menos que un grep optimizado para programadores.

Instalar ack es bastante sencillo en distribuciones Linux deribadas de Debian.

Búsqueda de archivos en vim

Thu, 26 Oct 2017 17:37:00 +0200

fzf se define a sí mismo como un buscador difuso de línea de comandos para propósitos generales. Más detalladamente, se trata de un filtro para líneas de comandos Unix, que puedes aplicar a listas, archivos, procesos, históricos de comandos, etcétera.

Lo puedes instalar en tu carpeta home clonando su repositorio en GitHub de la siguiente manera:

$ git clone --depth 1 https://github.com/junegunn/fzf.git ~/.fzf

Luego sólo tienes que ejecutar el script de instalación:

Cómo instalar vim-plug para Vim

Mon, 23 Oct 2017 17:11:00 +0200

vim-plug es un gestor de paquetes para Vim con características muy interesantes. Lo tienes disponible aquí, donde puedes encontrar toda la información necesaria para usarlo. Su instalación en sistemas Unix se puede realizar con un sencilo comando:

$ curl -fLo ~/.local/share/nvim/site/autoload/plug.vim --create-dirs \\
    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

Una vez instalado sólo tienes que ajustarlo en el archivo de configuración de Vim. Aqui abajo tienes un ejemplo con alguna información:

" Inicia la configuración usando el comando call plug#begin(),
" con el cual puedes especificar el directorio donde se colocarán
" los conectables que queremos usar en nuestro editor.
" En el caso concreto de Vim puedes usarlo así.
call plug#begin('~/.vim/plugged')

" A continuación se solicitarán los conectables necesarios. Hay muchos
" modos de hacerlo, por ejemplo, usando una dirección URL de Github.
Plug 'https://github.com/junegunn/vim-github-dashboard.git'

" Finalmente cierra el archivo de configuración con el
" comando call plug#end().
call plug#end()

Para probarlo abre Vim y ejecuta el comando PlugInstall. Verás un panel lateral donde se iniciará la instalación de los conectables indicados en el archivo de configuración de Vim.

El workspace de Go

Tue, 12 Sep 2017 12:48:00 +0200

Estoy convencido de que tienes un estilo personal para organizar tu código, pero cuando trabajas con Go, es conveniente que te adaptes al estilo de su wokspace. El workspace de Go es una carpeta que se compone, a su vez, de otras tres carpetas: bin, pkg y src. Mi workspace, o espacio de trabajo, para los proyectos escritos en Go es ~/Documents/projects/go, por tanto, ahí creé la carpeta src, en la cual guardo los distintos trabajos escritos en este lenguaje.

Cuentos de bichos: Estrategia de gestión de errores

Tue, 22 Nov 2016 15:59:00 +0100

En entradas anteriores te comenté el origen de los errores de software y realicé una pequeña y divertida clasificación. Hoy sigo con la temática bichos para recomendarte una aproximación interesante al modo de gestionar aquellos errores que, en ocasiones, puedan aparecer en tu código. Hay cuatro preguntas fundamentales que deberías hacerte a ti mismo para definir tu estrategia en lo referente a la gestión de cada casuística de error en tu desarrollo:

Cuentos de bichos: Bestiario

Wed, 20 Jul 2016 15:42:00 +0200

Heisenbug

Fisonomía

Toma su nombre del físico especializado en mecánica cuántica Werner Heisenberg, quien dedujo que el mero hecho de observar un sistema de una manera determinada altera el estado de éste. Cuando se usan herramientas durante el proceso de depuración para localizar y eliminar bichos, se producen pequeñas diferencias respecto al entorno de producción, es decir, con respecto al entorno final en el cual deberá funcionar nuestro dispositivo de software. El Heisenbug es especialista en aprovechar cualquiera de estas leves diferencias para mostrar comportamientos distintos que confundan al programador o para simplemente desaparecer.

Cuentos de bichos: Mariposas en el código

Tue, 19 Jul 2016 11:06:00 +0200

La polilla, una de esas pequeñas mariposas nocturnas que se sienten atraídas por la luz y cuya larva destruye la materia donde anida, es un lepidóptero. En fin, que es un bicho. En telegrafía, y en las primeras compañías telefónicas, era habitual usar la expresión “bichos en el cable de teléfono” para referirse al ruido y las interferencias en la comunicación. Si bien es cierto que la palabra inglesa «bug» ya fue usada para indicar un defecto industrial, y que el mismísimo Thomas Edison dispuso de ella con esta finalidad, es probable que fuera Grace Murray Hopper quien la aplicó por vez primera al ámbito de la informática. Ésta licenciada en física trabajaba como programadora en el Mark II, uno de esos primeros ordenadores que estaba formado por componentes electrónicos y electromecánicos, cuando investigando la causa de un fallo en el mastodóntico computador de IBM, halló una polilla bloqueando el relé 70 del panel F. El hecho se documentó de modo metódico, y el insecto quedó inmortalizado en una foto junto a un texto que rezaba “primera vez que se encuentra (en un ordenador) un «bug» de verdad”. Así comenzó la leyenda del primer bug informático conocido.

Sin documentos no hay hockey

Mon, 04 Jul 2016 15:33:00 +0200

En su libro “Advanced PHP programming”, George Schlossnagle hace la siguiente afirmación:

En mi empresa, el código producido para los clientes no se considera completo hasta que toda su interfaz externa de programación de la aplicación (API) y cualquier idiosincrasia interna están totalmente documentadas.

Esta declaración de Schlossnagle es una buena señal de lo importante que puede llegar a ser la gestión de la documentación del código fuente dentro de un proyecto de desarrollo de software.

Tabular blandito

Fri, 08 Jan 2016 12:42:00 +0100

Pues eso, que me gusta tabular blandito. Seguro que coincides conmigo en que sangrar el código, es decir, comenzar ciertos renglones más a la derecha que otros, es un modo más que efectivo de organizar y facilitar su lectura. Tanto es así, que esta técnica forma parte de la sintaxis del lenguaje de programación Python.

La tecla tabulador de las antiguas máquinas de escribir, al ser pulsada, introducía automáticamente una cantidad determinada de espacios. Actualmente, con el uso de las computadoras, en prácticamente todos los editores de texto podemos elegir entre tabular blando o duro. La primera opción imita el funcionamiento de las antiguas máquinas de escribir: introducir una cantidad determinada de espacios. Esto quiere decir que tabular en cuatro caracteres es lo mismo que pulsar la barra de espacio cuatro veces. En el segundo caso, con la tabulación dura, el espacio sangrado funciona como un bloque indivisible de cuatro espacios. Aunque visualmente nos van a resultar idénticos voy a mostrate a continuación que no lo son y, por este motivo, la elección del tipo de tabulación es importante en los desarrollos de software.

Código andamio

Sat, 01 Jun 2013 00:34:00 +0200

Te presento una técnica bastante extendida entre los programadores anglosajones de lenguaje C, y que se podría traducir como código andamio. Consiste en definir, mediante una directiva del preprocesador, una constante durante el código fuente. En el caso que nos ocupa se le suele nombrar DEBUG y el valor puede ser, por ejemplo, 1.

#define DEBUG 1

A partir de ahora, puedes crear tus propios puntos de testeo del siguiente modo.

Interruptores hardware en Arduino

Sat, 20 Apr 2013 08:53:00 +0200

Piensa en tu placa Arduino ejecutando alegremente y ad libitum el bloque Loop que le ordenaste. En un momento dado necesitas que lo deje todo y realice una acción concreta. Por ejemplo, un láser que al ser interrumpido activa una alarma. Bien, pues para conseguir esto disponemos de un tipo de función avanzada que se llama ISP (Rutina de interrupción de servicio).

Vayamos por partes. Lo primero que necesitamos es adjuntar un interruptor a nuestro código. Para ello usamos la función attachInterrupt(interruptor, función, modo). En arduino Uno podemos usar los pines 2 y 3 para conectar el hardware que ordenará la ejecución de nuestra ISP. En el primer parámetro esta función, el parámetro interruptor, debemos aclarar de que interruptor estamos hablando, por tanto escribe 0 si tu láser está conectado en el pin 2, o escribe 1 si lo está en el pin 3.

Función constrain() para arduino

Thu, 04 Apr 2013 22:46:00 +0200

Cuando recibimos los diferentes niveles de intensidad eléctrica de un sensor en uno de nuestros pines analógicos, el Analogic to digital converter (modificador de analógico a digital) de nuestro microcontrolador transforma esa intensidad en un dato digital almacenado en 10 bits. Por tanto, tenemos una escala de valores posibles desde 0 hasta 1023, donde 0 equivale a 0 voltios y 1023 equivale a 5 voltios (o el valor máximo establecido con la función analogReference()).

Usando la etiqueta de enlace como botón

Mon, 24 Sep 2012 19:06:00 +0200

Al usar una etiqueta para crear un enlace en HTML y hacerlo funcionar como un botón, serás capaz de observar que el área donde el usuario puede cliquear coincide con la altura y ancho del texto del enlace. Esto se debe a que esta etiqueta se visualiza en línea de forma predeterminada, pero es posible modificarla para darle un diseño más atractivo de cara al usuario cambiando el tipo de visualización, en el código CSS del enlace, al tipo bloque:

SQL injection múltiple

Thu, 20 Sep 2012 17:07:00 +0200

Vamos a abordar juntos otro par de párrafos sobre SQL injection. En esta ocasión te escribo sobre una variante de esta técnica que se basa en la posibilidad de ejecutar varias consultas, usando el estándar SQL, separadas entre sí con el signo de puntuación punto y coma (;).

Con una pequeña y rápida prueba, un hacker puede comprobar si nuestro formulario es vulnerable a SQL injection, y si debe usar una comilla sencilla (‘) o comillas dobles (“). Una vez hecho esto únicamente ha de separar el valor legítimo del código malicioso usando dicha comilla, y con el punto y coma finalizar la consulta legítima para iniciar una nueva consulta con la función que el hacker desee realizar sobre la base de datos. Parece difícil, pero cuando veas un ejemplo verás que es realmente sencillo.

¿Es PEAR la pera?

Wed, 12 Sep 2012 19:02:00 +0200

PEAR se define a sí mismo, al inicio de su página web (http://pear.php.net), como un marco y un sistema de distribución de componentes PHP reutilizables. PEAR son las siglas de PHP Extension and Application Repository, y su logotipo, aprovechando el juego de palabras, es una simpática pera. En alguna ocasión te escribiré acerca de PEAR en este blog (si no lo he hecho ya), y por este motivo hoy te lo presento de un modo liviano.

El fundamento de SQL injection

Tue, 11 Sep 2012 18:47:00 +0200

Estoy convencido de que si lo piensas detenidamente coincidirás conmigo en que, usualmente, la finalidad de nuestras aplicaciones es la de servir a nuestros usuarios de interfaz para el manejo de extensas bases de datos. Estas bases de datos están diseñadas para facilitar la consulta y el transporte de información hacia el usuario y, en sentido opuesto, para recibir y almacenar información entregada por el mismo. Cada vez que un usuario consulta o envía información a la base de datos de tu aplicación, está participando en la construcción de un código que ejecutará una acción en dicha base de datos. Ahora que hemos dicho esto, pregúntate ¿podría un usuario ilegítimo aprovechar esta pequeña participación para desvirtuar el código y hackear tu base de datos?.

Longitud y formato también importan

Fri, 07 Sep 2012 22:02:00 +0200

Te cuento más cosas a tener en cuenta cuando procesas información recibida de tus usuarios. En primer lugar quiero que sepas que es conveniente que chequees la longitud de los valores recibidos para prevenir ataques de denegación de servicio o de desbordamiento de buffer. En PHP se puede usar la función strlen() para comprobar la longitud del dato recibido antes de procesarlo.

If (strlen($edad) > 3 ) exit ($edad . " es un valor inválido para el campo edad";)

Y ahora hablemos del formato. Cuando comprobamos el tipo de variable y su longitud puede parecer que tenemos todo el trabajo hecho, pero no es del todo cierto. Una fecha de nacimiento y un correo electrónico pueden estar contenidos en una variable del tipo cadena de caracteres, pero tienen aspectos bien distintos, formatos diferentes. La fecha puede estar separada por barras, usar dos caracteres para indicar el día en cifras, tres para indicar el mes en letras y dos para indicar el año en cifras; algo así como 12/jun/78. El correo electrónico contiene dos secciones bien diferencias por el signo @ y finaliza con un punto y una extensión del tipo com, es, tv, org, etc. Otro ejemplo: metroSetenta@gmail.com. En el momento en que nuestro código debe interactuar con el de otras aplicaciones como, por ejemplo, gestores de correos, bases de datos o sistemas subyacentes, el formato usado es esencial para la prevención de errores y brechas de seguridad.

Comprobar el tipo de datos recibidos

Sun, 29 Jul 2012 21:02:00 +0200

Este es uno de esos pasos que ya te conté que tienes que dar para conseguir el correcto y seguro funcionamiento de tu aplicación. No es necesario tener un nivel de formación en informática a la altura de poder generar errores del tipo buffer overflow, porque si tu aplicación espera un valor numérico y un usuario maligno introduce texto, lo mejor que puede pasar es que tu programa no funcione correctamente. Se trata, pues, de una gran brecha potencial en la seguridad de tu aplicación. Los tipo de datos, a grandes rasgos se pueden dividir en tres: Cadenas de texto, números y booleanos.

Tu aplicación contra la gestión de variables inesperadas

Sat, 21 Jul 2012 20:18:00 +0200

En entradas anteriores hice alusión al modo en el que un usuario ilegítimo de tu aplicación web puede hacer tentativas muy básicas de hacking del estilo que sigue:

http://servidor/aplicacion?administrador=TRUE

Seguro que esto te hace reflexionar sobre la importancia de no admitir y gestionar variables inesperadas, así que te muestro a continuación un pequeño código para excluir automáticamente valores inapropiados de tus scripts, pudiendo así asumir con certeza que el entorno global está saneado, incluso aunque el atacante remplace el código de tu web para enviar valores no esperados. La idea consiste en listar las variables esperadas por nuestro código en un array, y posteriormente usarlo para chequear las variables recibidas. ¡Es como una lista de invitados a una sala de fiestas pija!. Aunque este ejemplo está en PHP, como casi siempre, te recuerdo que la idea es fácilmente transportable a cualquier lenguaje de programación.

Declaración de variables y seguridad

Sat, 14 Jul 2012 16:19:00 +0200

Son muchos los lenguajes de programación en los cuales no es necesario declarar las variables antes de que estas sean usadas. Si escribes tus códigos en un lenguaje que resulte flexible en este aspecto que te explico, y dispones de la posibilidad de configurarlo de modo que sea obligatorio declarar las variables antes de usarlas, ¡es mejor que no dejes de hacerlo!. Te muestro un código en PHP a modo de ejemplo:

Cinco detalles a cuidar al recibir datos de tus usuarios

Sat, 07 Jul 2012 09:55:00 +0200

Son muchísimas las ocasiones en las que nuestras aplicaciones solicitan a los usuarios algún tipo de información: Nombre, correo electrónico, texto de opinión, nueva contraseña… Usualmente lo hacemos a través de formularios que contienen distintos campos a rellenar, campos que nuestras aplicaciones van a recibir y posteriormente van a procesar; por tanto, estos campos, que son manipulables por los usuarios, representan una vía a través de la cual se puede amenazar la seguridad de nuestras aplicaciones. Entonces ¿que es lo más básico a tener en cuenta al usar estos campos de entradas de datos?.

La estética MAYA

Wed, 16 May 2012 06:31:00 +0200

La estética MAYA es un concepto Estudio sobre la belleza. Fue propuesto por Raymond Loewy, y se fundamenta en una sencilla idea: Dentro de los conceptos estéticos ya aceptados, todos tendemos a preferir aquellos que son más modernos. Entre otras cosas, esto implica que los conceptos estéticos no son usualmente bienvenidos en el momento de nacer, sino que requieren un proceso de maduración y aceptación paulatina. Es por este motivo que, al diseñar tu aplicación, el uso de muchas innovaciones estéticas simultáneas ayudará a desconcertar a tus usuarios. Por otro lado, si carece de toda novedad en su diseño, tu aplicación no supondrá ningún estímulo para los usuarios.

Seguridad informática absoluta y gestión del riesgo

Tue, 08 May 2012 21:33:00 +0200

Es posible que después de leer lo que sigue no vuelvas a teclear con tranquilidad el número de tu tarjeta de crédito en ninguna página web, pero hoy te quiero desvelar que la seguridad absoluta no existe en la informática contemporánea. Esto es así hasta el punto de que los expertos en seguridad informática hablan de la gestión del riesgo, y no de su eliminación completa. ¿Por que?.

No importa si programas en Java o en PHP, incluso da igual si te has decantado por hacerlo con Ruby on rails o con el Net framework de Microsoft, porque indiferentemente al lenguaje y entorno de programación que uses, finalmente todo se traduce en ceros y unos. Si, así es, todo se reduce a impulsos eléctricos gestionados por un CPU, y el pequeño cerebro de nuestra computadora no sabrá distinguir si realmente todos y cada uno de los binarios que procesa cumplen con las sanas intenciones del legítimo programador de un software en ejecución o, por el contrario, se trata de un añadido malintencionado que aprovecha la más mínima vulnerabilidad de cualquiera de los procesos que corren en el sistema. Entonces ¿es imposible crear un programa perfectamente seguro, sin vulnerabilidades?.

El usuario evalua e interpreta los diseños

Mon, 23 Apr 2012 18:36:00 +0200

Tan sencillo como reza el título. Cuando ofreces una interfaz gráfica a un usuario, éste se forja una opinión sobre su aspecto y hace una rápida interpretación del modo en el que funciona. El camino que se sigue para desarrollar el diseño de una aplicación informática es muy parecido al usado en sus proyectos por un arquitecto de antes del año 1900: Abordar el problema de la funcionalidad y, desde esta base, solventar posteriormente el asunto de la emotividad.

Crawlers, Bugs y capturadores web

Tue, 17 Apr 2012 18:14:00 +0200

En ocasiones los datos perseguidos por un hacker se encuentran repartidos en más de un servidor. Esto le obligará a rastrear la ubicación de las distintas partes y a obtener la información necesaria de cada servidor para poder acceder a su objetivo. Los programas que usan los hackers para automatizár esas acciones son los llamados web crawlers, y se usan para desentrañar toda la arquitectura de sitios web.

Una vez que el hacker dispone de toda la información básica necesaria, realiza una búsqueda de información sobre las posibles vulnerabilidades de sus objetivos. Generalmente se tratan de errores de software, y por este motivo se les denominan bugs. Tienes que saber que existen aplicaciones, genéricamente llamadas bugs trackers, que se usan para el seguimiento y gestión de estos bugs. Es facil encontrar en la red bugs trackers enfocados a facilitar el hacking, e igualmente, es fácil encontrar programas diseñados para explotar los bugs de diferentes aplicaciones (exploits), especialmente de servidores.

Métodos de los protocolos web y hacking

Wed, 11 Apr 2012 06:28:00 +0200

Ya sabes que tu user’s agent puede usar el protocolo HTTP para hacer una solicitud a un servidor (request), y que éste nos facilitará una respuesta adecuada a dicha solicitud (response). A continuación te presentaré los métodos que usa tu user´s agent para realizar diferentes solicitudes al servidor, pero antes debes conocer un detalle, existen actualmente cuatro versiones del protocolo HTTP, y en las más antiguas no están disponible todos los métodos te paso a presentar.

Protocolos web y seguridad

Fri, 06 Apr 2012 14:36:00 +0200

Hay algo que debes de tener siempre presente si quieres responsabilizarte de la seguridad de tus aplicaciones, o de la seguridad de las aplicaciones de terceros: debes superar, o igualar al menos, los conocimientos de cualquier hacker potencial de dichas aplicaciones. Centrándonos en la web, es básico conocer el protocolo de comunicación que esta usa, pues un hacker lo dominará perfectamente. World wide web es una de la partes más activas de internet, y hace uso de dos protocolos: HTTP y HTTPS.

Variables de entorno y CGI

Tue, 03 Apr 2012 06:10:00 +0200

Las siglas CGI (Common Gateway Interface) significan Interfaz de entrada común, y definen un estándar usado para que los usuarios web puedan intercambiar datos con una aplicación alojada en un servidor web. A continuación un buen ejemplo de aplicación que usa el estándar CGI:

El usuario está buscando en su navegador web una farmacia cercana, y para ello introduce los datos de su domicilio en un formulario y pulsa el botón enviar. La aplicación CGI (que así la llaman por usar este estándar) que se encuentra alojada en el servidor web recibe la solicitud de fulanito, luego hace una consulta a una base de datos basándose en ella y envía a fulanito una web con los resultados perfectamente expuestos y ordenados.

Diseños reproducibles

Sun, 01 Apr 2012 21:56:00 +0200

Hay un modo sencillo y rápido para detectar posibles errores en el diseño de tus aplicaciones: ”si no puedes reproducir tu diseño en la realidad palpable, algo debe estar mal”. Observa como el uso de las sombras, en las ventanas de la imagen más a la izquierda, resulta desconcertante. Prueba a tomar dos folios e intenta reproducir con ellos la posición de las ventanas indicadas.

Comprueba cómo la imagen que se encuentra más a la derecha reproduce con mayor acierto las sombras proyectadas, evitando el desconcierto del modelo anterior y clarificando cual es la ventana más cercana y cual es la que se encuentra al fondo.

Compresiones intuitivas

Sat, 31 Mar 2012 01:28:00 +0200

Conocer la forma en la que el cerebro percibe e interpreta sombras, colores, formas, etc. es una poderosa herramienta de diseño. En el momento de tomar decisiones relacionadas con el diseño, debes ser capaz de incluir y valorar compresiones intuitivas (percived afforance). Te aclaro de que se trata con un ejemplo: una señal octogonal de color rojo practicamente no necesita la palabra STOP en el centro, pues su forma y color característico son suficiente para que el usuario pueda intuir el significado. Observa, por otro lado, lo desconcertante que puede ser una señal de stop de color azul y cuadrada.

Planificar la experiencia

Thu, 22 Mar 2012 20:50:00 +0100

Antes de abarcar otras cuestiones relacionadas con el diseño, necesitas planificar la experiencia que va a tener el usuario a través de tu aplicación. Esto es algo que raramente se planifica y, sin embargo, es esencial para el éxito de cualquier web o aplicación de escritorio. Hasta tal punto esto es así, que los usuarios casi siempre optan por las webs o las aplicaciones que les seducen frente a otras más rápidas, robustas, seguras o con mayores posibilidades. Una cuidada plantificación de la experiencia, por parte de los desarrolladores, es el primer paso para conseguir seducir al usuario.

Aplicaciones atractivas

Mon, 12 Mar 2012 18:07:00 +0100

Por fin has terminado de programar, pero notas que aún falta algo. La aplicación está funcionando correctamente, las soluciones en el código son elegantes y los posibles errores están controlados. La interfaz que interactua con el usuario es agradable de usar, intuitiva y manejable; pero algo no va bien. El número de interesados es bajo, no se registran nuevos usuarios o no descargan tu aplicación. Los usuarios que se han registrado no la usan con frecuencia o migran rápidamente a otras aplicaciones similares, y por supuesto no obtienes de ellos sus recomendaciones para otros usuarios potenciales y, no obtienes un buen feedback. Entonces ¿que es lo que está fallando?.