レストラン(サーバー)を用意して、住所(ドメイン)を決め、電話帳(DNS)に住所を登録する。
その店舗運営を貸しギャラリー(Firebase Hosting)に任せると、管理の手間なく誰でも来られるお店が完成します。
「山田さんに電話したい」→ 電話帳(DNS)で電話番号(IPアドレス)を調べる →
番号に電話する(サーバーに接続する)→ 山田さんが出る(サーバーがデータを返す)→ 会話成立(ブラウザが表示)
使いたい時だけ電源を入れる。
シャットダウンしたらアクセス不可。
自分だけの「自炊キッチン」。
| 特徴 | 内容 |
|---|---|
| 稼働時間 | 使う時だけ |
| アクセス | 自分だけ |
| 目的 | 個人の作業 |
中身は皆さんが使っているPCと同じ。
違いは24時間つけっぱなしで、
誰からのアクセスにも応答できること。
| 特徴 | 内容 |
|---|---|
| 稼働時間 | 24時間365日 |
| アクセス | 世界中の誰でも |
| 目的 | データを「サーブ(提供)」する |
会社にサーバー用のPCを置いて、電気・空調・セキュリティを全部自分で管理。壊れたら自分で修理。
| 課題 |
|---|
| 高価な機器を自社で購入・保有 |
| 専任の管理者が必要 |
| 壊れたら自分で修理 |
| 急なアクセス増に対応しにくい |
Xserverやさくらサーバーなどの会社が管理しているPCを「必要な分だけ借りる」仕組み。自分でPCを用意する必要なし。
| メリット |
|---|
| 初期費用なし、使った分だけ支払い |
| 管理はサーバー会社にお任せ |
| 壊れても自動で代替機に切り替え |
| アクセス増に合わせて簡単に拡張 |
サーバーの本当の場所は数字の羅列(IPアドレス)で表されます。
例:203.0.113.42
これを覚えてアクセスするのは現実的ではありません。
数字の代わりに意味のある名前でアクセスできます。
例:gonmura.jp
| 日常 | インターネット |
|---|---|
| 東京都渋谷区○○1-2-3 | IPアドレス(数字) |
| 「渋谷スクランブル交差点」 | ドメイン名(覚えやすい名前) |
| お店の看板 | ドメインのブランド価値 |
「gonmura.jp」という名前を「203.0.113.42」という数字(IPアドレス)に変換してくれる仕組みです。
電話帳が「山田さん」→「090-xxxx-xxxx」に変換するのと同じ役割です。
サーバーはレストランのようなもの。「この料理(ページ)をください」という注文に応じて、キッチンで準備して提供してくれます。
あらかじめ作っておいたページをそのまま返す。このポータルサイトもこの形式。高速で安価。
アクセスのたびにサーバーが内容を組み立てて返す。ログイン状況や個人情報に合わせた表示が可能。
データベースはレストランの食材庫のようなもの。ユーザー情報・注文履歴・商品情報などを、棚ごとにきちんと分類して保管しています。
「サーバーがレストランなら、データベースは食材庫」
| 保存されているデータの例 | 食材庫での場所 |
|---|---|
| ユーザー情報(名前・メール・パスワード) | 「ユーザー」棚 |
| 注文履歴(日時・商品・金額) | 「注文」棚 |
| 商品情報(名前・価格・在庫数) | 「商品」棚 |
サーバーの中は「ホール・キッチン・食材庫」の3つが連携して動いています。
注文を受け → 料理を作り → 材料を取り出す、この流れがWebサービスの基本構造です。
Webサービスを公開するには、サーバー(PC)を用意して、ドメイン(住所)を取得して、DNS(電話帳)に登録して、通信の安全対策もして…。
これを全部自分でやるのは、レストランの物件探し・内装・看板・電話帳登録・防犯カメラ設置を全部1人でやるようなものです。
| やること | 自分でやる場合 |
|---|---|
| サーバー(PC)の用意 | レンタルサーバーを契約して設定 |
| ドメイン取得 | ドメイン会社で購入・設定 |
| DNS設定 | ドメインとサーバーを紐づける |
| 通信の安全対策 | 証明書を取得して設定 |
| サーバーの管理 | 障害対応・アップデートを自分で |
物件探し・内装・看板・電話帳登録・防犯カメラ…全部やってくれる「フランチャイズ本部」のようなもの。
あなたは「料理(Webサイト)を作る」ことだけに集中すればOKです。
| やること | 自分でやる場合 | Firebase Hosting |
|---|---|---|
| サーバーの用意 | レンタルサーバー契約・設定 | 自動で用意される |
| ドメイン設定 | ドメイン会社で購入・設定 | URLが自動発行される |
| DNS設定 | 手動で紐づけ作業 | 自動で設定される |
| 通信の安全対策 | 証明書を取得・設定 | 自動で鍵マーク付きに |
| 障害対応・管理 | 24時間自分で監視 | Googleが24時間管理 |
この研修サイトも同じ仕組み(Cloudflare Pages)で公開されています。 もっと詳しく知りたい方は バックエンド基礎研修 ��参照してください。
PC でご覧ください
このスライドはPC画面(横向き)での閲覧を推奨しています。