今は自分にしかサイトが見えない
正直に言うと:サイトは素晴らしいけど、localhost か変な名前の GitHub Pages アドレスで動いてる。プロジェクトボス がそれを変える。このレベルの終わりには、サイトが:
- 自分のアドレス(
myschool.comみたいに)を持ち、 - HTTPS の鍵アイコン を持ち、
- 古いスマホでも 速く、
- GitHub に push するたび 自分で更新 される。
これ全部で 本番デプロイ——プロジェクトを本当に人が使うプロダクトに。
見てみよう:プロジェクトとプロダクトの違い
| プロジェクト(今) | プロダクト(レベル6後) |
|---|---|
| localhost:3000 | 自分のドメイン |
| 「うちのPCでは動く」 | みんな、いつでも動く |
| 手動アップロード | push = 自動デプロイ |
| 誰が見てるか不明 | 訪問者数が分かる |
| http | 鍵付き https |
なぜ production? プログラマーは環境を分ける:development(自分のPC、壊してOK)と production(ライブサイト、世界が見る)。プロの格言:「金曜午後に production を触るな。」 🙂
やってみよう 💪:ローンチを計画
良いボスは計画から。書き留め(プロジェクトに LAUNCH.md):
- 何をローンチするか – 1文で、サイトが何をして誰向けか。
- 夢のアドレス – ドメイン案3つ(後で空きを確認)。
- 誰が使うか – クラスメイト? 保護者? クラブ?
- ローンチ日に動くべきもの – 最重要3つ。
🏫 学校サイト——計画例
ローンチ:時間割、イベント、写真付き学校サイト。アドレス:ourschool.com、myschool-site.com。ユーザー:保護者とクラスメイト。必須:時間割、連絡先、フォトギャラリー。
🙋 個人サイト——計画例
ローンチ:自分のポートフォリオ。アドレス:jakebuildswebsites.com、jake-smith.com。ユーザー:友達、いつか雇い主。必須:自己紹介、プロジェクト、連絡先。
🌍 旅行日記——計画例
ローンチ:地図付き旅行日記。アドレス:ourtrips.com、family-on-the-road.com。ユーザー:家族と友達。必須:地図、最新の旅行、写真。
⚽ クラブサイト——計画例
ローンチ:ユースチームサイト。アドレス:hawkseagles.com、youngeagles.com。ユーザー:保護者、選手、相手。必須:試合日程、メンバー、グラウンド地図。
確認: 4パート全部入った LAUNCH.md がある。production の意味と、このレベルで来ることが分かる。
このレッスンのまとめ
- 本番デプロイ = 自分のアドレスに、みんながいつでも見られるサイト。
- ローンチには計画:何を、誰に、何が動くべきか。
- 次のレッスンでドメインを選んで登録。
© 2026 Ing. Martin Polak / AlgoRhino · コンテンツ利用規約