← レベル6 – プロジェクトリード

レッスン 1/8 ⏱ 20 分 無料プレビュー

プロジェクトからプロダクトへ

本番公開に必要なことを知り——自分のローンチを計画。

今は自分にしかサイトが見えない

正直に言うと:サイトは素晴らしいけど、localhost か変な名前の GitHub Pages アドレスで動いてる。プロジェクトボス がそれを変える。このレベルの終わりには、サイトが:

これ全部で 本番デプロイ——プロジェクトを本当に人が使うプロダクトに。

見てみよう:プロジェクトとプロダクトの違い

プロジェクト(今)プロダクト(レベル6後)
localhost:3000自分のドメイン
「うちのPCでは動く」みんな、いつでも動く
手動アップロードpush = 自動デプロイ
誰が見てるか不明訪問者数が分かる
http鍵付き https
💡

なぜ production? プログラマーは環境を分ける:development(自分のPC、壊してOK)と production(ライブサイト、世界が見る)。プロの格言:「金曜午後に production を触るな。」 🙂

やってみよう 💪:ローンチを計画

良いボスは計画から。書き留め(プロジェクトに LAUNCH.md):

  1. 何をローンチするか – 1文で、サイトが何をして誰向けか。
  2. 夢のアドレス – ドメイン案3つ(後で空きを確認)。
  3. 誰が使うか – クラスメイト? 保護者? クラブ?
  4. ローンチ日に動くべきもの – 最重要3つ。
🏫 学校サイト——計画例

ローンチ:時間割、イベント、写真付き学校サイト。アドレス:ourschool.commyschool-site.com。ユーザー:保護者とクラスメイト。必須:時間割、連絡先、フォトギャラリー。

🙋 個人サイト——計画例

ローンチ:自分のポートフォリオ。アドレス:jakebuildswebsites.comjake-smith.com。ユーザー:友達、いつか雇い主。必須:自己紹介、プロジェクト、連絡先。

🌍 旅行日記——計画例

ローンチ:地図付き旅行日記。アドレス:ourtrips.comfamily-on-the-road.com。ユーザー:家族と友達。必須:地図、最新の旅行、写真。

⚽ クラブサイト——計画例

ローンチ:ユースチームサイト。アドレス:hawkseagles.comyoungeagles.com。ユーザー:保護者、選手、相手。必須:試合日程、メンバー、グラウンド地図。

確認: 4パート全部入った LAUNCH.md がある。production の意味と、このレベルで来ることが分かる。

このレッスンのまとめ