Rectangle per sviluppatori: layout per IDE, terminale e browser che funzionano
Gran parte del lavoro di sviluppo ruota intorno alle stesse tre o quattro finestre: un editor o un IDE, un terminale, un browser per la documentazione o un’app in esecuzione, e a volte un’app di messaggistica che si cerca di ignorare. Il set di scorciatoie predefinito di Rectangle app si adatta perfettamente a questa rotazione, senza bisogno di nulla di più di quello che offre già l’app gratuita. Qui trovi i layout che vale la pena conoscere e i problemi specifici che emergono con gli strumenti di sviluppo.
Un solo monitor: due finestre
Il caso più semplice e più comune. L’editor occupa la metà che guardi di più; il terminale o la documentazione l’altra:
- ⌃⌥← — l’editor nella metà sinistra
- ⌃⌥→ — il terminale o il browser nella metà destra
Se la divisione 50/50 risulta stretta per l’editor (una lamentela comune su uno schermo da 13-14 pollici, dove un editor di codice vuole più spazio orizzontale di un terminale), ingrandisci un lato un paio di volte con ⌃⌥= (Ingrandisci) invece di passare a un layout completamente diverso. Non esiste un’azione integrata per “metà 60/40”; usare Ingrandisci/Rimpicciolisci su una finestra già divisa a metà è il modo per avvicinarsi a quel risultato.
Un solo monitor: tre finestre
È qui che i terzi si guadagnano il loro posto rispetto alle metà. Una divisione ragionevole:
- ⌃⌥E (primi due terzi) — l’editor, dato che il codice beneficia della larghezza più di un terminale
- ⌃⌥G (ultimo terzo) — il terminale
Questo dà all’editor due terzi dello schermo e al terminale un terzo, entrambi raggiungibili da tastiera senza trascinare alcun divisore. Se preferisci tre colonne all’incirca uguali, fai scorrere una finestra con ⌃⌥D (primo terzo); premerlo di nuovo sulla stessa finestra passa al terzo centrale, poi all’ultimo terzo, e posiziona editor, terminale e browser ciascuno in una delle tre posizioni.
Due monitor: la configurazione tipica dello sviluppatore
Con un display esterno collegato a un portatile, una divisione tipica:
- Editor massimizzato (⌃⌥↩) sul display esterno: lo schermo più grande e nitido merita ciò che guardi tutto il giorno.
- Terminale in metà o un terzo del display esterno se vuoi vederlo accanto all’editor, oppure spostato sullo schermo del portatile con ⌃⌥⌘← se preferisci riservare il display esterno a una sola app.
- Browser o documentazione sullo schermo del portatile, massimizzato o diviso a metà con un’app di messaggistica.
Se cambi spesso quale app si trova su quale schermo, ad esempio quando presenti lo schermo del portatile mantenendo appunti sul display esterno, Display successivo e Display precedente spostano la finestra attiva senza doverla trascinare di nuovo, il che è più veloce di un trascinamento manuale una volta acquisita la memoria muscolare.
Punti di attrito noti specifici per gli strumenti di sviluppo
App di terminale e ridimensionamento per larghezza di carattere. Per impostazione predefinita, iTerm2 si ridimensiona solo a incrementi di intere larghezze di carattere invece che in pixel arbitrari, il che significa che la metà o il terzo calcolato da Rectangle mac può risultare leggermente diverso da quello che otterresti con un’app grafica normale. La correzione documentata:
defaults write com.googlecode.iterm2 DisableWindowSizeSnap -integer 1
Riavvia iTerm2 dopo averlo eseguito. Il Terminale di Apple stesso presenta lo stesso comportamento di arrotondamento senza che sia attualmente documentata una correzione equivalente, secondo lo stesso maintainer di Rectangle app; se per te conta avere dimensioni del terminale precise al pixel, iTerm2 con questa impostazione applicata si comporta in modo più prevedibile rispetto a Terminale.
IDE con proprie scorciatoie da tastiera. VS Code, gli IDE JetBrains e strumenti simili usano spesso combinazioni Control + Opzione per i propri comandi (navigare tra i pannelli, scorciatoie di refactoring), il che può entrare in collisione con le impostazioni predefinite di Rectangle app. Invece di riassegnare Rectangle a livello globale, usa Ignora app specificamente sull’IDE: portalo in primo piano, apri il menu di Rectangle, scegli Ignora app. Le scorciatoie di Rectangle si disattivano allora solo finché quell’IDE è in primo piano, e le combinazioni proprie dell’IDE funzionano normalmente. Passa a un’altra app e le scorciatoie di Rectangle tornano automaticamente.
La modalità schermo intero cambia cosa sia davvero una finestra. Se il tuo editor o terminale funziona in modalità schermo intero nativa di macOS (il proprio Spazio) invece che come una normale finestra massimizzata, le azioni di Rectangle per spostarsi tra display e ridimensionare non si applicano come farebbero con un’app in modalità finestra; le app a schermo intero non sono normali finestre spostabili. Mantieni in modalità finestra le app che vuoi che Rectangle gestisca.
Scriptare un layout invece di ricostruirlo a mano
Dato che Rectangle espone uno schema URL, un layout quotidiano fisso può essere ridotto a un unico script invece di quattro pressioni da tastiera separate ogni mattina:
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"
Ogni blocco attiva un’app, attende brevemente che passi in primo piano, poi attiva l’azione Rectangle corrispondente. Salva questo come script di shell oppure collegalo a una macro di Keyboard Maestro attivata da una scorciatoia, e “imposta il mio layout di lavoro” diventa una singola pressione di tasto invece di quattro. Questo va costruito manualmente e non si adatta automaticamente a quale display sia collegato; questo tipo di automazione attivata al collegamento del display è una funzione integrata in Rectangle Pro, non qualcosa che lo scripting del livello gratuito riproduce in modo pulito.
Riferimento rapido
| Layout | Scorciatoie |
|---|---|
| Editor + terminale, un solo monitor | ⌃⌥← / ⌃⌥→ |
| Editor + terminale, divisione asimmetrica | ⌃⌥E (editor) / ⌃⌥G (terminale) |
| Editor + terminale + browser, tre colonne | ⌃⌥D, scorri con pressioni ripetute |
| Editor sul secondo display | ⌃⌥⌘→ poi ⌃⌥↩ |
| Ignora le scorciatoie proprie dell’IDE | Porta in primo piano l’IDE → menu Rectangle → Ignora app |