業の本道へ 理で仕組みを見る:クラウドはどこにあるのか
1
LPを1枚、デプロイする
自分で書く(AI は家庭教師)
この段で作る成果物
HTML/CSS/JS だけで作って公開(静的配信・CDN を体感)
いまは素の JS。あとで React/Next を学ぶと、これの“何を楽にしてるか”が腹落ちする。
自己紹介 LP を1枚だけ作り、URL で公開する。フレームワークは使わず HTML/CSS/JS だけ。“作ったものが世界に出る”を最短で体験する。
手順
- 1index.html を作る:見出し・自己紹介文・リンク(GitHub や SNS)を素の HTML で
- 2style.css で最低限の見た目を整える(余白・色・中央寄せ)
- 3静的ホスティング(例:Cloudflare Pages)にアップして公開
- 4発行された URL を実際に踏んで、他人の端末からも見えるか確認
ここは自分で持つ(設計・全体把握)
- 何を載せる LP か(目的・伝えたいこと)
- HTML の骨格の意味(見出し=h1、段落=p、リンク=a が“何を表すか”)
- 公開したファイルが CDN からどう届くか(0段目の地図とつなげる)
AI の使い方自分で書く(AI は家庭教師)
コードは写経せず自分で書く。詰まったら“このタグは何のため?”“なぜ動かない?”と理由を AI に聞く(家庭教師として使う)。
できたら
- スマホからも自分の LP が開ける
- HTML の各要素が“なぜそれを使うか”を説明できる