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/


コメントを読む

新着ピック  






















新着ニュース

VR風俗サービス「X-Oasis」、クラウドファンディング開始 運営「性のイメージを一変できる価値ある」

ラズベリーパイ財団が8GBのメモリー搭載のRaspberry Pi 4を発表 | TechCrunch Japan

HP、次世代VRヘッドセット「Reverb G2」発表--Valveやマイクロソフトと提携

テスラの取締役会がイーロン・マスク氏の750億円超の報酬を承認 | TechCrunch Japan

YouTube の英語音声をリアルタイムで文字起こししたくて Amazon Transcribe で試してみた | Developers.IO

G6G4+CJ Delhi, India、グーグルのアドレスシステムPlus CodesでGoogleマップ上で容易に場所を共有可能に | TechCrunch Japan

電動スクーターのGogoroが電動自転車ブランドEeyoを発表、まずは米国で発売 | TechCrunch Japan

LINE、オンライン診療サービスを今夏リリース LINE Pay連携や予約機能も検討 「医療格差を是正する」

ElastiCacheでメモリ一斉開放はどのくらいCPU使用率が上がるのか検証してみた | Developers.IO

SpaceXが宇宙船スターシップのテスト飛行許可を米航空宇宙局から取得 | TechCrunch Japan

【小ネタ】[Amazon Connect] 複数のブロックを選択して纏めて移動できるようになりました | Developers.IO

オープンハウス、オンライン接客もできる住宅ショールームをオープン

2020年Q1のウェアラブル機器、トップはApple Apple Watchの供給不足をAirPodsが補う

「Googleマップ」Androidアプリ、「Plus Codes」で位置情報の共有を容易に

AlteryxのPythonツールで自作のスクリプトを使いたい | Developers.IO

ファッション系ECの販売・在庫・データ分析の統合管理システム「BRANDIT system」、アイテムごとの一元管理が可能に | TechCrunch Japan

[小ネタ]CodePipeline上でシンボリックリンクを利用していたコードが想定外の動きをした話 | Developers.IO

武田薬品からカーブアウトしたファイメクスが約5.5億円調達、タンパク分解誘導剤の研究開発加速へ | TechCrunch Japan

Windowsが圧倒的? 課題はネットワーク? ICT教育の現状と課題、先端事例

6700億円赤字の日産自動車 待ったなしの「選択と集中」、その中身とは?

もっと見る
記事をPICKする
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。