Rectangle pour développeurs : des dispositions IDE, terminal et navigateur qui fonctionnent

La plupart du travail de développement tourne autour des trois ou quatre mêmes fenêtres : un éditeur ou un IDE, un terminal, un navigateur pour la documentation ou une app en cours d’exécution, et parfois une app de messagerie qu’on essaie d’ignorer. L’ensemble de raccourcis par défaut de Rectangle app s’adapte parfaitement à cette rotation, sans rien de plus que ce que propose déjà l’app gratuite. Voici les dispositions qui valent la peine d’être connues, et les problèmes précis qui surviennent avec les outils de développement.

Un seul écran : deux fenêtres

Le cas le plus simple et le plus courant. L’éditeur prend la moitié que vous regardez le plus ; le terminal ou la documentation prend l’autre :

• ⌃⌥← — l’éditeur dans la moitié gauche
• ⌃⌥→ — le terminal ou le navigateur dans la moitié droite

Si le partage 50/50 semble étroit pour l’éditeur (une plainte courante sur un écran de 13-14 pouces, où un éditeur de code veut plus de largeur qu’un terminal), agrandissez un côté quelques fois avec ⌃⌥= (Agrandir la taille) plutôt que de basculer vers une disposition complètement différente. Il n’existe pas d’action intégrée « moitiés 60/40 » ; utiliser Agrandir/Réduire sur une fenêtre déjà en moitié permet de s’en approcher.

Un seul écran : trois fenêtres

C’est là que les tiers deviennent plus pertinents que les moitiés. Une répartition raisonnable :

• ⌃⌥E (deux premiers tiers) — l’éditeur, car le code profite davantage de la largeur qu’un terminal
• ⌃⌥G (dernier tiers) — le terminal

Cela donne à l’éditeur deux tiers de l’écran et au terminal un tiers, les deux accessibles au clavier sans avoir à glisser un séparateur. Si vous préférez trois colonnes à peu près égales, faites défiler une fenêtre avec ⌃⌥D (premier tiers) ; l’appuyer à nouveau sur la même fenêtre passe au tiers central, puis au dernier tiers, et placez l’éditeur, le terminal, et le navigateur chacun dans l’une des trois positions.

Deux écrans : la configuration classique du développeur

Avec un écran externe connecté à un portable, une répartition typique :

• L’éditeur agrandi (⌃⌥↩) sur l’écran externe, le plus grand écran, le plus net, mérite ce que vous regardez toute la journée.
• Le terminal dans une moitié ou un tiers de l’écran externe si vous voulez le voir à côté de l’éditeur, ou déplacé vers l’écran du portable avec ⌃⌥⌘← si vous préférez réserver l’écran externe à une seule app.
• Le navigateur ou la documentation sur l’écran du portable, agrandi ou partagé en deux avec une app de messagerie.

Si vous échangez fréquemment quelle app se trouve sur quel écran, par exemple en présentant l’écran de votre portable tout en gardant des notes sur l’écran externe, Écran suivant et Écran précédent déplacent la fenêtre active sans avoir à la glisser de nouveau, ce qui va plus vite qu’un glisser manuel une fois que vous avez cette mémoire musculaire.

Points de friction connus propres aux outils de développement

Les apps de terminal et le redimensionnement par largeur de caractère. Par défaut, iTerm2 ne se redimensionne que par incréments de largeurs de caractère entières plutôt qu’en pixels arbitraires, ce qui veut dire que la moitié ou le tiers calculé par Rectangle mac peut se retrouver légèrement décalé par rapport à ce qu’on obtiendrait avec une app graphique classique. Le correctif documenté :

defaults write com.googlecode.iterm2 DisableWindowSizeSnap -integer 1

Redémarrez iTerm2 après l’avoir exécuté. Le Terminal.app d’Apple lui-même présente le même comportement d’arrondi, sans correctif équivalent actuellement documenté selon le mainteneur même de Rectangle app ; si un dimensionnement de terminal précis au pixel près compte pour vous, iTerm2 avec ce réglage se comporte de façon plus prévisible que Terminal.app.

Les IDE avec leurs propres raccourcis clavier. VS Code, les IDE JetBrains, et des outils similaires utilisent souvent des combinaisons Control + Option pour leurs propres commandes (naviguer entre les panneaux, raccourcis de refactorisation), ce qui peut entrer en collision avec les valeurs par défaut de Rectangle app. Plutôt que de réassigner Rectangle globalement, utilisez Ignorer l’app spécifiquement sur l’IDE : donnez-lui le focus, ouvrez le menu de Rectangle, choisissez Ignorer l’app. Les raccourcis de Rectangle se désenregistrent alors uniquement tant que cet IDE est au premier plan, et les combinaisons propres à l’IDE fonctionnent normalement. Passez à une autre app et les raccourcis de Rectangle reviennent automatiquement.

Le mode plein écran change la nature même d’une fenêtre. Si votre éditeur ou terminal tourne en plein écran natif macOS (son propre Espace) plutôt que comme une fenêtre normale agrandie, les actions de déplacement vers un autre écran et de redimensionnement de Rectangle ne s’appliquent pas comme pour une app en mode fenêtré ; les apps en plein écran ne sont pas des fenêtres déplaçables ordinaires. Gardez en mode fenêtré les apps que vous voulez que Rectangle gère.

Scripter une disposition plutôt que la reconstruire à la main

Comme Rectangle expose un schéma d’URL, une disposition quotidienne fixe peut se réduire à un seul script plutôt qu’à quatre appuis clavier séparés chaque matin :

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"

Chaque bloc active une app, attend brièvement qu’elle passe au premier plan, puis déclenche l’action Rectangle correspondante. Enregistrez ça comme script shell ou intégrez-le dans une macro Keyboard Maestro déclenchée par un raccourci, et « installer ma disposition de code » devient une seule pression de touche au lieu de quatre. C’est manuel à construire et ça ne s’adapte pas automatiquement selon l’écran connecté ; ce genre d’automatisation déclenchée à la connexion d’un écran est une fonctionnalité intégrée dans Rectangle Pro plutôt que quelque chose que le scripting du niveau gratuit reproduit proprement.

Repère rapide

Disposition	Raccourcis
Éditeur + terminal, un seul écran	⌃⌥← / ⌃⌥→
Éditeur + terminal, partage inégal	⌃⌥E (éditeur) / ⌃⌥G (terminal)
Éditeur + terminal + navigateur, trois colonnes	⌃⌥D, défiler par appuis répétés
Éditeur sur le second écran	⌃⌥⌘→ puis ⌃⌥↩
Ignorer les raccourcis propres de l’IDE	Focus sur l’IDE → menu Rectangle → Ignorer l’app