業の本道へ
1

LPを1枚、デプロイする

自分で書く(AI は家庭教師)

この段で作る成果物

HTML/CSS/JS だけで作って公開(静的配信・CDN を体感)

いまは素の JS。あとで React/Next を学ぶと、これの“何を楽にしてるか”が腹落ちする。

自己紹介 LP を1枚だけ作り、URL で公開する。フレームワークは使わず HTML/CSS/JS だけ。“作ったものが世界に出る”を最短で体験する。

手順

  1. 1index.html を作る:見出し・自己紹介文・リンク(GitHub や SNS)を素の HTML で
  2. 2style.css で最低限の見た目を整える(余白・色・中央寄せ)
  3. 3静的ホスティング(例:Cloudflare Pages)にアップして公開
  4. 4発行された URL を実際に踏んで、他人の端末からも見えるか確認

ここは自分で持つ(設計・全体把握)

  • 何を載せる LP か(目的・伝えたいこと)
  • HTML の骨格の意味(見出し=h1、段落=p、リンク=a が“何を表すか”)
  • 公開したファイルが CDN からどう届くか(0段目の地図とつなげる)

AI の使い方自分で書く(AI は家庭教師)

コードは写経せず自分で書く。詰まったら“このタグは何のため?”“なぜ動かない?”と理由を AI に聞く(家庭教師として使う)。

できたら

  • スマホからも自分の LP が開ける
  • HTML の各要素が“なぜそれを使うか”を説明できる
で仕組みを見る:クラウドはどこにあるのか