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年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 […]
2025年4月13日 / 最終更新日時 : 2025年4月13日 masaakiota Next.js 【Next.js】mjmlが沼りそうなのでReact Emailに変える話 こんにちは、フリーランスエンジニアの太田雅昭です。 mjml mjmlは、htmlメールの作成を簡単にするためのライブラリです。 Next.jsでエラー mjmlをNext.jsのサーバーサイドで使用したかったのですが、 […]
2025年4月3日 / 最終更新日時 : 2025年4月3日 masaakiota React 【React】useSWRImmutableの罠。ページ遷移 こんにちは、フリーランスエンジニアの太田雅昭です。 useSWRImmutable useSWRImmutableは、swrライブラリで使える関数です。通常はuseSWRを使いますが、データ更新したくない時などに使用しま […]
2025年3月26日 / 最終更新日時 : 2025年5月23日 masaakiota React 【AgGrid】Custom Edit Componentを作成する【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 AgGridのCustom Edit Component AgGridでは、カスタムの編集コンポーネントを作成できます。ただもともと情報が少ない上に、バージョンアップで […]
2025年3月21日 / 最終更新日時 : 2025年5月23日 masaakiota React 【AgGrid】任意のレコードを常に最下部に固定する【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 AgGridReactのソート AgGridReactでは、フィールドごとのソート機能があります。とても便利ですが、任意のレコードを常に上部あるいは下部に表示させたいと […]