Rectangle para desarrolladores: diseños de IDE, terminal y navegador que funcionan

La mayor parte del trabajo de desarrollo gira en torno a las mismas tres o cuatro ventanas: un editor o IDE, una terminal, un navegador para la documentación o una app en ejecución, y a veces una app de mensajería que intentas ignorar. El conjunto de atajos por defecto de Rectangle app encaja perfectamente con esa rotación sin necesitar nada más que lo que trae de fábrica la app gratuita. Aquí se repasan los diseños que merece la pena conocer y los problemas concretos que surgen con las herramientas de desarrollo.

Un solo monitor: dos ventanas

El caso más simple y habitual. El editor ocupa la mitad a la que más miras; la terminal o la documentación, la otra:

• ⌃⌥← — el editor a la mitad izquierda
• ⌃⌥→ — la terminal o el navegador a la mitad derecha

Si el reparto 50/50 se siente apretado para el editor (una queja habitual en una pantalla de 13-14 pulgadas, donde un editor de código quiere más espacio horizontal que una terminal), agranda un lado un par de veces con ⌃⌥= (Aumentar) en lugar de cambiar a un diseño completamente distinto. No existe una acción integrada de “mitades 60/40”; usar Aumentar/Reducir sobre una ventana ya dividida a la mitad es la forma de aproximarse a eso.

Un solo monitor: tres ventanas

Aquí es donde los tercios se ganan su sitio frente a las mitades. Un reparto razonable:

• ⌃⌥E (primeros dos tercios) — el editor, ya que el código se beneficia más del ancho que una terminal
• ⌃⌥G (último tercio) — la terminal

Eso le da al editor dos tercios de la pantalla y a la terminal un tercio, ambos accesibles desde el teclado sin arrastrar ningún divisor. Si prefieres tres columnas más o menos iguales, hazle un ciclo a una ventana con ⌃⌥D (primer tercio); pulsarlo de nuevo sobre la misma ventana pasa al tercio central, luego al último tercio, y coloca el editor, la terminal y el navegador cada uno en una de las tres posiciones.

Dos monitores: la configuración habitual de un desarrollador

Con una pantalla externa conectada a un portátil, un reparto típico:

• El editor maximizado (⌃⌥↩) en la pantalla externa; la pantalla más grande y nítida se merece aquello que miras todo el día.
• La terminal en una mitad o tercio de la pantalla externa si quieres verla junto al editor, o movida a la pantalla del portátil con ⌃⌥⌘← si prefieres reservar la pantalla externa para una sola app.
• El navegador o la documentación en la pantalla del portátil, maximizado o partido a la mitad con una app de mensajería.

Si cambias con frecuencia qué app va en qué pantalla, por ejemplo, cuando presentas la pantalla de tu portátil mientras mantienes notas en la pantalla externa, Pantalla siguiente y Pantalla anterior mueven la ventana activa sin necesidad de volver a arrastrarla, algo más rápido que un arrastre manual una vez que ya tienes la memoria muscular.

Puntos de fricción conocidos específicos de herramientas de desarrollo

Apps de terminal y el redimensionado por ancho de carácter. Por defecto, iTerm2 solo cambia de tamaño en incrementos de anchos de carácter completos en lugar de píxeles arbitrarios, lo que significa que la mitad o el tercio calculado por Rectangle mac puede quedar ligeramente desviado de lo que obtendrías con una app gráfica normal. La solución documentada:

defaults write com.googlecode.iterm2 DisableWindowSizeSnap -integer 1

Reinicia iTerm2 después de ejecutarlo. La propia Terminal.app de Apple tiene el mismo comportamiento de redondeo sin que exista actualmente una solución equivalente documentada, según el propio mantenedor de Rectangle app; si te importa que el tamaño de la terminal sea preciso al píxel, iTerm2 con este ajuste aplicado se comporta de forma más predecible que Terminal.app.

IDEs con sus propios atajos de teclado. VS Code, los IDE de JetBrains y herramientas parecidas suelen usar combinaciones de Control + Opción para sus propios comandos (navegar entre paneles, atajos de refactorización), lo que puede chocar con los valores por defecto de Rectangle app. En lugar de reasignar Rectangle de forma global, usa Ignorar app específicamente para el IDE: dale el foco, abre el menú de Rectangle, elige Ignorar app. Los atajos de Rectangle se desactivan entonces solo mientras ese IDE está en primer plano, y las combinaciones propias del IDE funcionan con normalidad. Cambia a otra app y los atajos de Rectangle vuelven automáticamente.

El modo de pantalla completa cambia lo que es una ventana. Si tu editor o terminal se ejecuta en pantalla completa nativa de macOS (en su propio Espacio) en lugar de como una ventana normal maximizada, las acciones de Rectangle para mover a otra pantalla y redimensionar no se aplican de la misma forma que a una app en modo ventana; las apps a pantalla completa no son ventanas móviles normales. Mantén en modo ventana las apps que quieras que gestione Rectangle.

Automatizar un diseño con un script en lugar de reconstruirlo a mano

Como Rectangle expone un esquema de URL, un diseño diario fijo se puede reducir a un único script en lugar de cuatro pulsaciones de teclado distintas cada mañana:

open -a "Visual Studio Code"
sleep 0.5
open -g "rectangle://execute-action?name=first-two-thirds"

open -a "iTerm"
sleep 0.5
open -g "rectangle://execute-action?name=last-third"

Cada bloque activa una app, espera brevemente a que pase a primer plano, y luego dispara la acción de Rectangle correspondiente. Guarda esto como un script de shell o conéctalo a una macro de Keyboard Maestro activada por una tecla de acceso rápido, y “montar mi diseño de programación” se convierte en una sola pulsación en lugar de cuatro. Esto hay que construirlo a mano y no se adapta automáticamente a qué monitor esté conectado; ese tipo de automatización que se activa al conectar una pantalla es una función integrada en Rectangle Pro, no algo que el scripting del nivel gratuito reproduzca de forma limpia.

Referencia rápida

Diseño	Atajos
Editor + terminal, un solo monitor	⌃⌥← / ⌃⌥→
Editor + terminal, reparto desigual	⌃⌥E (editor) / ⌃⌥G (terminal)
Editor + terminal + navegador, tres columnas	⌃⌥D, ciclar con pulsaciones repetidas
Editor en la segunda pantalla	⌃⌥⌘→ y luego ⌃⌥↩
Ignorar los atajos propios del IDE	Dar foco al IDE → menú de Rectangle → Ignorar app