View Transitions APIによるスムーズなページ遷移をNext.jsで簡単に試す

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/iz_pixel

44 usersがブックマークコメント

コメント

1

記事へのコメント1件

注目コメント
新着コメント

yarumato “現在Chrome 111以降で実装されている遷移のアニメーションを行うブラウザーAPI。従来のSPAでページ遷移アニメーションする際、DOMの追加、削除、遷移中のキャンセル対応が煩雑になりがち。このAPIがカバーしてくれる”

2023/04/16 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

View Transitions APIによるスムーズなページ遷移をNext.jsで簡単に試す

はじめにこんにちは、ziと申します。今回は、発表からしばらく経ってしまいましたが、View Transition... はじめにこんにちは、ziと申します。今回は、発表からしばらく経ってしまいましたが、View Transitions APIを使ったNext.jsでのスムーズなページ・UI遷移を目指して、実装してみます。 ※もし間違いやより良い実装方法など見つけましたら、ご指摘ください！ 🙇‍♂️ 今回実装した最終成果はこちらです。また、コードはこちらにあります。 View Transitions APIとは？ View Transitions APIとは、2023年4月11日現在Chrome 111とOpera 97(pre-release)以降で実装されている遷移のアニメーションを行うブラウザーAPIです。下記は、MDNからの引用です。 View transitions are a popular design choice for reducing users' cognitive load,

ブックマークしたユーザー

techtech05212024/06/07
emmeleia2023/06/08
yohfee2023/04/26
midas365452023/04/20
hazeblog2023/04/18
montdsichel2023/04/18
tomo000002023/04/17
share_stream2023/04/17
mytechnote2023/04/17
toshikish2023/04/17
asyst2023/04/17
kkeisuke2023/04/17
yo_waka2023/04/16
Hiro_Matsuno2023/04/16
CLSmooth2023/04/16
yug12242023/04/16
ledlizerd2023/04/16
threeMonths2023/04/16

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx