TypeScriptでGraphQLのお勉強③

 久しぶりの更新です。前回のを踏まえてデータベース必須ということで、データベースをバックエンドにしてGraphQLのQueryとMutationを中心に試してみた。動くかどうかは定かではないもののsubscriptionも追加はしています。

特にprismaで色々と嵌りました。テストコードとかも勉強してみたかったのでjestとかも組み込んでみました。

それとDocker使ってバックエンドを切り替えられるようにしてみました(ここでも嵌りました)。prismaでmigrationする際に切替が効くので、GraphQLをお気軽に試せる環境は準備できたかなと思ってます。あと、nodeもコンテナにしているので一々、環境を作らなくてよくなったので少し楽かなというところです。

稚拙ながらconsole.logにクエリーのリクエストとエラー時のログを吐き出すようにしています。dockerなのでログよりは標準出力の方がいいかなと思ってこうしてます。

後はどこかのサイトからパクったもののオンパレードです。ChatGPTとかGeminiにフル稼働してもらいました。自分はほとんど何もできていなくて退化しているのを感じる一方です。

config配下のdata.tsとcondition.ts、graphqlの箇所とprisma配下のスキーマ定義をいじればいい塩梅に色々と変更できるのではないかなと勝手に考えています。

備忘録かねて一式GitHubに保存してます。

https://github.com/Otazoman/graphql-db-example/tree/main

やってみてまだまだ、勉強が必要と痛感させられました。ひとまずバックエンドのGraphQLの原理は朧気ながら把握できたと思うのでいよいよ本丸のAPPSyncをやっていくか、フロントエンドとの連結をどうしていくかの学習進めるか悩みどころです。