Webアプリの往復

「フロントエンドとバックエンドを分ける」と言われたとき、何と何が分かれるのかが分かる状態を作るのがこの章だよ。

いま使っている Web アプリは、2種類の往復でできている。ひとつは画面の入れ物をもらう往復（HTML・CSS・JavaScript）、もうひとつは中身のデータをもらう往復（多くは JSON）。この2つを分けて見られるようになると、ページの読み込みが遅い理由も、データだけ出てこない理由も、別々に探せるようになるよ。

扱うのは3つ。2種類の往復（何がどこから来るか）、HTML はどこで作られるか（CSR・SSR・SSG の違い）、データをもらう往復（リクエストの組み立て方、サーバの中の処理順、返ってきた番号の読み方）。

このコースはコードを動かさない。本物のサーバを持っていないので、リクエストを飛ばして見せることができないからだよ。そのぶん、手を動かす前に持っておくと迷子にならない地図として書いてある。ネットワークの基礎（HTTP・DNS・ポート）は ITの基礎知識コースの第1章にあるので、そちらを先に読むと早いよ。

演習の四択は全部こちらで作ったもの（過去問ではないよ）。まちがえやすい取りちがえを選択肢に混ぜてあるので、迷った選択肢こそ読んでほしい。解説には、なぜ他の3つが違うのかまで書いてあるよ。