# サービス別の構成例 — 同じ部品の組み合わせ方

> レベル: 初級 ／ 対象: 大人
> 出典: Kotowary — https://kotowary.com/learn/units/web-examples?level=beginner&audience=adult
ここまでの部品（フロント・API・バック・DB・キャッシュ・ストレージ・キュー・CDN）を、実際のサービスに当てはめてみましょう。どれも**同じ部品の組み合わせ方が違うだけ**です。

## 例1: SNS・チャット

1. 投稿する → **フロント**→**API**→**バック**→**DB**に保存
2. 添付の画像は → **ストレージ**に保存（DBにはURLだけ）
3. タイムラインは何度も見られる → **キャッシュ**に載せてDB往復を減らす
4. 「いいね通知」など → すぐ返さなくていいので**キュー**で後処理
5. アイコン・CSS・JS → **CDN**で近くから配信

## 例2: ネットショップ

1. 商品ページ（みんな同じ）→ **CDN・キャッシュ**で高速化
2. 在庫・注文・会員 → **DB**で正しく管理
3. 支払い → 自前で持たず、**外部の決済API**に委ねる
4. 注文確定後のメール送信・集計 → **キュー**で後回し

## どのサービスも同じ発想

- **読み（見る）が多い** → キャッシュ・CDN で軽くする
- **書き（変える）の正しさが大事** → DB とトランザクション
- **重い処理・急な増加** → キューで後回し、サーバを増やす

サービスの性質で「**どの部品を厚くするか**」が変わるだけ、と分かると、初めて見る構成図も読めるようになります。

## ⚠️ サービス特有のボトルネック

- **動画配信** — ストレージと配信（CDN）、変換処理（キュー）が主役で重い
- **SNS** — 大量のタイムライン生成が重い（キャッシュ設計が肝）
- **ネットショップ** — 在庫の同時購入など、正しさ（整合性）が難所