Configurar una Macbook para desarrollo web

Recientemente me dio por darle una formateada a mi vieja MacBook Air, uso esta laptop para mis proyectos web, y quise compartir con ustedes la configuración que uso, aunque me considero un full stack developer, esta guía puede servirle a cualquier persona con una computadora con macOS.

Especificaciones de mi Macbook Air

  • MacBook Air (13-inch, 2017)
  • 1.8 GHz Intel Core i5 de dos núcleos
  • 8 GB 1600 MHz DDR3
  • Intel HD Graphics 6000 1536 MB

Como podrán ver, mi Macbook no es la más nueva, así que lo primero que haremos será actualizar su sistema, actualiza tú macOS a la versión mas reciente. Para hacer eso, ve a:

Barra de menús > Apple menu () > Acerca de esta Mac > Actualización de software…

Preferencias del sistema

El siguiente paso es opcional, estas son algunas Preferencias del sistema que me gusta cambiar.

Dock y barra de menus

  • Ocultar y mostrar Dock automáticamente
  • Mostrar apps recientes en el Dock > desactivar
  • Otros módulos > Batería > Mostrar porcentaje

Spotlight

  • Sugerencias de Siri > desactivar

Siri

  • Desactivar

Seguridad y privacidad

  • General > Solicitar contraseña después de iniciarse el reposo o el protector de pantalla > inmediatamente.
  • General > Permitir apps descargadas de: > App Store y desarrolladores identificados.
  • FileVault > Activar FileVault…
  • Firewall > Activar firewall

Teclado

  • Repetición de tecla > Rápida
  • Espera hasta la repetición > Corta

Trackpad

  • Señalamiento y clic
    • Consulta y detectores de datos > Desactivar
    • Click secundario > Activar
    • Presionar para hacer clic > Activar
  • Desplazamiento y zoom
    • Direccional del desplazamiento > Desactivar
    • Aumentar o reducir el zoom > Activar
    • Zoom inteligente > Desactivar
    • Girar > Desactivar

Compartir

  • Cambiar el nombre de la computadora.
  • Asegurarse que “Compartir archivos” este desactivado.

Finder

  • Preferencias
    • General > Las nuevas ventanas del Finder muestra: > Seleccionar tu directorio Home.
    • Avanzado > Mostrar extensiones de los nombres de archivo.
    • Visualización
      • Mostrar barra de pestañas.
      • Mostrar barra de ruta
      • Mostrar barra de estado
  • Habilitar mostrar archivos ocultos (dotfiles) (Presiona Cmd + Shift + . (punto) en una ventana de Finder)

Screenshots

Shift + Cmd + 5 para abrir la aplicación > Opciones > Seleccionar otra ubicación (selecciona una carpeta, yo normalmente creo una que se llame “Screenshots” en el home).

Algunas preferencias del sistema no puedes ser modificadas desde la interfaz gráfica, por lo que lo haremos ejecutando los siguientes comandos en una Terminal. Para abrir la Terminal presiona Cmd + Barra espaciadora y escribe “terminal.app” y da Enter, entonces solo tienes que copiar y pegar los comandos en la terminal.

# guarda los screenshots como jpg (de menor tamaño que un PNG)
defaults write com.apple.screencapture type jpg

# no abre el archivo previsualizado anterior al abrir uno nuevo
defaults write com.apple.Preview ApplePersistenceIgnoreState YES

# mostrar la carpeta Biblioteca
chflags nohidden ~/Library

# Previene que el barrido a la izquierda o derecha te cambie de pagina en Chrome
defaults write com.google.Chrome AppleEnableSwipeNavigateWithScrolls -bool false

killall Finder;

Ahora nuestro macOS ya esta configurado y listo para comenzar a trabajar con él, lo siguiente será instalar las aplicaciones de escritorio que usaremos en nuestro día a día, para lo cual usaremos Homebrew, un poderoso manejado de paquetes para macOS.

Homebrew

Pero antes de comenzar a usar Homebrew, primero necesitaremos instalar Xcode en nuestra MacBook.

Puedes instalarlo, buscando Xcode en la App Store de tu MacBook o desde una terminal con el siguiente comando.

xcode-select --install

Una vez instalado Xcode, ahora si podemos instalar Homebrew, para eso necesitaras ejecutar el siguiente comando en una terminal.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Si estas usando una MacBook M1, al finalizar la instalación podrías recibir algunos warnings, esto es por que el instalador de Homebrew no pudo modificar el PATH, para solucionar este problema solo hay que ejecutar en una terminal, los siguientes dos comandos.

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/el_nombre_tu_computadora/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

No olvides en el primer comando, reemplazar la cadena de texto “el_nombre_tu_computadora” por el nombre de tu computadora. Otra opción para agregar Homebrew al PATH, es usar el siguiente comando.

echo 'PATH="/usr/local/bin:$PATH"' >> ~/.zprofile

Una vez terminada la instalación, verifiquemos que Homebrew este actualizado y todo este instalado correctamente ejecutando el siguiente comando.

brew update; brew doctor

Si todo esta correcto, entonces podemos proceder a instalar las aplicaciones que usaremos en nuestro día a día. Con Homebrew puedes instalar aplicaciones de linea de comando o aplicaciones gráficas, solo necesitas saber el nombre del paquete de la aplicación que deseas instalar y ejecutar el comando “brew Install nombre_paquete” y brew bajara e instalara el paquete de la aplicación y todas la dependencias requeridas que encuentre en sus repositorios.

El comando install de brew te permite instalar una aplicación, prueba instalando wget con el siguiente comando.

brew install wget

Brew bajara e instalara el paquete para la aplicación wget y todas las dependencias necesarias.

Puedes instalar varias aplicaciones a la vez usando el siguiente comando como ejemplo, las aplicaciones en la lista son sugerencias y son solo aplicaciones con interfaz gráficas, normalmente este tipo de aplicaciones son parte de un repositorio especial de brew, por lo que necesitas agregar el parámetro “–cask” para poder acceder a ellas e instalarlas.

brew install --cask \
  alfred \
  android-file-transfer \
  appcleaner \
  google-chrome  \
  firefox \
  brave-browser \
  tor \
  iterm2 \
  visual-studio-code \
  sublime-text \
  sequel-ace
  docker \
  rectangle \
  slack \
  discord \
  signal \
  vlc \
  spotify \
  calibre \
  figma \
  imageoptim \
  transmission \
  dropbox \
  zoom \
  skype

Estas son algunas sugerencias para aplicaciones de linea de comando que podrías necesitar para optimizar el tiempo que pasas en la terminal.

brew install \
  wget \
  exa \
  git \
  bat \
  tldr \
  tree \
  fzf \
  nvm \
  pnpm \
  graphicsmagick \
  commitzen \
  cmatrix \
  vips

Si hay alguna aplicación que uses y no esta entre mis sugerencias, puedes buscarla usando el comando “brew search”.

Brew necesitara darle mantenimiento a los repositorios locales (actualizar todas las apps y sus dependencias), para eso es necesario ejecutarlo con los parametros de update, upgrade, cleanup y doctor, siempre es mejor ejecutar un solo comando en vez de ejecutar cuatro, para eso creamos este alias y lo agregamos a tu profile, para que puedas ejecutarlo desde la terminal cuando lo necesites.

echo "alias brewup='brew update; brew upgrade; brew cleanup; brew doctor'" >> .zprofile

Cierra el tab de tu terminal (Cmd + w) y abre un nuevo Tab (Cmd + n), para que los cambios tengan efecto y ahora puedas ejecutar “brewup” desde la linea de comando.

Listo, ahora tienes una configuración base por donde comenzar, ahora puedes instalar todas tus herramientas de desarrollo y personalizar tu entorno de desarrollo, o puedes seguir algunas de nuestras recomendaciones.

  • Instalar y configurar iTerm2 en macOS
  • Instalar y configurar Git en macOS

Reemplaza los caracteres dañados de UTF-8 en MySQL o MariaDB

Vamos usando este simple SQL Script, copia y pega, editalo con el nombre de las tablas y campos en los que deseas actualizar la información y ejecuta.

UPDATE table_name SET column_name = REPLACE(column_name ,'á','á');
UPDATE table_name SET column_name = REPLACE(column_name ,'ä','ä');
UPDATE table_name SET column_name = REPLACE(column_name ,'é','é');
UPDATE table_name SET column_name = REPLACE(column_name ,'í©','é');
UPDATE table_name SET column_name = REPLACE(column_name ,'ó','ó');
UPDATE table_name SET column_name = REPLACE(column_name ,'íº','ú');
UPDATE table_name SET column_name = REPLACE(column_name ,'ú','ú');
UPDATE table_name SET column_name = REPLACE(column_name ,'ñ','ñ');
UPDATE table_name SET column_name = REPLACE(column_name ,'í‘','Ñ');
UPDATE table_name SET column_name = REPLACE(column_name ,'Ã','í');
UPDATE table_name SET column_name = REPLACE(column_name ,'–','–');
UPDATE table_name SET column_name = REPLACE(column_name,'’','\'');
UPDATE table_name SET column_name = REPLACE(column_name,'…','…');
UPDATE table_name SET column_name = REPLACE(column_name,'–','-');
UPDATE table_name SET column_name = REPLACE(column_name,'“','"');
UPDATE table_name SET column_name = REPLACE(column_name,'â€','"');
UPDATE table_name SET column_name = REPLACE(column_name,'‘','\'');
UPDATE table_name SET column_name = REPLACE(column_name,'•','-');
UPDATE table_name SET column_name = REPLACE(column_name,'‡','c');
UPDATE table_name SET column_name = REPLACE(column_name ,'Â','');

Cómo recuperar tu cuenta de administrador de WordPress

Mis sitios web fueron hackeados recientemente, si sospechas lo mismo te recomiendo leer el primer articulo que escribí al respecto, Cómo saber si tu WordPress su hackeado.

Al visitar uno de mis sitios web me di cuenta que había sido hackeado e intente remediarlo. Mi primer instinto fue querer entrar al panel de administración y actualizar WordPress y todos sus plugins. Allí fue donde me encontré con el problema de que mi contraseña no era la que recordaba ó al menos eso fue lo que pensé, pero el problema fue que la cuenta de administrador había sido hackeada.

Intenta cambiar la contraseña

Entra a tu_sitio_web.com/wp-login.php y haz click en “Forgot your password?”, en la siguiente página escribe tu nombre de usuario o dirección de correo electrónico y haz click en el botón “Get New Password”. A continuación deberías de recibir un mensaje de correo con un enlace que te llevara a una página web donde podrás escribir tu nueva contraseña.

Si no recibiste el correo con el enlace para cambiar la contraseña, es muy probable que hallan cambiado la dirección de correo electrónico o el nombre de usuario del administrador.

cPanel y PHPMyAdmin

Si tienes acceso al panel de administración de tu sitio web, en mi caso cPanel. Accede a el y revisa la base de datos de tu WordPress. En mi caso yo puedo usar PHPMyAdmin para acceder de forma gráfica a la base de datos de mi instalación de wordpress.

Abre la base de datos de tu WordPress, el nombre de la base de datos lo diste al instalar tu WordPress. Busca en esa base de datos la tabla wp_users y luego en esta misma tabla el registro cuyo campo ID es igual a 1, usa este SQL de ejemplo: select * from wp_users where ID=1;

Revisa que la información en los campos user_login y user_email correspondan a la información que diste de alta, si no pues editalos y pon tu información.

Una vez que haz cambiado esta información puedes volver a intentar recuperar tu contraseña desde la consola de inicio de sesión de tu WordPress como te enseñe al inicio de este tutorial.

Si esto no funciona o este método no te es util, date una vuelta por la sección Resetting Your Password del Codex de WordPress, allí encontraras mas formas de recuperar tu contraseña.

Configurar control de Xbox en Mac

Hace poco me dio por bajar Steam a mi Mac y me di cuenta que de tanto jugar en el Xbox One ya se siente raro jugar con teclado y mouse 😀 así que me puse manos a la obra y he aquí los pasos para configurar tu control de Xbox en tu Mac.

Lo primero que debemos hacer es bajar el driver, no hay soporte oficial así que tendremos que hacernos con un third-party, hay varios pero a mi me funciono perfecto y a la primera el Xbox Controller Driver for macOS.

Una vez el bajes el archivo dmg, guarda en todas las aplicaciones que tengas abiertas pues necesitaras reiniciar. Desconecta tu control si lo tienes conectado, por cierto, deberas conectarlo usando un cable Micro-USB to Type A USB. Lo siento, aún no hay soporte Bluetooth. Haz doble click en el archivo DMG y sigue los pasos, deberas darle tu contraseña de administrador, recuerda que es custom software bajado de internet y que OSX te recordara los peligros que esto implica.

Una vez que se termine de instalar el driver y se reinicie tu Mac, procedemos a conectar el control de Xbox a la Mac mediante el cable USB. Si el botón guía del control enciende, felicidades! todo esta funcionando correctamente.

Probemos que así sea, ve a “Preferencias del Sistema“, y busca en la parte inferior un nuevo icono “Xbox 360 Controllers“.

En la siguiente ventana podrás probar que todos los botones funcionen correctamente, así como las palancas, podrás además configurar la sensibilidad o cambiarlas.

He conectado mi control Xbox One Elite usando el cable USB que venia en el paquete y sin pilas, te lo digo por que en otros controles podrías requerir pilas en tu control, si el cable no es capaz de cargarlo. Lo he probado con varios juegos de Steam y hasta el momento todo parece funcionar correctamente, espero que sea así también para ti, ahora a disfrutar.

Salón del Cómic + Novela Gráfica en la FIL 2017

Del Jueves 30 de Noviembre al 3 de Diciembre dentro del marco de la Feria Internacional del Libro de Guadalajara se llevará a cabo el primer Salón del Cómic + Novela Gráfica. El Salón del Cómic estará ubicado en el Área Internacional de la FIL y contara con 27 stands entre editoriales y artistas independientes de Argentina, Colombia, Chile, Ecuador, España y México

El Salón del Cómic contara con un foro que este año llevara el nombre “Foro Rius”, en homenaje al gran caricaturista mexicano. Este foro se usara para hacer presentaciones y charlas de los diversos artistas asistentes.

Soulkeepers (cómic tapatio), La pirámide cuarteada, Evocaciones del 68, Ixpule y la Antología del steampunk mexicano seran algunos de los comics que se presentaran en el Foro Rius, el cual se aprovechara para el lanzamiento de la adaptación a cómic dela novel El Complot Mongol, de Rafael Bernal, así como una charla sobre el 40 aniversario del legendario cómic Heavy Metal por Ricardo Llarena, director del cómic en México.

Fuente: Salón del Cómic + Novela Gráfica.

Cómo saber si tu WordPress ha sido hackeado

Recientemente me he dado cuenta que algunos de mis sitios web que usan WordPress habían sido hackeados, lo mas curioso es que cada uno de ellos fueron hackeados de forma diferente, uno estaba mandando correos de SPAM, otro estaba publicando artículos de apuestas y medicinas milagrosas y otro simplemente cambiaron la contraseña del administrador.

Recuperar mis sitios web fue un martirio, implico un gran esfuerzo de investigación y es que no estaba preparado para ser hackeado 🙁 es por eso que me he dado a la tarea de escribir este artículo que será el primero de serie, la idea es juntar algunos consejos para mejorar la seguridad de tu instalación de WordPress.

Lo primero que tenemos que averiguar es si tu WordPress realmente ha sido hackeado y lo podemos determinar mediante alguno de los siguientes puntos:

  • Si algún usuario te reporta estar siendo redireccionado a otro sitio web que no reconoce al tratar de acceder a tu página, espero te hayas acordado de renovar tu dominio a tiempo :D.
  • Abre un nuevo tab en tu navegador favorito y abre google.com, escribe en la caja de búsqueda lo siguiente: site:ejemplo.com. En mi caso escribí site:moister.net. Revisa los resultados buscando por contenido que no reconozcas o que te parezca fuera de lugar ( anuncios de drogas, pornografía, servicios ilegales o príncipes nigerianos que te buscan para entregarte una herencia).
  • Ponle mucha atención a esos correos que te envía tu proveedor de hosting, en alguno de ellos podrías encontrar una advertencia de que tienen sospecha de los contenidos de tus sitios web, revísalos y evita futuros malentendidos, recuerda que si proveedor de hosting tiene la sospecha de que tu sitio fue hackeado y que puede infectar otros sitios web en el mismo servidor, este podría borrar todo tu blog (por eso hay que tener un respaldo actualizado siempre) o simplemente deshabilitarlo.
  • Si tienes un blog con WordPress y comenzaste a ver artículos sobre apuestas, viagra u otro tipo de SPAM, seguramente también hay una gran cantidad de cuentas nuevas de usuario.
  • Si al tratar de entrar a tu dominio, el navegador te muestra un mensaje diciendo que este ha sido marcado como un sitio malicioso o se tiene la sospecha que es una fuente de Malware.
  • Los buscadores como Google, Yahoo or Bing han Blacklisteado (que tal el verbo que me acabo de inventar :D) tu sitio web.
  • Abre tu sitio web en un tab del navegador y en el menu de tu navegador escoge la opción “Editar” y luego “Seleccionar Todo” o Ctrl+A en Windows, command+A en OSX. Esto seleccionara todos los elementos visibles en tu página, la idea es revisar si encuentras texto oculto que pudiera haber sido inyectado allí por alguien más.

En verdad espero que tu sitio no califique, pero si es así no te preocupes, los que saben dicen que todo tiene solución en está vida :p.

Mi primer paso después de darme cuenta que mis sitios de WordPress fueron hackeados, fue recuperarlos. Parte del hackeo fue secuestrar la cuenta de Administrador de WordPress. Es por eso que el siguiente artículo de esta serie estará dedicado a cómo recuperar tu cuenta de administrador de WordPress.

 

Diabluras

Que se me esta llendo la vida jugando al Diablo 3, espero retomar esto pronto ya que no tengo la intención, al menos en este momento, de dejar de escribir.

Por cierto, este post fue escrito desde mi nuevo iPad, el cual es una chingoneria de gadget, si el Kindle Fire es un buen aparato, debo admitir que el iPad se lo lleva de corbata.

Kindle Fire

Este año me propuse leer mas, pero la verdad es que no he tenido/no me he dado el tiempo para hacerlo, he estado buscando una solución que me ayudara a tener ese tiempo y mi buen amigo Christian me puso el ejemplo, se compro un Kindle y entonces comenzó a leer a lo bestia y mire que tal vez esa era la solución, desgraciadamente Amazon no vende en nuestro país, así que si quieres un Kindle tienes que buscar la forma de hacértelo llegar como cualquier otra fayuca cualquiera. Esto hace que el costo se eleve, de por si el dólar esta caro, así que la verdad me pesaba gastar tanto en un aparato que solo me sirviera para leer, pero he ahí mi sorpresa, justo cuando decidí que el Kindle podría ser esa solución que me motivara a tener tiempo y ayudara a leer mas, Amazon anuncio su nueva línea de Kindle’s entre ellos el Kindle Fire y me dijo a mi mismo: mi mismo, eso es lo que quiero.

Así que me he comprado un Kindle Fire, que además de servirme como herramienta para alentarme a leer mas, al ser una Tablet con Sistema Operativo Android puedo hacer muchas cosas mas, como checar el correo, Facebook, Twitter, navegar en Internet, jugar, etc.

Todo iba muy bien hasta que me dieron ganas de llenarlo de aplicaciones y juegos, así que con tarjeta de credito en mano me dirijo directo a la Amazon App Store for Android a gastarme unos cuantos dolares en aplicaciones y juegos, cual va siendo mi sorpresa, pues que Amazon solo te vende si vives en los Estados Unidos.

Así que tuve que verme en la necesidad de rootear mi Kindle Fire y convertirlo en una tablet Android normalita como cualquiera otra, de esta forma fui capaz de instalar el Android Market y poder instalar aplicaciones y juegos, en una próxima entrega les hablare sobre el procedimiento que use para rootear mi tablet, mis experiencias y recomendaciones de aplicaciones,  pero si no puedes esperar anexo unos enlaces en inglés para rootear tu Kindle Fire.

Get ADB running AND Root with SuperOneClick
How to root your Kindle Fire

Me gustaria agregar que si Amazon vendiera aplicaciones en mi pais, no hubiera rooteado mi Kindle Fire, la verdad es que me gusto mucho y hasta el momento me ha sido muy agradable su uso, tanto que he leido los 92 primeros numeros del comic The Walking Dead en menos de 15 dias y no me molestaria pagar por las aplicaciones o juegos que quisiera tener en mi Kindle Fire.

Ultra Combos de Thousand Pounds

[youtube:http://www.youtube.com/watch?v=i3Sm444_zOw]

Thousand Pounds es una compañia de coreografos de acción que pensaron seria divertido crear sus propios ultra combos en la vida real al estilo de Super Street Fighter 4 y la verdad es que no les quedaron nada mal.

[youtube:http://www.youtube.com/watch?v=qUI4CZZcT7A]
Femme Fatale Pack

[youtube:http://www.youtube.com/watch?v=UR5wXrak2k4]
The Final Round