はじめに 以下の続きで、Prisma を使って、フロント側から DB に CRUD を行うコードを書いてみましたのでその内容を記載しました。 lelelemon.hatenablog.com 全て１記事にまとめると長くなってしまうので、当記事では【検索】のサンプルコードのみ記載しま…

はじめに Jest でテストコードを作成する過程で下記の jest.config.js と babel.config.js を作成していたものの、NextJs でアプリ起動時に掲題のエラーが出てハマったのでその対応メモになります。 jest.config.js module.exports = { testEnvironment: "je…

はじめに 以下の Header コンポーネントのテストを書いて、いざ実行したところ、CSS の import 部分でエラーになってしまったのでその対応をメモしました。 SyntaxError: Unexpected token '.' > 1 | import "./css/component.css"; | ^ 2 | 3 | type Ribbon…

はじめに 個人開発で簡単なアプリを作成したりしている中で、いつもユニットテスト作成していなかったので、今回思い立って、JavaScript のユニットテストでよく使われる Jest を使ったテストコードを書いてみたメモです。 コンポーネントのテスト テスト対…

はじめに Next.js の学習をする過程で Prisma というライブラリを使って DB 操作を直感的にシンプルな記法で記述できることを知り、その際の導入と簡単な使用メモです。 当記事では、Prisma の設定ファイルの初期化〜DBにテーブル定義追加〜テーブルマイグレ…