はやおのページ

Yamada Hayao

タグ一覧に戻る

ブログをNext 15+ESLint v9に移行した話

#React #ESLint #TypeScript

私のこのブログを先日リリースされたNext 15 + React 19 + ESLint v9に移行しました。 ## パッケージ更新何も考えず[ncu](https://www.npmjs.com/package/npm-check-updates)で[エイヤ](https://github.com/yamader/minskey/commit/887ff6d2f14df24b14631d67bfecfad8fe94ac6e)しました。 ## Next 15 Next 15はいくつかの破壊的変更が含まれていますが、そこまで大きなものはありませんでした。コンポーネントのProps

個人的ESLintとPrettierの最適解2024

#ESLint #Prettier #React #TypeScript

ネットでTSやJSのフォーマッタやリンタについてググってると、結構色々な記事が乱立していて情報が錯綜しているので、色々試行錯誤した中で確立した自分の中の最適解をメモとして残しておきます。 ## EsLintとPrettierの関係と基礎知識そもそもリンターであるESLintとフォーマッターであるPrettierは全くの別物で、本来なら一緒に設定する必要はないはずです。ということで、まずは役割を確認します。リンターはバグの原因になるような良くないコードや、古い書き方などに対して警告を表示するものです。一方でフォーマッタはコードの内容を評価するのではなく、あくまでもコードの整形を行