GraphQL スキーマを図にして、状況をわかりやすくしよう - ┗┐＜(՞ਊ՞)＞┌┛

GraphQL で開発していくと、GraphQL スキーマが膨らんでいきます。また GraphQL スキーマは分割できますが、これを進めるとどのフィールドがどこと関係しているのか、追うのが難しくなってきます。 そこで GraphQL スキーマを図にして追ってみようと思うわけです。図に吐き出してくれるツールとしては Graphqlviz があり、npm でインストールしてターミナルでスキーマを指定してコマンド叩けば簡単に図にできます。 github.com ただし複雑なスキーマをこれで単純に描画すると凄まじい事になり、例えば GitHub GraphQL API の パブリックスキーマ に対し生成を試みると、 これは一部抜粋ですが、これだけでもまさに混雑的リレーションの小宇宙という感じで追うのが不可能です。ちなみに単純に GitHub GraphQL API の パブリックスキーマを npx

[hitode909]

GraphQLのスキーマはhairyなほうが良いって説があって、可視化するとごちゃごちゃのほうがあちこち開通してて便利なのかも https://graphql-rules.com/rules/relations-hairy-graphql

[mizdra]

良い