2025年6月17日 / 最終更新日時 : 2025年6月17日 masaakiota Drizzle 【Drizzle】ReferenceError: Cannot access ‘xxx’ before initialization こんにちは、フリーランスエンジニアの太田雅昭です。 DrizzleのSchema管理 Drizzleはスキーマとリレーションをそれぞれファイルに分けて管理することがあるかと思います。 上記構成の場合、それぞれのファイルで […]
2025年6月14日 / 最終更新日時 : 2025年6月14日 masaakiota Electron 【electron-trpc】Cannot read properties of undefined (reading ‘serialize’) こんにちは、フリーランスエンジニアの太田雅昭です。 electron-trpcでエラー 下記のエラーがでました。 かなりすったもんだした挙句、trpcのバージョンによるものだとわかりました。具体的には、electron- […]
2025年6月12日 / 最終更新日時 : 2025年6月12日 masaakiota JavaScript/TypeScript 【TypeScript】Zodのbrandでパスワード漏洩を防いだり色々する こんんちは、フリーランスエンジニアの太田雅昭です。 Zod Zodは実行時に型を保証するためのライブラリです。TypeScriptは通常、実行前の型を保証しますが、実行時には検証を行いません。そのため思わぬデータが入って […]
2025年6月7日 / 最終更新日時 : 2025年6月7日 masaakiota Drizzle 【Drizzle】Cloud SQLにMigrationする【Github Actions】 こんにちは、フリーランスエンジニアの太田雅昭です。 Drizzle DrizzleはTypeScriptのDBライブラリです。ローカルでは通常pushを使いますが、本番ではgenerateとmigrateを使用するかと思 […]
2025年6月6日 / 最終更新日時 : 2025年6月6日 masaakiota Node.js 【sharp】リサイズ後もmetadataが更新されない問題【Node.js】 こんにちは、フリーランスエンジニアの太田雅昭です。 sharp sharpは、Node.jsで使える画像処理ライブラリです。リサイズ含め様々な処理が簡単に実装できます。 遭遇した問題 今回、sharpを用いてウォーターマ […]
2025年6月3日 / 最終更新日時 : 2025年6月3日 masaakiota Next.js 【Next.js】Cursorでターミナルからファイルジャンプできなくなる問題【App Route】 こんにちは、フリーランスエンジニアの太田雅昭です。 Next.jsのApp Route Next.jsのApp Routeでは、下記のようなパスを使えます こうしたディレクトリ構成にした場合、[locale]部分をpag […]
2025年5月30日 / 最終更新日時 : 2025年6月13日 masaakiota React 【Jotai】ZustandよりJotaiが優れている部分 こんにちは、フリーランスエンジニアの太田雅昭です。 Jotai Jotaiは、Reactのための軽量なステート管理ライブラリです。atomと呼ばれる単位を使用して状態を管理します。最小限のAPIで直感的にステートを定義・ […]
2025年5月22日 / 最終更新日時 : 2025年5月23日 masaakiota React 【AgGrid】数値フィールドのIME対策【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 AgGridの数値フィールド AgGridでは、テーブルを直接編集する機能があります。編集のためのコンポーネントはtext, numberなどを指定できます。 このnu […]
2025年5月22日 / 最終更新日時 : 2025年5月23日 masaakiota React 【React】数字フィールドでIME日本語入力を攻略する こんにちは、フリーランスエンジニアの太田雅昭です。 数字フィールドでのIME 通常、数字入力には下記を使用します。 しかしIMEがオンになってると意図しない挙動になったりします。 onChangeのみでのカーソル問題 t […]
2025年5月9日 / 最終更新日時 : 2025年5月9日 masaakiota Drizzle 【Drizzle】withやcolumnを反映した型を使う こんにちは、フリーランスエンジニアの太田雅昭です。 Drizzleでの型 DrizzleはTypeScriptに対応しています。ただ比較的新しいライブラリのためか、型が若干弱いです。Prismaなら簡単に作れる型でも、D […]