2024年5月6日 / 最終更新日時 : 2024年5月6日 admin React（主にNext.jsとMaterial UI） Next.jsで遷移時にDOMが書き換わらず、画面全体が書き換わる Context APIかRedux等を使って値を保持しようしたら、毎回初期化されたので原因を調べました。 その過程で、遷移時に画面全体が書き変わっている（普通の遷移やリロードと同じ状態）になっている事に気付いたので、メモ […] Material UINext.js
2024年3月9日 / 最終更新日時 : 2024年3月10日 admin React（主にNext.jsとMaterial UI） Next.jsにreact-toastify導入して、背景色をMaterial UIのテーマと揃える Nuxt.js(Vue)でも導入したtoastを導入します。 → Nuxt BridgeをNuxt3に移行。vue-toast-notificationかvue-toastificationを導入 やはり、背景色はMat […] Material UINext.jstoast
2024年1月28日 / 最終更新日時 : 2024年1月28日 admin React（主にNext.jsとMaterial UI） Next.jsのserverRuntimeConfigとpublicRuntimeConfigの違い→廃止？ serverRuntimeConfigとpublicRuntimeConfigの違いを調べてみたのでメモしておきます。 Server Componentsでは呼び出せましたが、そもそも廃止されているようなので、代わりの方 […] ConfigNext.js
2024年1月26日 / 最終更新日時 : 2024年5月5日 admin React（主にNext.jsとMaterial UI） Next.jsのESLintを強化する。@typescript-eslint/recommendedとrulesを追加 少し書いてみて、constの再代入や再定義で警告が出なかったり、インデントのズレやconsole.logに警告が出なかったりしたので、Nuxt.js(Vue)で実装した時と同じになるように調整してみました。 → Nuxt […] ESLintNext.js
2024年1月21日 / 最終更新日時 : 2024年5月6日 admin React（主にNext.jsとMaterial UI） Next.jsにi18n導入。next-intlで多言語化してみる 多言語化しなくても、辞書ファイルがあると良く使う文言を共通化できるので便利です。 まだ多言語化は必要なかったけど、ルーティングとセットで語られているので、導入して好みの挙動（/はデフォルト言語、/en等は英語等）になるよ […] i18nMaterial UINext.js
2024年1月17日 / 最終更新日時 : 2024年1月17日 admin React（主にNext.jsとMaterial UI） Material UI(MUI)でuse clientを外す。Unhandled Runtime Errorの対応 SSR(Server Side Rendering)を採用したのに、静的な内容でも’use client’を付けないとエラーになったので、試行錯誤。結果、原因が特定できたのでメモしておきます。 M […] Material UINext.js
2024年1月15日 / 最終更新日時 : 2024年5月6日 admin React（主にNext.jsとMaterial UI） React事始め：フレームワークとUIコンポーネントライブラリ選定＋トップページ実装 昨年はサービスのフロントをVueで作ったり、Vue.js＋Nuxt.js＋Vuetifyを3系にバージョンアップしたり、JestをVitestに切り替えたりと、個人開発のみならず仕事でもフロントはVueをかなり使いました […] Material UINext.js