Next Link使用時にlazysizesでの画像更新ができない場合の対応方法
先日、lazysizesで画像を遅延読み込みさせる対応を行ったが、next/linkを使ってページ遷移をせずに動的にページ内のコンテンツを書き換えている場合に画像が更新されない現象が発生した。
調べてみるとlazysizes attribute changeという公式プラグインが用意されていたのでこれを使って解決できた。
Related #js
Next.jsのPreview Mode時はAnalyticsを無効化する
cookieの__next_preview_dataキーで判定
next.jsにtailwindcssを導入する
VSCodeのTailwind CSS IntelliSense拡張が便利
Alexaに気温と二酸化炭素濃度を教えてもらう
「Alexa、気温」でセンサー情報を教えてくれるようになった
ESLintでimport文を自動で並べ替える
eslint-plugin-simple-import-sortを使う