2025年7月14日 / 最終更新日時 : 2025年7月15日 masaakiota Next.js 【Jotai】useHydrateAtomでもHydration failedする場合【Next.js】 こんにちは、フリーランスエンジニアの太田雅昭です。 JotaiのuseHydrateAtom Jotaiは、Reactで使える状態管理ライブラリです。サーバーデータからクライアントに渡す際に、useHydrateAtom […]
2025年7月1日 / 最終更新日時 : 2025年7月1日 masaakiota React 【React】デザインライブラリを用途別に比較してみる こんにちは、フリーランスエンジニアの太田雅昭です。 Reactのデザイン周り Reactには色々なライブラリがあります。その中で下記をピックアップしました。 この他にもPandaCSSも検討してみたのですが、どうもCSS […]
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を使いますが、データ更新したくない時などに使用しま […]