GraphQL のクエリはほぼ「形」です。だから画像ではよく読め、折り返された文章としては読みにくいのです。
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に合うテーマ選び
入れ子こそがメッセージです。最後のフィールドが切れないよう、選択セット全体が入る高さの比率を選んでください。
サイズを正しく決める
画像サイズを内容に合わせるか、比率で固定します（1:1、4:3、3:2、16:9、9:16、2:3、3:4）。そのうえで1×・2×・3×から選んで書き出せば、Retinaディスプレイでも鮮明なままです。⌘⇧Cでクリップボードに直接コピー、または⌘Sで保存できます。
30種類のテーマを見比べるか、全体の流れをご覧ください。
GraphQLと、ほかの59言語のために
すべてMac上で動作します。コードが外に出ることはありません。