この記事はNuxt.js #2 Advent Calendar 2018の18日の記事です。 前の記事はNuxtでApolloを使わずにGraphQLを扱ってみる です。GraphQLの記事が続きますね。 はじめに 近年、GraphQLの知名度も上がり、RESTfulAPI に疲弊したプロジェクトがGraphQLを採用することが多くなっていると感じます。 GraphQLの詳しい説明は省略しますが、データ読み込みのquery, データ書き込みのmutation、リアルタイム接続のsubscriptionがあります。 query, mutationに比べてsubscriptionについての記事が少ないと感じたため、この記事ではSubscriptionを使用した簡単なチャットをNuxt.jsで作成します。 Demo 画面上は一般的なチャットですが、GraphQLのSubscriptionを使用し
![GraphQL と Nuxt.js でチャットを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/47ba3e4fea737cd5688382a5fa7a8fa7d74dc319/height=288;version=1;width=512/https%3A%2F%2Fv2.aintek.xyz%2Faintek_2.png)