2024年2月15日 / 最終更新日時 : 2024年7月25日 masaakiota Next.js 【Next.js】実行時の環境変数をクライアントで使いたい（NEXT_PUBLIC_不使用） こんにちは、フリーランスエンジニアの太田雅昭です。 2024/07/25追記 下記の方法は、結局うまくいきませんでした。正常に動作すると思っていたら、急に不具合が出たりします。Next.jsは子コンポーネントからレンダリ […]
2024年1月30日 / 最終更新日時 : 2024年1月30日 masaakiota dnd kit 【dnd-kit】DndContextを入れ子にすると、親には伝わらない こんにちは、フリーランスエンジニアの太田雅昭です。 dnd-kit dnd-kitは、ドラッグ&ドロップを簡単に実装できるライブラリです。 Contextを入れ子にすると、親には伝わらない 公式でも入れ子にする事 […]
2024年1月25日 / 最終更新日時 : 2024年1月25日 masaakiota Next.js 【Next.js】NextRouter was not mounted. こんにちは、フリーランスエンジニアの太田雅昭です。 時々やってしまうこの問題。 useRouterはnext/navigationからimportする 今私が使ってるNextはv14なのですが、その場合useRouter […]
2024年1月13日 / 最終更新日時 : 2024年1月13日 masaakiota MUI 【MUI】CircularProgressはパーセント指定すると揺れる こんにちは、フリーランスエンジニアの太田雅昭です。 CircularProgressに%でsize指定してみる CircularProgressのsizeにはパーセントでも指定できます。 こうすると確かに、パーセント計算 […]
2024年1月11日 / 最終更新日時 : 2024年1月11日 masaakiota dnd kit 【dnd kit】ドラッグ時に隠れてしまう問題 こんにちは、フリーランスエンジニアの太田雅昭です。 dnd-kit dnd-kitは、Reactでドラッグ&ドロップを簡単に実装できるようになるライブラリです。 ドラッグ要素が隠れてしまう問題 ドラッグした対象が […]
2024年1月11日 / 最終更新日時 : 2024年1月11日 masaakiota dnd kit 【dnd kit】MUIとの組み合わせでドラッグできない問題 こんにちは、フリーランスエンジニアの太田雅昭です。 dnd kit dnd kitはドラッグ&ドロップを簡単に実装できるライブラリです。ソートもできるようですので、導入しました。 MUIと組み合わせた不具合 当該 […]
2024年1月5日 / 最終更新日時 : 2024年1月13日 masaakiota MUI 【MUI】Selectで初期値が表示されない問題 こんにちは、フリーランスエンジニアの太田雅昭です。 MUI Selectで初期値が表示されない問題 今回、このような問題に直面しました。MUIのSelectで初期値がなぜか表示されないというものです。 これでdetail […]
2023年10月31日 / 最終更新日時 : 2023年10月31日 masaakiota Next.js 【Next.js】存在するファイルでModule Not Foundエラー こんにちは、フリーランスエンジニアの太田雅昭です。 存在するのにNot Foundと言われる 例えば以下のような記載をしたとします。 当然のことながら、Orange.tsxファイル内の記述が正しければ、このimport文 […]
2023年10月27日 / 最終更新日時 : 2023年10月27日 masaakiota React 【React】useState使用時に画面が一瞬消える問題 こんにちは、フリーランスエンジニアの太田雅昭です。 今回は、useStateで値を更新した時に、なぜか画面がチラつく現象が起きましたので、その解決方法を共有させていただきます。 ちらつくコード 以下のコードで、画面がちら […]
2023年10月23日 / 最終更新日時 : 2024年1月13日 masaakiota MUI 【MUI】動作がおかしい時に試してみること こんにちは、フリーランスエンジニアの太田雅昭です。 MUIの動作がおかしい MUIに限った話ではないのかもしれませんが、検証する時間がないためMUIで話をさせていただきます。 例えば以下のようなコンポーネントを作成したと […]