GraphQL Editor - Webブラウザ上でGraphQLを設計 // MOONGIFT Archived

GraphQLではAPIをスキーマとして表現します。データベースのテーブルと対になることも多いですが、それ以外のデータも扱えます。また、すべてのカラムを公開すれば良いわけではないので、入力制御も必要でしょう。そんなGraphQLのスキーマをWeb上で設計できるのがGraphQL Editorです。

GraphQL Editorの使い方

まずはUserTypeを作成。

別なタイプを要素に指定できます。

スキーマの確認もできます。

スキーマはオープンなものもあります。例えばこれはTwitter風。

GraphQL Editorはカラムがノードに紐付く形で表現されています。大型なスキーマになると広がりすぎてしまう懸念もありますが、折りたたみも使いながら設計を行うと良いでしょう。

GraphQL EditorはTypeScript製のオープンソース・ソフトウェア（MIT License）です。