だい27かい設計：画面とデータ

🎯 きょうのゴール

前の回で決めた企画をもとに、紙とえんぴつでやります。20〜30分。

📖 まなぼう

いきなり作らない。まず地図

家を建てるとき、いきなり木を切ったりしないよね。まず図面ずめん（どんな家か、部屋はいくつか）を描く。アプリもおなじ。作りはじめる前に「どんなものを作るか」の地図をつくることを設計といいます。

地図があると、まよわずに作れて、あとで大きく作り直すことが少なくなります。地図は2つ描くよ。画面の地図とデータの地図だ。

画面の地図とは「どんなページが要るか」を書き出したもの。たとえば学習アプリなら、こんな画面が考えられる。

だい1回でやった「入力 → しょり → 出力」をおぼえてる？それぞれの画面を、この3つで整理してみよう。

▼ 問題を解く画面を整理すると入力：答えをタップ
しょり：正しいか判定する
出力：○か×を見せる

データの地図とは「何を保存するか」を決めること。だい21回で見た attempts テーブルを思い出そう。表（テーブル）の列を1つずつ決めるんだ。

▼ 九九アプリの attempts の列（手本）dan（何の段）／ multiplier（かける数）
chosen（えらんだ答え）／ is_correct（正解か）
elapsed_ms（かかった時間）／ created_at（いつ）

これを手本に、自分のアプリ用の列を考える。「あとで記録を見るとき、何が分かればうれしい？」を思いうかべると、要る列が見えてくるよ。

✋ やってみよう

紙に、自分のアプリの地図を描いてみよう。

💡 AIに相談してみよう：自分の企画を伝えて「このアプリ、テーブルの列は何があればいい？」と聞いてみよう。出てきた列を、自分が考えたものと見くらべるのが大事。ぜんぶうのみにしないで「これは要る／要らない」を自分で選ぼう。

🔁 ふりかえり

つぎの回（だい28）では、この地図をもとに、まず見た目（画面の枠）を作っていきます。