例えば、ナビゲーションリンクがクリックされたり、サーバーから更新がプッシュされたりといった何らかのイベントに応答して、新しいコンテンツを取得して DOM を更新する機能を SPA に含めることができます。この基本的なビュートランジションのデモでは、クリックされたサムネイルに基づいて新しいフルサイズの画像を表示する displayNewImage() 関数に単純化しました。これを updateView() 関数内にカプセル化し、ブラウザーの対応している場合にのみビュートランジション API を呼び出すようにしています。 function updateView(event) { // <a> と <img> のどちらにイベントが発生するかの違いを扱う const targetIdentifier = event.target.firstChild || event.target; const