前回に引き続き 前回までで、データ一覧を表示するところはできました。 今回は最終仕上げ、一覧から編集ボタンを押し、データの編集画面に移動し、データの修正・削除。 一覧から、新規データ作成ボタンを押し、データの新規作成。 細かく説明すると非常に時間がかかるので、ソースコードを貼り付けるのをメインにします。 この記事は５回に分けて連載する、第５回の記事です。 ・第１回 Apollo Serverが動くところまで ・第２回 Apollo Server配下で、GraphQLを使って商品マスターにアクセスする ・第３回 フロントエンドをReact＋Redux＋graphql-requestを使って実装す…

前回に続いて さて、ここからが本番です。本来ならば Apollo Clientを使うべきなのかもしれませんが、 私の個人的な見解では Apollo Client は相当使いづらいです。 なので、 graphql-request というパッケージを使って、 GraphQLの QueryとMutaionを行います。 サーバーサイドは GraphQLのリクエストさえ飛んでくれば処理できるのでそれで問題なしです！ 私はこのやり方が非常に気に入っています。 この記事は５回に分けて連載する、第４回の記事です。 ・第１回 Apollo Serverが動くところまで ・第２回 Apollo Server配下で…

前回に続いて 前回までの記事でApolloServer配下でGraphQLが動作し、GraphQL APIというか、GraphQL クエリ言語で、商品テーブルのデータ登録、読み込みができるようになったので、今回はフロントエンドをReact+Reduxで組み始めるところを説明します。Reactはそれほどでもないのですが、Reduxのことをわかっていないとナンノコッチャよく分からんということになると思いますので、各自Reduxの予習はみっちりしてください。 この記事は５回に分けて連載する、第３回の記事です。 ・第１回 Apollo Serverが動くところまで ・第２回 Apollo Server…

はじめに GraphQL使ってみたいなぁ。調べたところ、GraphQLをサーバーサイドで実装しているのはRubyとnodejs。検索結果の量で比べるとnodejsの方が多い。とくにApollo を使った記事が多い。 ということで、サーバーサイドはApolloでGraphQLを実装し、フロントもApollo Clientで、と行きたいところなのですが、私が調べて実際使ってみたところ、Apollo Client＋Reactは色々制約があって使いづらい。もう少し突っ込んで調べたところ、GraphQLサーバーに QueryとMutaionのリクエストを行える、graphql-requestという np…