＃開発者のためのWeb開発基礎の概念 >AIでコードを作成しましたが、これをどのように世界に公開しますか？ > >この記事は、開発経験のない方が「配布」までの旅を理解するのを助けるために書かれています。 --- ##目次 1. [全体構造一目で見る](#1-全体-構造-一目で見る) 2. [クライアントとサーバー] (#2-クライアントと-サーバー) 3. [フロントエンドとバックエンド](#3-フロントエンドと-バックエンド) 4. [データベース](#4-データベース) 5. [ファイルストレージ](#5-ファイル-ストレージ) 6. [ネットワークとHTTPS](#6-ネットワークと-https) 7. [SSRとCSR](#7-ssrと-csr) 8. [インフラとは？](#8-インフラとは) 9. [配布とは？](#9-配布とは) 10. [Vercel - 配布を簡単に](#10-vercel---配布を-簡単に) --- ## 1. 全体構造を一目で見る Webサービスは**レストラン**に似ています。まず、全体の写真を見て始めましょう。 ```merm
＃開発者のためのWeb開発基礎の概念 >AIでコードを作成しましたが、これをどのように世界に公開しますか？ > >この記事は、開発経験のない方が「配布」までの旅を理解するのを助けるために書かれています。 --- ##目次 1. [全体構造一目で見る](#1-全体-構造-一目で見る) 2. [クライアントとサーバー] (#2-クライアントと-サーバー) 3. [フロントエンドとバックエンド](#3-フロントエンドと-バックエンド) 4. [データベース](#4-データベース) 5. [ファイルストレージ](#5-ファイル-ストレージ) 6. [ネットワークとHTTPS](#6-ネットワークと-https) 7. [SSRとCSR](#7-ssrと-csr) 8. [インフラとは？](#8-インフラとは) 9. [配布とは？](#9-配布とは) 10. [Vercel - 配布を簡単に](#10-vercel---配布を-簡単に) --- ## 1. 全体構造を一目で見る Webサービスは**レストラン**に似ています。まず、全体の写真を見て始めましょう。 ```merm
