ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

そんなGraphQLのスキーマをWeb上で設計できるのがGraphQL Editorです。

GraphQL Editorの使い方

まずはUserTypeを作成。

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

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

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

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

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

GraphQL Editor - Create backends from GraphQL schema

graphql-editor/graphql-editor: GraphQL Visual Node Editor

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2