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.

GraphQL queries are mostly shape, which is why they read well as an image and badly as a wrapped paragraph of text.

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

The nesting is the message. Pick a ratio tall enough that the full selection set fits without the last field being cut off.

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 pour macOS