Vue.jsをフロント、GraphQLをバックエンドに使って簡単なTODOアプリを実装してみたのでステップを詳細に説明します。 完成したコードは以下のgithubのレポジトリから取得できます。 https://github.com/moksahero/vue-appsync-basic GraphQLバックエンドはAWS AppSyncにした理由 GraphCoolや自前でGraphQLを立てる方法などGraphQLバックエンドの構築方法は多くありどれにしようかなと悩んでいました。今回はAWSのAppSyncを使ってバックエンドを構築することにしましたが、その理由は… 理由1: serverlessでお手軽に構築が可能 AppSyncのAPIの構築にはAWSコンソールから数クリックで初期の構築は終了します。 理由2:動作が安定している GraphQLはデータの書き込みや読み出しに失敗する事