一覧画面にカードを表示する

[yutao6o9]

ユーザーストーリー

一覧画面にカードを表示する
（「はこぶら」の観光スポット情報を一括取得し、表示する）

受け入れ基準

• 検索バー、ハンバーガーボタン　置くだけ置いてある。

• データベースにある全スポットについて、名前と写真が表示される。

• 縦スクロールできる。

• カテゴリごとでアイコンと色が違う。

• タップしたらカードの画面に遷移する。カード画面で×ボタンを押すと一覧画面に戻る。

完成の定義

• 受け入れ基準を満たしている

• 動作確認が終わっている

• バグが解決されている

[99Sakura99]

figma 参考にする #50
店名が１行の場合と、２行の場合で出しているので、こちらを参考にしてください。

食べる
色：FFCA80(80%)　rgba(255, 202, 128, 0.8)
ロゴ：https://icooon-mono.com/11163-%e3%83%95%e3%82%a9%e3%83%bc%e3%82%af%e3%81%a8%e3%82%b9%e3%83%97%e3%83%bc%e3%83%b3%e3%81%ae%e3%81%8a%e9%a3%9f%e4%ba%8b%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e7%b4%a0%e6%9d%90/

遊ぶ
色：D8F255(80%)　rgba(216, 242, 85, 0.8)
ロゴ：https://icooon-mono.com/15750-%e5%85%ac%e5%9c%92%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3/

見る
色：BFE4FF(80%)　rgba(191, 228, 255, 0.8)
ロゴ：https://icooon-mono.com/13544-%e5%9f%8e%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b313/

温泉
色：77D9A8(80%)　rgba(119, 217, 168, 0.8)
ロゴ：https://icooon-mono.com/11345-%e6%b8%a9%e6%b3%89%e3%83%9e%e3%83%bc%e3%82%af%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e7%b4%a0%e6%9d%90-1/

買い物
色：FFCABF(80%)　rgba(255, 202, 191, 0.8)
ロゴ：https://icooon-mono.com/12299-%e3%82%b7%e3%83%a7%e3%83%83%e3%83%94%e3%83%b3%e3%82%b0%e3%81%ae%e7%84%a1%e6%96%99%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3-2/