barba.js v2で非同期遷移し遷移時のアニメーションをつけてGTMでGA設定までやってくよ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

バックエンドに転身してもフロントエンドのお仕事も引き続きするハルです。今回はフロントエンドの記事を書きます。 Webサイトで非同期遷移をし、切り替えアニメーションをつけたいときに使えるライブラリのbarba.jsのv2を紹介したいと思います。 ※非同期遷移については、こういう動きをするものだよーというみやさんの記事がありますのでご参照ください（今回紹介する技術が使われているものではありません）。 barba.js v2 https://barba.js.org/ 以前、v1も使ったことがあったんですが v2を触ってみて、記述方法と変わっていたので導入方法の紹介をします。また、アニメーションの設定時にだいたいこんな感じにすればいいというのがわかったので、そこもまとめていきたいと思います。 barba.js v2 の注意点 対象ブラウザに制限があり対応する場合、ポリフィルを使用する必要がありま

[daizo1117]

“import barba from '@barba/core';”