タブバー
Tab Bar
別名: ボトムタブ / Bottom Tab
ライブデモ
説明
一言で説明
アプリの主要セクション間を移動するための、画面下部に固定されたナビゲーションバー。
いつ使う?
モバイルアプリで3〜5個の主要セクションへ素早くアクセスさせたいとき。Instagram、Twitterなどで使われている。
💡 日常の言い方
「アプリの一番下にあるアイコンが並んでるメニューバー」
似ている用語との違い
タブバー vs タブ
タブは画面内のコンテンツ切り替え。タブバーはアプリ全体の主要セクション間移動に使う。
タブバー vs ボトムナビゲーション
ほぼ同義。タブバーはiOS、ボトムナビゲーションはAndroid/Material Designでの呼び方。
AIへの指示例
画面下部にタブバーを配置して。「ホーム」「検索」「通知」「プロフィール」の4つ。アイコンとラベル付きで、選択中はアクセントカラーにして。