GraphQL

Générateur d’images de code GraphQL

Transformez vos extraits GraphQL en images que l’on a envie de partager, sans quitter votre Mac.

Une requête GraphQL est surtout une forme, ce qui explique qu'elle se lise bien en image et mal en paragraphe de texte replié.

Codeshot détecte GraphQL à partir du code que vous collez : aucun sélecteur de langage à se tromper. Voici le même extrait dans trois des 30 thèmes fournis, rendus avec les feuilles de style de l’app.

query Snapshots($theme: String!, $limit: Int = 10) {
  snapshots(theme: $theme, first: $limit) {
    edges {
      node {
        id
        theme
        exportScale
      }
    }
  }
}
Atom One · sombre
query Snapshots($theme: String!, $limit: Int = 10) {
  snapshots(theme: $theme, first: $limit) {
    edges {
      node {
        id
        theme
        exportScale
      }
    }
  }
}
GitHub · sombre
query Snapshots($theme: String!, $limit: Int = 10) {
  snapshots(theme: $theme, first: $limit) {
    edges {
      node {
        id
        theme
        exportScale
      }
    }
  }
}
Panda Syntax · sombre

Choisir un thème pour GraphQL

L'imbrication est le message. Choisissez un format assez haut pour que l'ensemble de la sélection tienne sans que le dernier champ soit coupé.

Trouver la bonne taille

Laissez l’image suivre votre contenu ou fixez un rapport — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — puis exportez en 1×, 2× ou 3× pour qu’elle reste nette sur un écran retina. Copiez-la dans le presse-papiers avec C ou enregistrez avec S.

Voyez les 30 thèmes côte à côte ou lisez le déroulé complet.

Conçu pour GraphQL et 59 autres langages

Tout tourne sur votre Mac. Votre code ne le quitte jamais.

Télécharger