GraphQLのチュートリアルやった2018/12/27こんにちは。最近よく見るGraphQLって何なのかなー?と思って、公式チュートリアルをやってみたメモです。Serverあと詳細な入門は、昨日はてブに上がってたこちらの記事のを読まれた方が良いと思います。APISQLと名前が近そうだからサーバー操作と関係しているのかな?と思ったんですが、そうじゃなくてAPIのためのクエリー言語だそうです。実際にチュートリアルをやってみると、サーバーに関しては特に何も書いてなくて、そこは好きな実装してねってことみたいです。HTTPのエントリーポイントがGraphQLを使ったものになります。特定のプログラミング言語に限定されているわけではないので、色々な言語でのライブラリが用意されています。Code今回はJavaScriptを使ったものになります。Middlewareをみてみます。localhost:4000/graphql');スキーマというのがGraphQLの型を定義している部分です。みていただくとわかると思うのですが、今回はデモデータと実装という部分で単純に文字列と数値を返しているだけです。チュートリアルではこんな感じにコードが書いてあります。実際の案件で使うときはこの実装部分で、サーバーとのつなぎこみを書いてあげれば良いということになります。それではターミナルから実行します。していたので、これが立ち上がりました。Enterを押すと上のキャプチャと同じような状態になります。GraphQLのクエリを入力したら、サーバーから実際のデータが送られてきた状態です。クライアント側さきほどはGraphiQLエディタからデータを見てみました。今度はブラウザからアクセスしてみます。ブラウザからアクセスする場合は特別なライブラリは必要なく、fetchでできます。(対応してないブラウザの場合は適当なライブラリ使ってください)せっかくexpressサーバーを使っているので、htmlにアクセスできるようにします。フォルダにある静的なリソースにアクセスできるようになりました。コマンドを立ち上げなおしてください。アクセスすると以下のConsoleが出力されます。APIと違って、情報の取得をGETじゃなくてPOSTで行っています。いうと、後から出てくるデータの新規作成/更新もPOSTで行います。今回は長くなったのでここまでです。こんな感じにチュートリアルを続けるとデータの種類や更新方法なんかが手短に知ることができたので、おすすめです。このブログでも続きを書くかも。LINEスタンプ作りました!毎日使える。プログラミングこのブログについてこんにちは。フロントエンドエンジニアです。自作のiPhoneアプリを作っています。