業の本道へ
0

作る前に:どこで動く?

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

この段で作る成果物

クライアント → CDN →(のちに BFF)→ バックエンド、の全体像を1枚で掴む

コードを書く前に、これから作るものが“どこで動くか”の地図を持つ。全体像がないまま作ると、後で必ず迷子になる。

手順

  1. 1紙かメモに、ブラウザ →(CDN)→(のちに BFF)→ バックエンド、の一本線を描く
  2. 2自分がこれから作る LP が、その線の“どこ”に置かれるかに印をつける
  3. 3「URL を打つと何が起きるか」を、その線に沿って言葉で説明してみる

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

  • 全体像(リクエストが端末から戻ってくるまでの流れ)
  • 自分の成果物が“どこで動くか”の位置づけ

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

この段はまだ手を動かさない。わからない用語(CDN・オリジン等)の“なぜ・何のため”を AI に質問して、地図の解像度を上げる。

できたら

  • リクエストの流れを、見ずに口で説明できる
  • 自分の LP が置かれる場所を線の上で指させる
で仕組みを見る:URLを打ってから表示されるまで