つくる - 移行計画

移す前に、地図を書く

今日は新しいことを覚えません。第1章で分かったことを使って、fleama をどう移すかの計画を1枚にまとめます。

いきなりファイルを移し始めると、途中で「この部品はどこに置くんだったか」が分からなくなります。先に地図があれば、次の章からは地図どおりに手を動かすだけになります。

何を決めるのか

決めるのは3つです。

どの URL があるか。 fleama には商品一覧、商品詳細、出品フォーム、マイページがあります。これがそのままフォルダの形になります。

その URL の中身をどのファイルに置くか。 Next.js では app/<パス>/page.tsx と決まっています。商品詳細のように URL に商品 ID が入るものは、次の章で扱う書き方が要ります。今は「詳細ページは特別」と書いておけば十分です。

既存の部品をどう扱うか。 ItemCard のような表示だけの部品は、components/ に置けばそのまま使えます。前のレッスンで確かめたとおりです。

計画表の形

1行に、URL とファイルの置き場所と、使う既存部品を並べます。

この形で、fleama の主要な画面ぶんを埋めます。

演習

移行計画表を4行以上作ってください。