Skip to content

ルーティングの基礎

知識課題

知識課題1

  • MPA (Multi-Page Application) の概念とその基本的な動作について説明してください。
  • SPA (Single-Page Application) の概念とその基本的な動作について説明してください。

知識課題2

  • ReactのようなSPAにおいて、クライアントサイドルーティングを実現するライブラリ(例: React Router)が必要となる理由について説明してください。
  • 従来のWebサイト(サーバーサイドルーティング)と比較し、SPA + クライアントサイドルーティングの構成がもたらすメリットとデメリットを、技術的な観点とユーザー体験の観点から考察してください。
  • ブラウザが標準で提供するページ遷移(例: <a> タグによる画面遷移)と、React Routerを用いたページ遷移には、具体的にどのような違いがありますか?

実践課題

  • 以下のReact Router公式チュートリアル(Address Book)を最後まで実施し、動作するアプリケーションを完成させてください。
  • 完成後、作成したコードを提出してください。
  • 補足: チュートリアルを進める中でSSR(サーバーサイドレンダリング)など、現時点で理解が難しい概念に触れるかもしれませんが、今回の課題では深く理解する必要はありません。まずはクライアントサイドルーティングの基本的な仕組みとReact Routerの使い方を理解することに焦点を当ててください。

参考資料