JSON valide et minifié : le workflow que les devs utilisent vraiment

Tout le monde a déjà perdu un après-midi à cause d'une virgule en trop dans un JSON. La solution n'est pas "faire plus attention", c'est automatiser la validation à chaque étape : dans votre éditeur (hooks pre-commit), en CI et — quand vous n'avez rien d'autre sous la main — dans un formateur en ligne qui valide au fur et à mesure de la saisie.

Le flux typique

1. Collez la réponse de l'API dans le formateur JSON.
2. Cliquez sur "Valider" : il vous indique si le document est correct et, sinon, la ligne et la colonne exactes de l'erreur.
3. Avec "Formater", vous l'indentez sur 2 ou 4 espaces.
4. Avant de déployer quelque chose dans un .json de production, utilisez "Minifier" pour supprimer les espaces et gagner des octets.

Minifier : combien de poids vous économisez

Espaces, tabulations et retours à la ligne représentent généralement 15 à 30 % du poids d'un JSON. Le formateur affiche les octets économisés à chaque minification. Pour aller plus loin, combinez la minification avec des noms de clés courts, sans CamelCase surchargé.

Erreurs fréquentes et à quoi elles ressemblent

• Virgule après le dernier élément — le grand classique visible dans les diffs Git.
• Guillemets doubles — JSON n'accepte pas les guillemets simples ; erreur n° 2.
• Nombres avec des zéros en tête — 01 n'est pas du JSON valide.
• Point décimal final — 1. non plus.

JSON ↔ CSV ↔ YAML

Depuis le même éditeur, vous pouvez aussi convertir dans les deux sens : JSON vers CSV (tableau d'objets → table) et JSON vers YAML (pour des configs Docker Compose, Ansible ou Kubernetes). Chaque outil respecte la syntaxe cible et vous avertit si quelque chose n'est pas convertible.

Quand le JSON est volumineux : arbre, Schema et types

Un JSON imbriqué de plusieurs centaines de lignes est difficile à lire en texte brut. L'arbre JSON le déploie en une structure repliable pour naviguer directement vers la clé recherchée, sans défilement interminable.

Si le JSON est la réponse d'une API que vous consommez en TypeScript, n'écrivez pas le type à la main : collez le JSON dans le convertisseur vers TypeScript et générez les interface automatiquement, types imbriqués résolus. Et si vous devez documenter ou valider la forme du document (pour un contrat d'API, par exemple), le générateur de JSON Schema construit le $schema à partir d'un exemple réel.

La règle d'or : valider avant d'enregistrer, minifier avant de publier.