Astro 3 への更新と View Transitions の導入

投稿日: 2023-09-09

Astro 3 への更新

Astro 3 がリリースされたということで、 Astro 3 へのアプデも兼ねて久々の更新。

Upgrade Guide が用意されていたので、読みながら更新作業をした。といっても Astro を使い倒しているわけではないので特に変更が必要な箇所はなかった。

View Transitions の導入

View Transitions が Astro 3 の目玉機能として位置付けられていそうだったので早速試してみた。

導入はすごく簡単なのに、transition がいい感じに実現されていて驚いた(この記事も View Transitions による transition が組み込まれています)。

仕組みを調べてみたら、ブラウザの View Transisions API を使っている感じらしい。

View Transisions API の Browser compatibility を見る感じ、2023/09/09 時点でこの API をサポートしている主要ブラウザは、残念ながら Chromium 系のものに限るとのこと。

そのため Astro の View Transitions がきちんと機能するのも、現状 Chromium 系のブラウザに限る模様。ただ View Transisions API がサポートされていないブラウザに対しても、fallback support やその挙動を調整する Fallback controll の機能が用意されているらしく、安心して使えそうな感じだった。