Navigation API とは？

従来はHistory APIというものを使ってたんだよ。history.pushState()でURLだけ書き換えて、コンテンツの差し替えはJavaScriptで手動でやる、という感じだったんだ。

そうだよ！Navigation APIはHistory APIの後継として設計されたもので、window.navigation というオブジェクトを通じてページ遷移を管理できるんだ。2023年頃にChromeが実装し始めて、徐々に普及してきたよ。

一番大きいのは navigate イベントだよ。ユーザーがリンクをクリックしたり、ブラウザバックをしたりするたびにこのイベントが発火して、event.intercept()で遷移をインターセプトできるんだ。ローディング中の処理や非同期データ取得を自然に書けるんだよ。

その通り！たとえばページ遷移前にAPIからデータを取得して、完了してからDOMを更新する、みたいな流れをすっきり書けるんだよ。スクロール位置のリセットやフォーカス管理も組み込みでサポートしていて、アクセシビリティへの配慮も楽になるんだ。

Navigation APIはあくまでブラウザの低レベルAPIだから、フレームワークがその上で実装するイメージだよ。ただ、ライブラリに頼らずネイティブに近い実装ができるようになるから、軽量なSPAを作るときには直接使えるね。まだFirefoxの対応待ちの部分もあるから、プロダクション利用はポリフィルも確認してからがいいよ。