本日は、京都レストラン Web サイトのスマートフォン版について、
残っていた Lunch / Dinner / Drink メニュー を仕上げ、
あわせて About / Blog ページ も実装し、全体を完成させました。
Lunch と Dinner については、共通のカードコンポーネントを作成し、
メニュー内容のみをデータとして切り替える構成にしています。
また、メニュー項目やブログ記事の情報はlib/data.ts にまとめ、コンポーネントにデータを渡す形で表示できるようにしました。
画像とテキストをひとつのカードとして設計し、
データを差し替えるだけで内容を変更できる構成にしたことで、
今後の更新や拡張がしやすい実装になったと思います。
一方で、画像とテキストの配置バランスには苦労しました。
特に padding や margin の調整 に時間がかかり、
Figma のデザインを Web で再現する過程で、自分の理解不足もあり、細かな調整に時間がかかりました。
明日はコードをあらためて見直し、問題がなければ
Vercel にデプロイして成果物として公開したいと考えています。