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 […]
2025年4月27日 / 最終更新日時 : 2025年5月9日 masaakiota Drizzle 【Drizzle】Invalid URLエラーを解決する こんにちは、フリーランスエンジニアの太田雅昭です。 DrizzleでInvalid URL 下記のようなurlを使用すると、エラーになりました。 これはCloud SQLの接続名を使用しています。Drizzleはこれをパ […]
2025年4月24日 / 最終更新日時 : 2025年5月9日 masaakiota Drizzle 【Drizzle】Next.jsで既知の問題。”cloudflare:sockets” is not handled by plugins こんにちは、フリーランスエンジニアの太田雅昭です。 Next.js + Drizzle + Postgres 今回下記のエラーが出ました。 API RouteとServer Actionで上記のエラーとなっていました。 […]
2025年4月19日 / 最終更新日時 : 2025年4月19日 masaakiota Next.js 【Next.js】Can’t resolve ‘@img/sharp-libvips-dev/include’ こんにちは、フリーランスエンジニアの太田雅昭です。 環境とエラー 今回、pnpmモノレポNext.jsです。packageの一つでsharpを使っていたのですが、next devで下記のエラーとなりました。 バイナリファ […]
2025年4月13日 / 最終更新日時 : 2025年4月21日 masaakiota Next.js 【Next.js】Server ActionではCookieをsetできない こんにちは、フリーランスエンジニアの太田雅昭です。 Server ActionでのCookie set 公式では、2025年4月13日現在下記のように書かれています。 https://nextjs.org/docs/ap […]