Sidebar & Navigation Rail — Learning Bundle
サイドバー & ナビゲーションレール — ラーニングバンドル
この学習バンドルは、2つの異なるナビゲーションパターンを比較します。サイドバーは幅が広く、ラベルやツールがあります。ナビゲーションレールは狭く、アイコンを使用することが多いです。このバンドルは1つの標準インターフェース用語ではありません。
実際の例
広いダッシュボードは、ラベル付きのサイドバーを表示します。中くらいの幅になると、アイコンだけの細いバーに変わります。
主な部分
- 01Current location
- 02Destination labels
- 03Focus order
- 04Responsive behavior
以下の場合に使用します
サイドバーまたはナビゲーションレールを選択するには、このガイドを使用してください。場所の数、画面幅、ラベルの必要性を確認してください。
以下の場合は使用しないでください
人々がアイコンの意味を知らない可能性がある場合は、ラベルを削除してはいけません。
コードで使用する名前
<aside> / <nav> 出荷前に
Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.
Outcome：Complete the task with サイドバー & ナビゲーションレール — ラーニングバンドル (Sidebar & Navigation Rail — Learning Bundle)。 User context：広いダッシュボードは、ラベル付きのサイドバーを表示します。中くらいの幅になると、アイコンだけの細いバーに変わります。 Learning bundle to unpack：サイドバー & ナビゲーションレール — ラーニングバンドル (Sidebar & Navigation Rail — Learning Bundle)。 Canonical members：サイドバー ナビゲーション (Sidebar Navigation)、ナビゲーションレール (Navigation Rail) Why this comparison helps：サイドバーまたはナビゲーションレールを選択するには、このガイドを使用してください。場所の数、画面幅、ラベルの必要性を確認してください。 Do not treat the bundle as one pattern when：人々がアイコンの意味を知らない可能性がある場合は、ラベルを削除してはいけません。 Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary)：これは規範的な標準ではありません。その名前、制限、および期待される挙動は、情報源によって変わる可能性があります。 Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
このリクエストを確認する
Review how サイドバー & ナビゲーションレール — ラーニングバンドル (Sidebar & Navigation Rail — Learning Bundle) is used now. Definition: この学習バンドルは、2つの異なるナビゲーションパターンを比較します。サイドバーは幅が広く、ラベルやツールがあります。ナビゲーションレールは狭く、アイコンを使用することが多いです。このバンドルは1つの標準インターフェース用語ではありません。 Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.