GraphQL queries are mostly shape, which is why they read well as an image and badly as a wrapped paragraph of text.
Codeshotは貼り付けたコードからGraphQLを判別するので、言語の選び間違いは起きません。付属する30種類のうち3つのテーマで同じスニペットを、アプリ自身のスタイルシートで表示しています。
GraphQL
GraphQLコードスクリーンショット生成
GraphQLのスニペットを、Macから離れることなく共有したくなる画像に。
query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}GraphQLに合うテーマ選び
The nesting is the message. Pick a ratio tall enough that the full selection set fits without the last field being cut off.
サイズを正しく決める
画像サイズを内容に合わせるか、比率で固定します（1:1、4:3、3:2、16:9、9:16、2:3、3:4）。そのうえで1×・2×・3×から選んで書き出せば、Retinaディスプレイでも鮮明なままです。⌘⇧Cでクリップボードに直接コピー、または⌘Sで保存できます。
30種類のテーマを見比べるか、全体の流れをご覧ください。
GraphQLと、ほかの59言語のために
すべてMac上で動作します。コードが外に出ることはありません。