2025年7月1日 / 最終更新日時 : 2025年8月10日 masaakiota React 【React】デザインライブラリを比較して見る こんにちは、フリーランスエンジニアの太田雅昭です。 Reactのデザイン周り Reactには色々なライブラリがあります。その中で下記をピックアップしました。整理しきれていないのはご容赦ください MUI MUIはマテリアル […]
2025年6月30日 / 最終更新日時 : 2025年10月13日 masaakiota Node.js 【NPM】モノレポスコープ @repo, @localrepo こんにちは、フリーランスエンジニアの太田雅昭です。 モノレポのスコープ問題 モノレポの場合、複数ディレクトリそれぞれにpackage.jsonをおいて名前をつけます。 名前の付け方は基本的には自由です。private前提 […]
2025年6月18日 / 最終更新日時 : 2025年6月18日 masaakiota JavaScript/TypeScript 【Node.js】memoizeで手軽にメモ化する こんにちは、フリーランスエンジニアの太田雅昭です。 初期化処理 API Clientなどの初期化処理は、地味に面倒です。たとえば こう言うのは、地味に精神が削られていきます。同じようなコードを何度も書くのは、プログラマに […]
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年10月16日 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年9月17日 masaakiota React 【Jotai】ZustandよりJotaiが優れている部分 こんにちは、フリーランスエンジニアの太田雅昭です。 Jotai Jotaiは、Reactのための軽量なステート管理ライブラリです。atomと呼ばれる単位を使用して状態を管理します。最小限のAPIで直感的にステートを定義・ […]