Autor: nikoskip

Chrome DevTools tips newsletter

Como dicen en mi país “no vengo a vender, vengo a regalar”def., ya que les quiero compartir uno de los pocos newsletter el cual estoy suscrito de hace ya casi 2 años y en ninguna edición me ha defraudado.

Este newsletter llamado Dev Tips entrega de forma semanal tips del DevTools de Chrome. La mayoría del tiempo son cosas que están un poco ocultas y que difícilmente uno las iba a descubrir. Los tips son bien variados y cubren todas las áreas del DevTools: performance, networking, debugging, etc, y van desde asuntos básicos a más experimentados.

Lo que realmente me gusta del newsletter, es que cada edición viene con un GIF en vez de un largo texto explicativo, haciéndolo fácil de digerir.

Chrome DevTools - Dev Tips Newsletter

Los invito a suscribirse y espero les sea de utilidad. Aprovecho también de agradecer al autor, Umar Hansa, por darse el tiempo semana a semana de crear este contenido.

def.: Frase típica de vendedores ambulantes o callejeros al subir a vender sus productos a buses del transporte público en Chile.

Anuncios

Docker: Conectarse al servidor MySQL de tu máquina host

Hace unos días empecé a trabajar con Docker para un proyecto personal. Actualmente estoy acostumbrado a trabajar con Vagrant, así que le di la oportunidad a Docker para probar algo nuevo, ya que había leído muy buenos comentarios de esta herramienta.

Lo que voy a detallar a continuación es una nota mental para dejar registro de como finalmente logré conectarme desde un contenedor de Docker a mi servidor MySQL que tengo corriendo en mi máquina local (o host como llaman en el mundo Docker). Perdí muchas horas en esto y no quiero volver a pasar por lo mismo.

(más…)

Utiliza tu iPad/iPhone como 2da pantalla

Voy a estar fuera de casa y de mi país por varios meses trabajando de forma remota, y mi plan fue siempre al llegar comprar un monitor de 2da mano, ya que estoy demasiado mal acostumbrado a siempre trabajar a dos pantallas.

Al llegar acá (Canadá) empecé la búsqueda de un monitor usado en eBay, pero los encontré un poco sobrevalorados. Estuve casi dos días trabajando solo en el laptop, pero se me hacía demasiado incómodo. Fue cuando miré mi iPad mini 2 (que prácticamente no uso) y pensé ¿Se podrá utilizar como segunda pantalla?.

(más…)

Escribir de manera simultanea en múltiples sesiones/pestañas en iTerm2

En el trabajo estoy utilizando iTerm2 como remplazo a la terminal por defecto que viene en OS X el cual me permite tener múltiples terminales en distintas pestañas. Puedo tener corriendo un proceso en una, y en otra seguir trabajando. Todo bajo la mima ventana.

Otra ventaja, es que permite dividir una pestaña en múltiples terminales a la vez. Cosa que hago de forma muy frecuente. Por ejemplo, tengo que rescatar cierta información de logs en tres servidores distintos. En vez de abrir tres pestañas, divido mi pestaña actual en tres paneles: cada panel conectado a un servidor. En los tres servidores sé que voy a escribir los mismos comandos y en vez de repetirlos una y otra vez, presiono Cmd + Option + I y escribo y ejecuto todo desde un panel.

iTerm2 múltiples paneles activos

Gracias a www.owsiak.org por la imagen

También puedes escribir a todas las terminales en todas las pestañas con Cmd + Shift+ I.

FUENTES

http://blog.blakesimpson.co.uk/read/35-send-command-to-all-iterm-2-panes

Realizar debug de forma remota de Mobile Safari / UIWebUI en Linux, Windows y OSX (?)

El año pasado me tocó meter un poco de mano en la versión mobile del sitio la compañía en donde estoy trabajando. Habían ciertos bugs en iOS Safari que debían ser resueltos. Pero como bien se sabe, si deseas hacer debug en un iDevice (de forma fácil), un Mac debes tener.

En ese entonces yo trabajaba bajo Ubuntu y hoy un compañero me preguntó si sabía alguna forma de poder hacerlo en Windows. Recordé esta herramienta que espero a más de alguno le sea útil: iOS WebKit Debug Proxy

client34

Diagrama de funcionamiento de iOS WebKit Debug Proxy

Lo que finalmente realiza es hacer un proxy entre un DevTool  y el Web Inspector de Apple.

Recuerdo que la instalación en Ubuntu fue bastante simple y luego de ejecutar el servicio, éste entrega una URL local con un puerto dado donde debemos acceder y es allí donde veremos una aplicación web que simula un DevTool como el de Chrome. En él podremos inspeccionar el DOM, jugar con la consola de JavaScript, ver cookies, localStorage, ver los recursos que cargó el sitio, etc.

De acuerdo a la documentación, existe un port para Windows el cual no he probado. Al menos en GitHub hay un par de issues abiertos, nada grave, lo que me hace creer que funciona de maravillas. También soporta OSX, aunque me parecería más simple utilizar el remote debugging de Safari directo en vez de instalar esta solución. Es por ello el signo de pregunta en el título de esta entrada. Es como clavar un clavo con un alicate, teniendo un martillo.

Otra solución (de pago) es el famoso BrowserStack, el cual hace muy poco implementó un DevTool para dispositivos móviles.

Solución error 0x80300024 al instalar Windows 10

Este fin de semana me me dediqué a formatear mi computador. Ya iniciaba cada vez peor así que aproveché de instalar Windows 10 en mi disco SSD que prácticamente lo tenía sin uso.

Al intentar instalar en mi disco SSD, Windows me daba un error 0x80300024. Intenté re-formatear, reparticionar y reinicié el instalador una y otra vez sin éxito. Finalmente encontré la solución.

TLDR: Desconectar todos los discos, excepto el disco donde vas a instalar Windows.

Al parecer Windows siempre espera instalarse en el disco que está en el slot #0 y mi SSD estaba en el slot #1. Otra opción que no probé, pero quizás también hubiera funcionado, era invertir la conexión de los discos. Después de instalar, simplemente volví a conectar el otro disco duro y todo listo.

Barra de progreso al importar o exportar en MySQL

Es muy común importar o exportar una base de datos desde la línea de comandos:

# Exportar una base de datos
mysqldump -u usuario -p nombre_db > db.sql

# Importar una base de datos
mysql -u usuario -p nombre_db < db.sql

Pero muchas veces la DB es tan pesada que toma demasiado tiempo y uno se vuelve un poco paranoico por saber si todo va bien o si falta mucho para que termine. Esta última pregunta se puede responder gracias al comando Pipe-Viewer  pv.

(más…)

Synergy: comparte tu teclado y mouse en distintos ordenadores

synergy

Hace un año atrás en el trabajo tuvimos que trabajar – valga la redundancia – un par de días desde la casa. La empresa me entregaba un notebook, el cual lo utilizaba en ese entonces con Ubuntu, ya que era un ambiente netamente de desarrollo. Recuerdo que el primer día al llegar a casa e instalar el notebook, lo primero que hice fue conectar el teclado y mouse de mi computador de escritorio al notebook. Es ahí cuando recuerdo que el notebook de los 2 puertos USB que tenía, uno estaba malo – bueno, luego lo arreglé – por lo que sólo podía conectar o el teclado o el mouse. Ya que no me gustaba como funcionaba del trackpad, conecté solo el teclado. Hasta ahí, todo bien…. por unos minutos.

(más…)