-
Next.js
Next.jsからCloudTasksにタスクを登録する
Next.js13からCloudTasksにタスクを登録する際に、ハマったので記事にします。 事前準備 CloduTasksでキューを作成 サービスアカウントにタスク追加のためのロールを追加 サービスアカウントのメール、シークレットキーを環境変数に登録 プロジェクトID、C... -
Next.js
Next.jsのuseSearchParamsの返り値をオブジェクトに変換
Next.jsのuseSearchParamsはgetAll(), keys(), values(), entries(), forEach(), toString()が用意されていますが、オブジェクトを返してくれるメソッドは用意されていません。 そのため、コンポーネントなどにパラメーターをオブジェクトとして渡したい場... -
コード
Prismaで同じテーブルに複数のリレーションを張る
ユーザーテーブルからポストテーブルに対して、 記事を書いた人 完成した記事をチェックした人 の2つのリレーションを張る方法を紹介します。 【いつも通り1対多のリレーションを複数張っても機能しない】 以下のように通常通り1対多のリレーションを張っ... -
Next.js
Next.js14のAPIの返り値が更新されない
Next.js14のAPIのリクエストヘッダーが Cache-Control:no-cache となっていましたが、返り値がキャッシュされて更新されませんでした。 その解決方法を紹介します。 【原因: キャッシュコントロールしていなかった】 apiでキャッシュコントロールを何もし... -
AWS
AWS Secrets Managerの値をECSとRDSで使う
まずはSecrets Managerでシークレットを作成して、シークレットの名前を「project/prod」として作成します。 そして、project/prodシークレットの中に環境変数を入れていきます。今回は、コンソールからシークレットの変数を保存したことを想定します。 す... -
AWS
AWS CodeBuildでprisma migrationができない
CodeBuildでprisma migrate deployを実行すると以下のエラーが出たので、解決方法を紹介します。 [Container] 2024/03/19 05:19:26.783641 Running command npx prisma migrate deploy Environment variables loaded from .env Prisma schema loaded from ... -
Next.js
useSearchParams() should be wrapped in a suspense boundary
Next.js14でuseSearchParams()を使うと以下のようなエラーが出ました。 ✓ Linting and checking validity of types ✓ Collecting page data Generating static pages (0/12) [ ] ⨯ useSearchParams() should be wrapped in a suspense boundary at page &q... -
コード
react-papaparseでshift-jisのCSVを読み込む
react-papaparseでshift-jisのCSVを読み込むと次のように日本語が文字化けしてしまします。 '�˗��ԍ�', '�⍇���ԍ�', '���Ǝ�ID', '�T� '10000000000000053035', '', '10028', '0001', '3826... -
コード
dom-to-imageで画像の大きさと質を設定する
dom-to-imageを使ってdomを画像にすると、出力される画像は大きさがそのままの大きさの画像が出力されます。 そのため、出力された画像の用途によっては 画像が小さい 画像が荒い と感じるので、画像の大きさと質の設定方法を紹介します。 【画像の大きさ... -
AWS
BUILD_CONTAINER_UNABLE_TO_PULL_IMAGE
aws CodePipelineを使って、コードをビルドする際に「BUILD_CONTAINER_UNABLE_TO_PULL_IMAGE」のエラーに遭遇したので解決方法を紹介します。 【原因: CodeBuildからリポジトリへのアクセス権限がない】 「BUILD_CONTAINER_UNABLE_TO_PULL_IMAGE」となって...