MODULE 01SYSTEM MAP
「Todayを開く」の裏側
Browser・Server・Databaseの役割と、Request / Responseの往復を説明できる。
STEP 1 · 図で理解YUJIEIGO MODEL
まず、全体のつながりを見る
画面に見える部分だけでなく、どこで処理・保存されるかを判断する土台になるからです。
01iPhone / PCBrowser
02HTTPSRequest
03YUJIEIGOServer
04学習記録Database
本番環境や実データには接続しません
STEP 2 · 操作を体験
Todayの学習記録はどこから取る？
iPhoneでTodayを開きました。最新の宿題を表示する設計を選んでください。
STEP 3 · 前後を比較
判断の見え方が、こう変わる
BEFORE
画面だけをWebアプリだと思う
保存場所が曖昧
AFTER
Browserは入口
処理はServer
記録はDatabase
FrontendBrowserで見たり触ったりする部分
BackendServer側で判断・保存・外部連携する部分
RequestBrowserからServerへの依頼
ResponseServerからBrowserへの返答
STEP 4 · 理解度チェック1 / 5
5問で理解を確かめる
Browserの主な役割は？
SMALL TASK · 自分で説明
30秒で説明する
「生徒がTodayを開く」瞬間を、Browser / Request / Server / Database / Responseを使って説明してください。
CODEX CHECKLIST
実装を頼むときの3つの質問
- この処理はBrowserとServerのどちらで実行しますか？
- このデータの正本はどこですか？
- LocalとProductionで接続先はどう変わりますか？
MODULE 01 COMPLETION
ここまで言えれば完了
- Browser・Server・Databaseを区別できる
- RequestとResponseの往復を説明できる
- LocalとProductionを混同しない