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
2023年12月31日 / 最終更新日時 : 2023年12月31日 admin AWS(Amazon Web Services) ECS(Fargate)でアプリサーバー(Rails)の前にWebサーバー(Nginx)を入れる ECS(Fargate)でECRにpushしたRailsアプリを動かす では簡単にする為、ALB経由で直接Rails(Unicorn)にアクセスするようにしました。 テストや社内利用ならばこれでも問題ないのですが、大量の […] ALBDockerECRECSFargate
2023年12月30日 / 最終更新日時 : 2023年12月30日 admin Vue.js（主にNuxt.jsとVuetify） Vuetify3のv-data-tableの開閉(expand)で複数行の表示・非表示を切り替える Vuetify2で作成した、v-data-table：ボタンクリック(expand)で複数行の内訳の表示・非表示を切り替える をVuetify3で動くように直します。 Slots（Vuetify2ではexpanded-i […] Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年12月13日 / 最終更新日時 : 2023年12月17日 admin AWS(Amazon Web Services) ECS(Fargate)でECRにpushしたRailsアプリを動かす ALB -> ECS(Fargate) -> RDS, EFS, SES という構成でRailsアプリを動かしてみます。 ※間にNginxや、手前にWAFも入れた方が、ベストですが、それはまた後日。 Clou […] ALBECRECSEFSFargateRDSSES
2023年11月30日 / 最終更新日時 : 2023年11月30日 admin Vue.js（主にNuxt.jsとVuetify） pageからlayoutに値を渡す。useStateが便利！ ページのタイトルを画面に表示する場合、layoutで共通化する事が多いと思います。 Vue2(Nuxt2)では、EventBusを使っていましたが、Vue3では削除されました。 外部ライブラリ（mittやtiny-emi […] Nuxt3Nuxt3移行Vue3バージョンアップ
2023年11月29日 / 最終更新日時 : 2023年12月2日 admin Ruby on Rails Ruby3.2.2/Rails7.0（WebpackerからSprocketsに移行）とGemをバージョンアップ Ruby3.1.4から3.2.2へ、Rails6.1から7.0へのバージョンアップと、 WebpackerからSprocketsに移行したので手順をメモしておきます。 Rails7.1にしなかったのでは、現段階でDevi […] Devise Token AuthDockerwebpackバージョンアップ環境構築
2023年11月27日 / 最終更新日時 : 2023年11月27日 admin Vue.js（主にNuxt.jsとVuetify） generate後、デプロイしてもページが表示されない（entry.jsのパスが変になった） 現象1 画面は真っ白で、ブラウザコンソールに下記が表示されました。 Failed to load module script: Expected a JavaScript module script but the se […] Nuxt3yarn環境構築