Rectangle voor developers: IDE-, terminal- en browserindelingen die werken

Het meeste ontwikkelwerk draait om dezelfde drie of vier vensters: een editor of IDE, een terminal, een browser voor documentatie of een draaiende app, en soms een berichten-app die je probeert te negeren. Rectangle app standaard sneltoetsen sluiten naadloos aan op die rotatie, zonder dat je meer nodig hebt dan wat de gratis app standaard biedt. Dit behandelt de indelingen die de moeite waard zijn om te kennen, en de specifieke problemen die opduiken bij ontwikkelaarstools.

Eén scherm: twee vensters

Het eenvoudigste en meest voorkomende geval. De editor krijgt de helft waar je het meest naar kijkt; de terminal of documentatie de andere:

• ⌃⌥← — editor naar de linkerhelft
• ⌃⌥→ — terminal of browser naar de rechterhelft

Voelt de 50/50-verdeling krap aan voor de editor (een veelgehoorde klacht op een 13-14-inch scherm, waar een code-editor meer horizontale ruimte wil dan een terminal), maak dan een van de kanten een paar keer groter met ⌃⌥= (Groter maken) in plaats van naar een compleet andere indeling over te schakelen. Er is geen ingebouwde “60/40-helften”-actie; Groter/Kleiner maken toepassen op een al gehalveerd venster is de manier om dat te benaderen.

Eén scherm: drie vensters

Hier verdienen derden hun plaats ten opzichte van helften. Een redelijke verdeling:

• ⌃⌥E (eerste twee derde) — editor, aangezien code meer baat heeft bij breedte dan een terminal
• ⌃⌥G (laatste derde) — terminal

Dat geeft de editor tweederde van het scherm en de terminal een derde, beide bereikbaar vanaf het toetsenbord zonder een scheidingslijn te slepen. Wil je liever drie ongeveer gelijke kolommen, schakel dan een venster door met ⌃⌥D (eerste derde), nogmaals indrukken op hetzelfde venster schakelt naar het middelste derde, dan naar het laatste derde, en plaats editor, terminal en browser elk op een van de drie posities.

Twee schermen: de gangbare developer-opstelling

Met een extern scherm aangesloten op een laptop, een typische verdeling:

• Editor gemaximaliseerd (⌃⌥↩) op het externe scherm, het grootste, scherpste scherm verdient waar je de hele dag naar kijkt.
• Terminal in een helft of derde van het externe scherm als je hem naast de editor zichtbaar wilt hebben, of verplaatst naar het laptopscherm met ⌃⌥⌘← als je het externe scherm liever aan één app wijdt.
• Browser of documentatie op het laptopscherm, gemaximaliseerd of gehalveerd met een berichten-app.

Wissel je vaak welke app op welk scherm staat, bijvoorbeeld wanneer je je laptopscherm presenteert terwijl je notities op het externe scherm bijhoudt, dan verplaatsen Volgend scherm en Vorig scherm het actieve venster zonder het opnieuw te hoeven slepen, wat sneller gaat dan handmatig slepen zodra je dat spiergeheugen hebt opgebouwd.

Bekende wrijvingspunten specifiek voor ontwikkelaarstools

Terminal-apps en formaataanpassing per tekenbreedte. Standaard verandert iTerm2 alleen van formaat in stappen van hele tekenbreedtes in plaats van willekeurige pixels, wat betekent dat de door Rectangle mac berekende helft of derde net iets kan afwijken van wat je bij een gewone GUI-app zou krijgen. De gedocumenteerde oplossing:

defaults write com.googlecode.iterm2 DisableWindowSizeSnap -integer 1

Herstart iTerm2 na het uitvoeren hiervan. Apples eigen Terminal.app vertoont volgens Rectangle app eigen maintainer hetzelfde afrondingsgedrag, zonder dat daar momenteel een gelijkwaardige oplossing voor is gedocumenteerd; is pixelnauwkeurig terminalformaat belangrijk voor jou, dan gedraagt iTerm2 met deze instelling zich voorspelbaarder dan Terminal.app.

IDE’s met eigen sneltoetsen. VS Code, JetBrains-IDE’s en vergelijkbare tools gebruiken vaak Control + Option-combinaties voor hun eigen commando’s (tussen panelen navigeren, refactor-sneltoetsen), wat kan botsen met Rectangle app standaardinstellingen. Wijs Rectangle niet globaal opnieuw toe, maar gebruik App negeren specifiek voor de IDE: geef hem focus, open het Rectangle-menu, kies App negeren. Rectangles sneltoetsen worden dan alleen afgemeld zolang die IDE op de voorgrond staat, en de eigen toewijzingen van de IDE werken gewoon. Schakel naar een andere app en Rectangles sneltoetsen komen automatisch terug.

Volledig-schermmodus verandert wat een venster überhaupt is. Draait je editor of terminal in native macOS-volledig-scherm (zijn eigen Space) in plaats van als een normaal gemaximaliseerd venster, dan gelden Rectangles verplaats-naar-scherm- en formaataanpassingsacties niet zoals bij een app in vensterweergave, volledig-scherm-apps zijn geen gewone, verplaatsbare vensters. Houd de apps die je door Rectangle wilt laten beheren in vensterweergave.

Een indeling scripten in plaats van hem handmatig opnieuw op te bouwen

Omdat Rectangle een URL-schema beschikbaar stelt, kan een vaste dagelijkse indeling worden teruggebracht tot één enkel script in plaats van elke ochtend vier aparte toetsaanslagen:

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"

Elk blok activeert een app, wacht even tot hij naar voren komt, en activeert dan de bijbehorende Rectangle-actie. Sla dit op als shellscript of koppel het aan een Keyboard Maestro-macro die door een sneltoets wordt geactiveerd, en “mijn codeer-indeling instellen” wordt één toetsaanslag in plaats van vier. Dit moet je handmatig bouwen en het past zich niet automatisch aan welk scherm er is aangesloten, dat soort activeren-bij-schermverbinding-automatisering is een ingebouwde functie in Rectangle Pro, en niet iets wat scripting in de gratis versie netjes nabootst.

Snel overzicht

Indeling	Sneltoetsen
Editor + terminal, één scherm	⌃⌥← / ⌃⌥→
Editor + terminal, ongelijke verdeling	⌃⌥E (editor) / ⌃⌥G (terminal)
Editor + terminal + browser, drie kolommen	⌃⌥D, doorschakelen met herhaald indrukken
Editor op tweede scherm	⌃⌥⌘→ dan ⌃⌥↩
Eigen sneltoetsen van IDE negeren	IDE focussen → Rectangle-menu → App negeren