DEV Community: Francisco Quintero 🇨🇴

[Boost]

Francisco Quintero 🇨🇴 — Fri, 26 Sep 2025 16:29:45 +0000

Ankit malik

Mar 7 '23

How to stop Homebrew auto update on mac terminal

#mac #homebrew

Comments

1 min read

Para poder configurar Sidekiq como demonio usando Systemd.

Francisco Quintero 🇨🇴 — Fri, 28 Feb 2025 16:18:26 +0000

Run Sidekiq 6 as daemon in Production environment on Ubuntu 20.04

Kevin Luo ・ Aug 20 '21

#sidekiq #rails #systemd

Olis

Francisco Quintero 🇨🇴 — Fri, 28 Feb 2025 02:26:01 +0000

No sabía que había "trinos" en Dev!

Francisco Quintero 🇨🇴 — Wed, 22 Jan 2025 15:09:04 +0000

He estado haciendo degoogle desde el año pasado y esto es algo que me hubiera gustado saber.

Francisco Quintero 🇨🇴 — Wed, 22 Jan 2025 15:08:37 +0000

Configurar servidor de archivos local con Ubuntu y Samba

Jordi Ayala ・ Jan 13 '25

#linux #ubuntu #tutorial #spanish

¿Cuál es la diferencia entre :destroy y :delete en Rails?

Francisco Quintero 🇨🇴 — Thu, 13 Aug 2020 17:01:50 +0000

Una de las enseñanzas o instrucciones que se da cuando se diseñan bases de datos es que no debe haber información relacionada que no tenga su “dueño” o “padre”. Si un artículo tiene muchos comentarios y dicho artículo se elimina de la base de datos, tales comentarios también deben hacerlo.

En SQL a esto se le llama borrado en cascada. Para lograr esto en Rails usando ActiveRecord podemos usar la opción dependent y pasando algunas opciones disponibles.

A continuación trataré de explicar la diferencia entre las dos más comunes.

`:destroy`

Se utiliza así:

class User < ApplicationRecord
  has_many :payment_methods, dependent: :destroy
end

La opción :destroy le dice a ActiveRecord que elimine los registros hijos pero usando el método destroy de cada uno de ellos, es decir, primero los instancia y luego los elimina, uno por uno.

Si hay muchos registros hijos, será muy lento de esta forma.

Así luce mi consola al usar esta opción:

User Load (0.4ms)  SELECT  "users".* FROM "users" ORDER BY "users"."id" ASC LIMIT $1  [["LIMIT", 1]]
   (0.1ms)  BEGIN
PaymentMethod Load (0.3ms)  SELECT "payment_methods".* FROM "payment_methods" WHERE "payment_methods"."user_id" = $1  [["user_id", 1]]
  SQL (24.7ms)  DELETE FROM "payment_methods" WHERE "payment_methods"."id" = $1  [["id", 3]]
  SQL (0.3ms)  DELETE FROM "payment_methods" WHERE "payment_methods"."id" = $1  [["id", 2]]
  SQL (0.2ms)  DELETE FROM "payment_methods" WHERE "payment_methods"."id" = $1  [["id", 1]]
  SQL (0.4ms)  DELETE FROM "users" WHERE "users"."id" = $1  [["id", 1]]
    (0.3ms)  COMMIT

`:delete_all`

Se utiliza así:

class User < ApplicationRecord
  has_many :payment_methods, dependent: :delete_all
end

En cambio, la opción :delete_all lo que hace es una eliminación directa mediante una consulta SQL pura. Más eficiente si hay muchos registros asociados a un padre.

Así luce mi consola cuando uso esta opción:

User Load (0.4ms)  SELECT  "users".* FROM "users" ORDER BY "users"."id" ASC LIMIT $1  [["LIMIT", 1]]
   (0.1ms)  BEGIN
  SQL (0.3ms)  DELETE FROM "payment_methods" WHERE "payment_methods"."user_id" = $1  [["user_id", 3]]
  SQL (0.1ms)  DELETE FROM "users" WHERE "users"."id" = $1  [["id", 3]]
   (0.3ms)  COMMIT

Usar :delete_all no efectúa el llamado a cualquier callback definido en el modelo.

Así que hay varios puntos aquí para diferenciar estas dos opciones:

:destroy: Instancia cada objeto. Llamado a callbacks. Menos eficiente.
:delete_all: Borrado directo por SQL. No llama a callbacks. Más eficiente.

Dicha eficiencia depende de lo que se necesite hacer y es un costo aceptable en muchas ocasiones.

Cualquiera de los dos es correcto usar, ya cada caso particular determina cuál elegir al final.

Enlaces

📖 [ebook] Evaluación de 4 Herramientas de Vídeo Llamadas Web

Francisco Quintero 🇨🇴 — Wed, 08 Jul 2020 15:29:02 +0000

Hace ya varios meses que vengo trabajando en un proyecto para crear una aplicación web con la cual poder comunicarse con otras personas desde un navegador web. Sobre ese proyecto escribí en mí blog personal. En futuras entradas escribiré acá al respecto.

En esta oportunidad, vengo a comentar sobre un reporte o evaluación que hice sobre 4 herramientas para comunicarnos y colaborar con amigos o colegas mediante vídeos llamadas desde un navegador web.

Es gracias a WebRTC que se dan estos servicios. Una tecnología con algunos años encima pero que todavía está en evolución y mejorando cada año.

Las herramientas o servicios destacadas son:

Todas excelentes opciones que funciona muy bien y tienen una buena variedad de características para trabajar con ellas en equipos pequeños y/o medianos.

De manera gratuita puedes obtener el reporte en Gumroad o Leanpub. Si lees esto, te animo a leerlo y probar alguna de las herramientas mencionadas.

Got a "TypeError: 'get peerIdentity'" in EmberJS and not in Svelte. Do you know why?

Francisco Quintero 🇨🇴 — Thu, 02 Apr 2020 18:55:48 +0000

Hi! This is the first time I'm asking a question here at DEV :) Hope you can shed some light on this thing.

Context

I'm working on a personal project that uses the Twilio Video API. This project was started using Svelte and everything was really fine and working.

However, I had to move the project to another JavaScript framework/library after facing issues related to Webpack and the most up to date Svelte router libraries I could find.

I decided to move the code to EmberJS. At first, it was going good BUT

when I imported the twilio-video package in a class file, this error appeared in the browser and halted the execution of the app:

TypeError: 'get peerIdentity' called on an object that does not implement interface RTCPeerConnection.

Of course, I found a related issue in the library GitHub page and it suggested upgrading to a recent version. I did it but the error didn't go away. I even downgraded the library to the same version I was using in the Svelte project but it kept happening.

Importing Twilio-Video breaks page in Firefox 70+ with RTC disabled #811

graue posted on Nov 20, 2019

[x] I have verified that the issue occurs with the latest twilio-video.js release and is not marked as a known issue in the CHANGELOG.md.
[x] I reviewed the Common Issues and open GitHub issues and verified that this report represents a potentially new issue.
[x] I verified that the Quickstart application works in my environment.
[x] I am not sharing any Personally Identifiable Information (PII) or sensitive account information (API keys, credentials, etc.) when reporting this issue.

Code to reproduce the issue:

import TwilioVideo from 'twilio-video'

...in Firefox 70+ with media.peerconnection.enabled set to false in about:config.

Expected behavior:

Twilio SDK should see that WebRTC is not available and still allow other functions on the page to work.

Actual behavior:

Entire page is brought down at import time by undefined reference to global mozRTCSessionDescription (https://github.com/twilio/twilio-webrtc.js/issues/106).

When I tried patching around this, I hit another undefined reference to RTCPeerConnection.

These references both need to be fixed to ensure importing Twilio-Video, even when WebRTC is disabled, doesn't break non-call related functions on the page. The simplest fix would seem to be accessing both via window.

Software versions:

Browser(s): Firefox 70+
Operating System: Linux, but likely all
twilio-video.js: 2.0.0-beta15
Third-party libraries (e.g., Angular, React, etc.): not relevant

View on GitHub

Funny Thing is...

Just out of curiosity, I tried the complaining version twilio-video 2.0.0-beta16 in the Svelte project and guess what? It worked!

With Svelte the error doesn't happen!

But I'm still stucked in the EmberJS app so I need a solution to keep going.

Fortunately, the Twilio Video library can be used with a CDN and I proceeded to use it that way. The error keeps showing up but it doesn't halt the normal execution of the EmberJS app.

Questions

So now I face the question Why does this happen in EmberJS and not in Svelte? To my knowledge, Svelte is kind of a compiler and that could be related.

Is there a way to keep using the NPM version of the library in a way that the error doesn't break the app?

Cómo Encontrar Archivos por Tamaño Usando la Consola

Francisco Quintero 🇨🇴 — Mon, 25 Nov 2019 21:18:26 +0000

A veces hay tantas cosas que hacer que algunas tareas básicas o sencillas se nos olvidan. Solemos darle más importancia a unas cosas por encima de otras por su peso o prioridad, sin embargo, hay tareas menores que permiten que esas grandes puedan ser resultas sin complicaciones.

Con lo anterior me refiero al mantenimiento que generalmente hay que hacerle a nuestros equipos electrónicos, electrodomésticos y más aparatos que usamos en el día a día. Así como a un vehículo hay que llevarlo a revisión cada tantos kilómetros, también debemos revisar nuestros equipos(computadores, celulares, tabletas, etc) cada tanto.

Una tarea sencilla de mantenimiento es hacer espacio en disco duro. Puede que parezca que influya pero un disco duro con muchos archivos tiene que moverse mucho para leer y acceder a la información. No por nada se habla de fragmentación de disco. Considero importante mantener el disco duro libre de archivos innecesarios o prescindibles.

En Windows, herramientas como CCleaner ayudan con esta labor. Hacen un escaneo del sistema y encuentran archivos viejos, con cero uso o con reglas en particular e indican que se pueden borrar sin llegar a afectar el funcionamiento del sistema.

En Linux podemos lograr algo similar usando el comando find. Este comando es bien avanzado y al día de hoy no logro recordar su sintaxis al usarlo, no obstante, hoy dejaré aquí una forma en la que este ayuda a encontrar archivos que cumplan unas reglas según su tamaño y así saber qué borrar o qué ocupa mucho espacio en nuestro disco duro.

La sintaxis del comando para esta tarea es:

find CARPETA -size [+ | -]TAMAÑO-ARCHIVO[M | G] -ls

Explico:

find: es el comando
CARPETA: es el nombre o ruta de la carpeta que queremos analizar
-size: parámetro para encontrar archivos por su tamaño
[+ | -]: indicativo de si queremos encontrar archivos mayores a o menores al tamaño indicado
TAMAÑO-ARCHIVO: número que indica el peso buscado, ejemplo 10 o 50
[M | G]: peso del archivo sea en mega bytes o giga bytes
-ls: opción que ejecuta un listado de archivos

Entonces si queremos aplicarlo para encontrar los archivos que pesen más de 10 mega bytes en la carpeta ~/.local/share/Steam sería algo así:

$ find ~/.local/share/Steam -size +10M -ls

Lo que retorna:

654973 101896 -rw-r--r-- 1 cesc cesc 104339036 Feb 18 2017 /home/cesc/.local/share/Steam/ubuntu12_32/steam-runtime.tar.xz
9312085 14468 -rw-r--r-- 1 cesc cesc 14812720 Sep 6 2016 /home/cesc/.local/share/Steam/ubuntu12_32/steam-runtime/amd64/usr/lib/x86_64-linux-gnu/libCg.so
8918774 51200 -rwxr-xr-x 1 cesc cesc 52428800 Dec 5 2016 /home/cesc/.local/share/Steam/ubuntu12_32/steam-runtime.tar.xz.part0
8918678 20036 -rwxr-xr-x 1 cesc cesc 20516356 Jan 18 2017 /home/cesc/.local/share/Steam/ubuntu12_32/steamui.so
8918683 10896 -rwxr-xr-x 1 cesc cesc 11156651 Aug 9 2016 /home/cesc/.local/share/Steam/ubuntu12_32/libv8.so
8918676 19480 -rwxr-xr-x 1 cesc cesc 19946042 Jan 18 2017 /home/cesc/.local/share/Steam/ubuntu12_32/steamclient.so
8918775 50696 -rwxr-xr-x 1 cesc cesc 51910236 Dec 5 2016 /home/cesc/.local/share/Steam/ubuntu12_32/steam-runtime.tar.xz.part1
8918682 11952 -rwxr-xr-x 1 cesc cesc 12237291 Aug 9 2016 /home/cesc/.local/share/Steam/ubuntu12_32/libicuuc.so
8918688 19428 -rwxr-xr-x 1 cesc cesc 19890531 Jan 18 2017 /home/cesc/.local/share/Steam/linux64/steamclient.so
8918687 18968 -rwxr-xr-x 1 cesc cesc 19422864 Jan 18 2017 /home/cesc/.local/share/Steam/linux32/steamclient.so
8654997 15852 -rw-r--r-- 1 cesc cesc 16231428 Feb 18 2017 /home/cesc/.local/share/Steam/package/bins_ubuntu12.zip.vz.820d6d40f511509f17d4681722fd8026da2b38ba_16231428
8654985 11796 -rw-r--r-- 1 cesc cesc 12077027 Feb 18 2017 /home/cesc/.local/share/Steam/package/tenfoot_fonts_all.zip.vz.7673e4cd32b6752bc621d8bc1a7118a9af19b64a_12077027
8655003 28708 -rw-r--r-- 1 cesc cesc 29396785 Feb 18 2017 /home/cesc/.local/share/Steam/package/tenfoot_images_all.zip.vz.1ea174b9274bc15e751452adabc94a6715ed70a0_29396785
8655004 51212 -rw-r--r-- 1 cesc cesc 52440846 Feb 18 2017 /home/cesc/.local/share/Steam/package/runtime_part0_ubuntu12.zip.7cb113a5d6be4486ecd4873ea6460a30f8050ae8
8655006 50708 -rw-r--r-- 1 cesc cesc 51922032 Feb 18 2017 /home/cesc/.local/share/Steam/package/runtime_part1_ubuntu12.zip.f6f98a289f5af2c121b04cb9ede621b16f4c8dd0
8655005 42148 -rw-r--r-- 1 cesc cesc 43156347 Feb 18 2017 /home/cesc/.local/share/Steam/package/webkit_ubuntu12.zip.vz.ea5e4def93c6c6adde86a3d7f799f033c1aadbf3_43156347
8654986 12872 -rw-r--r-- 1 cesc cesc 13179376 Feb 18 2017 /home/cesc/.local/share/Steam/package/tenfoot_misc_all.zip.008ed314d467eecacba58d188fdf082d23f264d2
8654988 11988 -rw-r--r-- 1 cesc cesc 12274769 Feb 18 2017 /home/cesc/.local/share/Steam/package/tenfoot_dicts_all.zip.87bb49891925214df2d745e12a53518fd2ea86f0
8657434 111640 -rwxr-xr-x 1 cesc cesc 114312140 Jan 4 2017 /home/cesc/.local/share/Steam/ubuntu12_64/libcef.so
8655486 16044 -rwxr-xr-x 1 cesc cesc 16426032 May 12 2015 /home/cesc/.local/share/Steam/tenfoot/resource/fonts/NotoSansCJKjp-Regular.otf

Se puede combinar para encontrar archivos dentro de un rango usando una combinación de signo positivo y negativo al lado del tamaño del archivo. Ejemplo:

$ find ~/.local/share/Steam -size +10M -size -15M -ls

8918683 10896 -rwxr-xr-x 1 cesc cesc 11156651 Aug 9 2016 /home/cesc/.local/share/Steam/ubuntu12_32/libv8.so
8918682 11952 -rwxr-xr-x 1 cesc cesc 12237291 Aug 9 2016 /home/cesc/.local/share/Steam/ubuntu12_32/libicuuc.so
8654985 11796 -rw-r--r-- 1 cesc cesc 12077027 Feb 18 2017 /home/cesc/.local/share/Steam/package/tenfoot_fonts_all.zip.vz.7673e4cd32b6752bc621d8bc1a7118a9af19b64a_12077027
8654986 12872 -rw-r--r-- 1 cesc cesc 13179376 Feb 18 2017 /home/cesc/.local/share/Steam/package/tenfoot_misc_all.zip.008ed314d467eecacba58d188fdf082d23f264d2
8654988 11988 -rw-r--r-- 1 cesc cesc 12274769 Feb 18 2017 /home/cesc/.local/share/Steam/package/tenfoot_dicts_all.zip.87bb49891925214df2d745e12a53518fd2ea86f0

De esa forma se pueden encontrar archivos pesados en el disco duro. Y de esa forma me di cuenta que hay archivos por borrar de Steam, aplicación que ya había desinstalado pero parece que dejó archivos de configuración por ahí.

Como casi siempre la solución a esta situación la encontré en Ask Ubuntu(comunidad de Stack Exchange).

Este artículo fue publicado primero en mi blog personal, Otro Espacio Blog. Ahí escribo sobre todo lo que aprendo al programar y también sobre temas no relacionados a tecnología.

¿Puede ActiveRecord::Relation recibir mensajes de métodos de clase? Sí, sí puede

Francisco Quintero 🇨🇴 — Fri, 22 Nov 2019 15:52:48 +0000

Ruby on Rails es una criatura enorme. Ofrece muchas funcionalidades y elementos que hacen fácil la vida de quien usa el framework bajo el nombre de magia. Magia que muchas veces no tenemos ni idea de cómo funciona.

Algunos podrán decir que esa magia es muy mala al ocultar cosas a quien desarrolla. Otros dirán que es buena justamente por lo mismo. En todo caso, siempre está la posibilidad de examinar el código fuente y ver cómo toda esa magia trabaja bajo cuerda.

Hace algunos días me topé con una de esas magias que sin querer sabía cómo funcionaba pero no había analizado tanto.

Métodos de Clase y Scopes

Los scopes en Rails son una buena forma de crear métodos para hacer consultas sin necesidad de definir un método de clase. Su sintaxis es más sencilla y en muchas ocasiones corta.

Uno de los beneficios explícitos de usarlos es poder encadenarlos para hacer una cadena de invocación:

class Algo < ActiveRecord::Base
  scope :default, -> { where(default: true }
  scope :available, -> { where(available: true }
end

Los scopes default y available pueden encadenarse uno tras otro:

Algo.default.available

Con métodos de clase no es esto posible.

Entra `ActiveRecord::Relation`

Bueno, resulta que en un proyecto en el que trabajo estaba este método de clase que parecía no tener uso.

class Taker < ActiveRecord::Base
  def self.to_csv
    # implementación
  end
end

Cuando en Sublime Text o Atom se hacía una búsqueda de Taker.to_csv no aparecía nada. Pensé que nada lo usaba. Permití que se borrara su test y esa implementación en el modelo.

Al par de días, un error aparece. ¿Qué será? Inicia el nuevo sprint, me asignan dicho bug y procedo a revisar qué ocurre. Como le habíamos hecho refactor a ese modelo, pensé que algo podría haberse movido a donde no correspondía así que empecé por lo obvio, comparar lo actual con un commit viejo pero no, no era por ahí.

Luego de analizar por un momento la situación, pensé en traer de nuevo ese viejo método borrado y probar. Y esa era la solución. Por alguna razón, ese método de clase era lo que faltaba.

Pero, ¿por qué un método de clase podría llamarse en una colección? Resulta que lo que llamaba al método era el resultado de una consulta con un #where. Uno creería que para usar métodos de clase habría que siempre usar el nombre de la clase y pasar el mensaje, es decir, el método. Resulta que no. Esa magia "oculta" de Rails lo hace posible.

La explicación está dada en Stack Overflow:

By definition, model scopes return ActiveRecord::Relation objects

By definition, scopes have access to class methods

Therefore, ActiveRecord::Relation objects have access to class methods

Español:

Por definición, los scopes retornan instancias de ActiveRecord::Relation

Por definición, los scopes tienen acceso a los métodos de clase

Por lo tanto, instancias ActiveRecord::Relation tienen acceso a métodos de clase

Ta da! Estuvo siempre sobre mis narices solo que no eran tan obvio.

El código culpable tenía la línea:

ts = filtered_ts.to_csv

En primera medida creíamos que ese .to_csv era algún método de Rails como tal y no el que estaba definido en el modelo. Cuando aparece el bug comprobamos que no era así y está dado por la explicación anterior.

Esta situación nos tomó por sorpresa. El bug no fue algo mayor y tuvimos la fortuna de aprender algo más de la mucha magia que hay en el framework.

Este artículo fue publicado primero en mi blog personal, Otro Espacio Blog. Ahí escribo sobre todo lo que aprendo al programar y también sobre temas no relacionados a tecnología.

Servidores: ¿Mascotas o Ganado?

Francisco Quintero 🇨🇴 — Wed, 20 Nov 2019 15:31:07 +0000

Recuerdo, hace ya varios años, en una empresa pequeña en la cual trabajé un día mi jefe me encargó una tarea que me hizo coger gusto e interés en el mundo de operaciones o lo que suelen llamar DevOps.

Se me acerca un día miércoles o jueves y me dice:

Frank, el servidor dedicado nos cuesta X cantidad de dólares. Si el sábado logras migrar todos los sitios web que están ahí hospedados a servidores en Linode, te doy esa X cantidad a ti. Sino, toca pagar y en todo caso debes hacer la migración.

Ya venía trabajando algún tiempo con configuraciones en Linode por lo cual no había tanto desconocido pero la tarea pedía completarse en tiempo casi récord. Bueno, al final de la historia lo logré pero el resultado fue 20, aprox, servidores(más direcciones IP, más DNS, etc) que debía gestionar a diario.

Cuando algo ocurría en alguno de esos 20 servidores tenía que buscar la mejor solución sin dañar la máquina y así evitar la caída del sitio web alojado. Bastante tedioso el tema.

Mascota o Ganado, ¿qué prefieres?

Adelanto algunos años y en otra empresa en qué trabajé debí diseñar e implementar la arquitectura para una SaaS. En el diseño se contemplaba usar un balanceador de carga y diferentes máquinas detrás de este. Estuvo muy claro que debía valerme de las populares AMI de AWS.

Una AMI es una Amazon Machine Image que viene siendo una copia de un servidor lista para lanzarse como uno con la menor cantidad de configuración posible. Muy similar como en VirtualBox las OVA u OVF.

Entonces ocurría que tenía una AMI para el(los) servidor(es) que alojarían la API y los procesos en segundo plano, otra AMI para el cliente web(una app Angular) y otra AMI para el servidor de integración continua.

Cuándo había problemas en cualquiera de ellos, ingresaba en el servidor en cuestión, buscando de la lista de IPs donde cada máquina tenía un número y un comando al lado para ingresa prontamente. Si en algún momento el problema era complicado, simplemente optaba por “matar” la máquina y recrear una nueva a partir de la AMI.

Es así que por un lado está la experiencia de tener que cuidar a las máquinas con cariño y esmero; y en el otro lado estaban las máquinas “desechables”. Luego aprendí que hay un nombre, no estándar, pero sí muy preciso a modo de analogía, para determinar cómo se está administrando la infraestructura de un producto web: si como mascota o como ganado.

Infraestructura como mascota o ganado(pet vs cattle) significa que si tenemos un servidor que cuidamos mucho y que en caso de fallo el servicio se interrumpe, estamos hablando de un servidor tipo mascota. Como un perrito el cual cuidas, alimentas, mimas, etc.

Por otro lado, si el servidor simplemente, al menor indicio de un problema de muchas horas y esfuerzo, puede ser fácilmente eliminado y reproducido, sin causar mayor inconveniente a la operación del producto, estamos hablando de un servidor tipo ganado. Como las vacas, la ordeñas, le sacas cría, luego le sacas todo su producto(carne, cuero, hueso, etc) y vuelves a criar la cría para que un día repita el ciclo.

Da la sensación que hoy en día lo ideal sería tener todo como ganado. Si tenemos en cuenta la popularidad de plataformas en la nube como AWS, Google Cloud, Microsoft Azure y otras un poco menos grandes como Digital Ocean, Linode o Clouding, pensar en gestionar los servidores como mascota debería ser impensable. Sin embargo, cada uno tiene su caso de uso.

AWS, Docker, Packer, Cloud init

Es válido optar por una mentalidad donde la infraestructura web sea fácilmente reemplazable, donde las configuraciones se hagan una sola vez y sea más sencillo replicar que corregir, donde descartar sea mejor que indagar y resolver(no siempre, pero en algunos casos sí), no obstante, hay situaciones donde vamos a tener un servidor que cuidemos y demos todo el cariño del caso, y no quiere decir que esté mal.

En los casos en los que se quiera tener configuraciones repetibles uno se puede valor de herramientas como las AWS AMI(se pueden crear en la consola de AWS o usando Packer), imágenes en Docker, o scripts escritos en Bash que se ejecuten por medio de cloud-init. Cada una tiene su forma de trabajo diferente pero generalmente apuntan al mismo objetivo: hacer y deshacer como pan de cada día servidores.

Ahora, en el caso cuando debemos mantener con cuidado y por mucho tiempo a una misma máquina(o varias), lo ideal es aceptar esta situación y pensar siempre en cuadrar todo de una forma en que haya rutas definidas para identificar errores y poder resolver situaciones que interrumpan el normal funcionamiento lo más pronto posible. Con esto me refiero a herramientas de monitoreo, centralización de logs, generación de logs de comandos y/o procesos personalizados, procesos siempre vigilados por un supervisor de procesos(systemd, upstart, pm2, foreman, monit, god), mantenimientos programados y como no, respaldos(backups) de todo.

Finalmente, no se puede decir que haya un acercamiento mejor o peor, todo depende del caso de uso, del manejo que se requiera y sea adecuado según el proyecto, plataforma o necesidad.

Este artículo fue publicado primero en mi blog personal, Otro Espacio Blog. Ahí escribo sobre todo lo que aprendo al programar y también sobre temas no relacionados a tecnología.

JavaScript y el DOM: keyDown vs keyPress

Francisco Quintero 🇨🇴 — Tue, 19 Nov 2019 19:03:44 +0000

Formularios. Qué sería de nuestro software web sin formularios. La majestuosa forma de permitir a los usuarios de un sistema ingresar información.

En realidad los formularios son un dolor de cabeza. Entre menos campos tengan mejor pero hay situaciones donde el mínimo de campos es muchos campos. Un ejemplo de eso es aplicaciones del sector salud donde hay que tomar muchos datos de un paciente.

Para disminuir el impacto de digitar un formulario tan extenso se busca ayuda de expertos en UX y aún así, por debajo de cuerda, hay muchos campos en un solo formulario.

Solo ingresar números

Un caso común de formularios es que determinados campos solo permitan ingresar valores numéricos y no letras del alfabeto. En primera instancia se pensaría que el campo tipo número que trajo consigo HTML5 bastaría, pero no.

Dicho tipo de campo permite que se escriban letras. Su funcionalidad es más orientada al mundo móvil donde en un celular, un campo de tipo número, abre el teclado numérico y no el alfanumérico.

También está el atributo pattern para indicar una expresión regular, sin embargo, hasta donde recuerdo(no lo he vuelto a probar) esta solución se queda corta.

Finalmente, las soluciones más óptimas están dadas por controlar que se ingresa en el campo(s) y prevenir que se ingrese usando un event listener.

Aquí es donde el asunto se pone interesante.

keyDown, keyUp, keyPress

Los anteriores son eventos que se disparan cuando pasa algo en el teclado del usuario. Estos mismos sirven cuando se quiere prevenir que se ingrese texto en el campo del formulario.

Hace un par de años implementé una solución de este tipo usando jQuery y capturando el evento keydown y evitando que se ingresara texto sino era número o alguna de las teclas especiales como CTRL o SHIFT.

La semana pasada, en un proyecto más recién, me tocó implementar algo similar. Lo que hice fue buscar la implementación en el proyecto viejo, sin embargo solo me fijé en la parte interna del manejador de eventos y no en el evento que estaba capturando. En esta nueva implementación usé keypress y ahí vino una complicación.

Pasa que keydown y keypress varian en un atributo.

Cada tecla tiene un código único que la diferencia de las demás. En el caso de keypress este valor viene el atributo charCode y en keydown viene en keyCode. Y resulta que no todas las teclas devuelven un valor para charCode y la implementación fallaba.

Cuando analicé, busqué y probé, me di cuenta la diferencia entre los dos tipos de evento. En la primera implementación estaba usando keydown y en la más reciente keypress. Cuando cambié, todo funcionó como se esperaba.

Y entonces, ¿qué uso?

Hoy en día, el uso de keypress es desaconsejado por MDN ya que está depreciado y debería cambiarse por keydown.

Bonus Track

Resulta que mientras redactaba este artículo y leía la documentación de los dos eventos, encontré una forma aún más sencilla de impedir el ingreso de texto en campos dispuestos para solo números. Es así según MDN:

function numbersOnly(event) {
  return event.charCode === 0 || /\d/.test(String.fromCharCode(event.charCode));
}

const input = document.querySelector('input');

input.onkeypress = numbersOnly;

Bastante sencilla si se compara con mi implementación la cual usa jQuery:

$('form').on('keydown', '.only-numbers', function(e) {
  if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
    (e.keyCode == 65 && e.ctrlKey === true) ||
    (e.keyCode == 67 && e.ctrlKey === true) ||
    (e.keyCode == 88 && e.ctrlKey === true) ||
    (e.keyCode >= 35 && e.keyCode <= 39)) { 
   return;
  } 

  if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
    e.preventDefault();
  }
});

Vaya diferencia para lograr lo mismo 😀

Este artículo fue publicado primero en mi blog personal, Otro Espacio Blog. Ahí escribo sobre todo lo que aprendo al programar y también sobre temas no relacionados a tecnología.

DEV Community: Francisco Quintero 🇨🇴

[Boost]

How to stop Homebrew auto update on mac terminal

Para poder configurar Sidekiq como demonio usando Systemd.

Run Sidekiq 6 as daemon in Production environment on Ubuntu 20.04

Kevin Luo ・ Aug 20 '21

Olis

No sabía que había "trinos" en Dev!

He estado haciendo degoogle desde el año pasado y esto es algo que me hubiera gustado saber.

Configurar servidor de archivos local con Ubuntu y Samba

Jordi Ayala ・ Jan 13 '25

¿Cuál es la diferencia entre :destroy y :delete en Rails?

:destroy

:delete_all

Enlaces

📖 [ebook] Evaluación de 4 Herramientas de Vídeo Llamadas Web

Got a "TypeError: 'get peerIdentity'" in EmberJS and not in Svelte. Do you know why?

Context

Importing Twilio-Video breaks page in Firefox 70+ with RTC disabled #811

Funny Thing is...

Questions

Cómo Encontrar Archivos por Tamaño Usando la Consola

¿Puede ActiveRecord::Relation recibir mensajes de métodos de clase? Sí, sí puede

Métodos de Clase y Scopes

Entra ActiveRecord::Relation

Servidores: ¿Mascotas o Ganado?

Mascota o Ganado, ¿qué prefieres?

AWS, Docker, Packer, Cloud init

JavaScript y el DOM: keyDown vs keyPress

Solo ingresar números

keyDown, keyUp, keyPress

Y entonces, ¿qué uso?

Bonus Track

`:destroy`

`:delete_all`

Entra `ActiveRecord::Relation`