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

2019/12/12 11:51

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/

appstore
googleplay
会員登録
URLからPICKする

会員登録して、もっと便利に利用しよう

  • 1.

    記事をストックできる
    気になる記事をPickして、いつでも読み返すことができます。
  • 2.

    新着ニュースをカスタマイズできます
    好きなニュースフィードをフォローすると、新着ニュースが受け取れます。