🙆

【Day7】SwiftUI公式チュートリアル Sec6後半：タブビュー実装と凡ミス修正！

2025/04/18に公開

こんにちは、やすです。

本日はApple公式チュートリアルのセクション6後半、「タブビュー（TabView）の実装」に取り組みました！

 ✅ 今日やったこと
enum Tab を定義して、.featured と .list の2種類のタブを管理

TabView を使って CategoryHome と LandmarkList の切り替えを実装

NavigationLink を使って、カードをタップすると詳細画面に飛べるように設定

.renderingMode(.original) / .foregroundStyle(.primary) で見た目を整える

 ❌ 今日のミス & 学びLandmarkList() に selection 渡すの忘れて Xcodeに怒られた！
swift

❌ 間違ったコード

LandmarkList()

✅ 正しいコード

LandmarkList(selection: $selectedLandmark)
LandmarkList は selection という引数を受け取るようになってるのに、それを渡し忘れてました…。

引数を取る View を複数箇所で使ってるときは、一貫して正しい引数を渡すのが超重要ですね。

（しかも、下の NavigationSplitView のところではちゃんと渡してたのに…笑）
⸻
✍️ 感想・所感
ついに画面下のタブ切り替えが完成して、**「アプリ感」**が一気に強まりました！

今までは1画面ずつ動かしてたけど、これで「トップ画面」と「リスト画面」が行き来できて、

プロトタイプとしてもかなりテンション上がる！
次はカルーセルやもっとリッチなUIも出てきそうなので、気を引き締めていきます！
⸻
明日の予定

•	セクション7のカルーセルUIに着手

•	モデルとのデータバインディングを強化して、UXをなめらかに

•	週末に向けて、チュートリアル完全制覇！
⸻
以上、Day7でした！

間違いから学びながら、確実に進んでます。次回もよろしく！

✅ 今日やったこと

❌ 今日のミス & 学び

Discussion