Next.jsのLayoutにpropsを渡したい

はじめに BB.excite事業部でエンジニアをしている小川です。 はじめに注意書きですが、本記事ではNext.js 12.x の Layouts機能を取り扱います。 Next.jsのPages Routerには同じ要素を再利用するための機能としてLayoutパターンが用意されています。 また、La…

Next.js × Tailwind CSS環境でswiperのスタイルをカスタマイズする

はじめに ブロードバンド事業部の小川です。 Next.js × Tailwind CSS環境でカルーセルを導入する手段としてswiperを選択したのですが、 その際Swiper.jsに対してスタイルの当て方で迷うことがあったので解決方法をご紹介していきます。 基本的にTailwind CSS…

/etc/hostsを書き換えたのにロールバックされる問題の環境別対処法まとめ

はじめに ブロードバンド事業部の小川です。 /etc/hostsを書き換えたのに時間経過で元に戻ってしまう現象を mac / windows / wsl2 の環境で確認したので、それぞれの対処法をご紹介したいと思います。 あくまで自分の環境で起きた問題なので、異なる原因で発…

Next.jsのv13でnext/imageにstyle propが追加されたので消えたプロパティの代替を考える

これは エキサイトホールディングス Advent Calendar 2022 の22日目の記事です。 2022年10月にNext.jsのv13がリリースされてnext/imageの仕様が変わり、style propが追加されたことでいくつかのプロパティが削除されました。 今回は失われたプロパティをv13…

axios通信時にNuxt.jsのローディングアニメーションを実装する

Nuxt.jsでaxios通信時にローディングアニメーションを表示する方法をご紹介します。