サイト表示の図解（頭の整理用）ver1 サイトの表示

以下の記事の続きです。

今回は以下を意識して整理したいと思います。

・全体像から詳細へ落とし込んでいく
・実例を混ぜながら整理する

まずは以下の画像。
赤枠部分のユーザとサイト管理（サイト）の間を整理したいと思います。

赤枠の部分を少し細かくした図。
noteのサイト（例えばこのページ）をパソコンで表示したい場合に、
どのようにリクエストされて、レスポンス（応答）されるかを図示。

まずはユーザがリクエストしてnoteのサーバまで到達する部分の概要図

続いて、レスポンスのざっくり概要図

ある程度、概要を分割できたと思うので、次回以降はそれぞれの内容を
詳細に落とし込みたいと思います。

以上、続く。

※こういう内容知りたいとか、この内容おかしいなど、お気軽にコメントもお待ちしています。