2025年9月14日 / 最終更新日時 : 2025年9月14日 masaakiota React 【Jotai】useHydrateAtomsを毎回発火させる こんにちは、フリーランスエンジニアの太田雅昭です。 useHydrateAtoms useHydrateAtomsはServerからClientに簡単にデータを渡せる関数です。useEffectや待機処理を別途書く必要が […]
2025年9月13日 / 最終更新日時 : 2025年9月13日 masaakiota React 【nuqs】server, clientで共通の設定を作る こんにちは、フリーランスエンジニアの太田雅昭です。 nuqs nuqsは、URLのクエリパラメータを簡単に扱えるようにするライブラリです。2025年9月13日現在多くのスポンサーとコントリビューターが参加しています。 h […]
2025年9月11日 / 最終更新日時 : 2025年9月12日 masaakiota React 【React】データ更新時にスクロールを固定する こんにちは、フリーランスエンジニアの太田雅昭です。 更新の前後でスクロール位置の固定 スクロール位置を固定するには、単純に考えれば以下のような流れとなります。 しかし実際はReactだとレンダリングのタイミングなども考慮 […]
2025年7月14日 / 最終更新日時 : 2025年7月15日 masaakiota Next.js 【Jotai】useHydrateAtomでもHydration failedする場合【Next.js】 こんにちは、フリーランスエンジニアの太田雅昭です。 JotaiのuseHydrateAtom Jotaiは、Reactで使える状態管理ライブラリです。サーバーデータからクライアントに渡す際に、useHydrateAtom […]
2025年7月1日 / 最終更新日時 : 2025年8月10日 masaakiota React 【React】デザインライブラリを比較して見る こんにちは、フリーランスエンジニアの太田雅昭です。 Reactのデザイン周り Reactには色々なライブラリがあります。その中で下記をピックアップしました。整理しきれていないのはご容赦ください MUI MUIはマテリアル […]
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で直感的にステートを定義・ […]
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で下記のエラーとなりました。 バイナリファ […]