2025年7月14日 / 最終更新日時 : 2025年7月15日 masaakiota Next.js 【Jotai】useHydrateAtomでもHydration failedする場合【Next.js】 こんにちは、フリーランスエンジニアの太田雅昭です。 JotaiのuseHydrateAtom Jotaiは、Reactで使える状態管理ライブラリです。サーバーデータからクライアントに渡す際に、useHydrateAtom […]
2025年7月5日 / 最終更新日時 : 2025年7月5日 masaakiota JavaScript/TypeScript 【TypeScript】有効にすべきオプションまとめ こんにちは、フリーランスエンジニアの太田雅昭です。 TypeScriptのオプション TypeScriptでは、tsconfig.jsonで様々なオプションを指定できます。中には互換性を重視して、デフォルトでは無効になっ […]
2025年7月4日 / 最終更新日時 : 2025年7月4日 masaakiota Node.js 【Turborepo】遅延起動、A待ち=>B起動を考える【persistent】 こんにちは、フリーランスエンジニアの太田雅昭です。 Turborepoでの遅延起動 Turborepoでは、dependsOnを指定することで、起動待ちを実装することが可能です。ただし、これはpersistent=fal […]
2025年7月1日 / 最終更新日時 : 2025年7月1日 masaakiota React 【React】デザインライブラリを用途別に比較してみる こんにちは、フリーランスエンジニアの太田雅昭です。 Reactのデザイン周り Reactには色々なライブラリがあります。その中で下記をピックアップしました。 この他にもPandaCSSも検討してみたのですが、どうもCSS […]
2025年6月30日 / 最終更新日時 : 2025年6月30日 masaakiota Node.js 【NPM】モノレポスコープ @xxx をどうするか問題 こんにちは、フリーランスエンジニアの太田雅昭です。 モノレポのスコープ問題 モノレポの場合、パッケージ毎にpackage.jsonを使用します。その際にnameを指定するのですが、下記が理想です。 大規模なプロジェクトな […]
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年6月7日 masaakiota Drizzle 【Drizzle】Cloud SQLにMigrationする【Github Actions】 こんにちは、フリーランスエンジニアの太田雅昭です。 Drizzle DrizzleはTypeScriptのDBライブラリです。ローカルでは通常pushを使いますが、本番ではgenerateとmigrateを使用するかと思 […]