層1〜4 › 全体像
全体像
ひとことで言うと
このセクションは、コンテンツ駆動型Webサイトを作るのに何が必要かを、目的・役割・製品・機能の4つの層に分けて示します。EmDashは層3の製品の1つで、コンテンツを管理する役割を担います。
図：4つの層
図のテキストを読む
flowchart TD
L1["層1 目的<br/>コンテンツ駆動型Webサイト"] --> L2["層2 必要な役割<br/>ページを作る・コンテンツを管理する・サイトを動かす"]
L2 --> L3["層3 製品<br/>Astro・EmDash・Cloudflare"]
L3 --> L4["層4 機能と手順<br/>ドキュメント84ページ"]
L1 -.- P1["/overview/content-driven/"]
L2 -.- P2["/overview/roles/<br/>/overview/cms-types/<br/>/overview/rendering/<br/>/overview/hosting/"]
L3 -.- P3["/overview/astro-emdash-cloudflare/<br/>/overview/ai-and-cms/<br/>/learn/"]
L4 -.- P4["/docs/"]
図の補足
- 層1〜3は全体像セクション（/overview/）、層3の入門は入門セクション（/learn/）、層4はドキュメント（/docs/）で扱います。
- 全体像セクションの各ページは、冒頭に「いまどの層の話か」を表示します。
| 層 | ページ | 分かること |
|---|---|---|
| 層1 目的 | コンテンツ駆動型Webサイトとは | Astroが対象にするサイトと、Webアプリケーションとの違い |
| 層2 必要な役割 | サイトを作る3つの役割 | ページを作る・コンテンツを管理する・サイトを動かすの分担 |
| 層2 必要な役割 | CMSの方式の違い | EmDash、ファイルで管理する方式、別サービスのヘッドレスCMSの違い |
| 層2 必要な役割 | ページを作るタイミング | 事前に描画するページとアクセス時に描画するページの違い |
| 層2 必要な役割 | サイトを動かす場所 | Node.jsのサーバーとCloudflare Workersの違い |
| 層3 製品 | Astro・EmDash・Cloudflareの関係 | 3つの製品の役割と提供元 |
| 層3 製品 | 生成AIとCMS | AIがEmDashを操作する仕組み（MCP、CLI、Agent Skills） |