GUIでGraphQLスキーマを作成できるIDE「GraphQL Editor」

GraphQL Editor
https://graphqleditor.com/

GraphQL Editorの特徴

「GraphQL Editor」は、GUIでGraphQLスキーマを作成できるIDEです。

https://github.com/graphql-editor/graphql-editor/
なおこちら、オープンソースとしても公開されており、ライクが4kを超えるほど人気のプロジェクトになっています。

スキーマを作成する

まずはプロジェクトを作っていきます。フリープランでは、Publicプロジェクトになりますので管理に注意してください。

実際にスキーマも作成していきます。まずはtype（型）を指定。

続いてtypeが持つフィールドを追加します。

するとこのように、グラフィカルなスキーマとコードが自動生成されます。

作成したtypeは、オブジェクトとして指定することも可能。

本番では、このような複雑なスキーマ定義になっていきますが、視覚化されることでかなり管理がしやすくなります。

プライス

気になるお値段ですが、1ネームスペース・2つのパブリックプロジェクトまでは無料で利用できます。

ロードマップも公開されていますが、GraphQLからバックエンドを構築するなど、なかなか野心的なプロジェクトで今後に期待です。

GraphQL Editor
https://graphqleditor.com/