Menubar

デスクトップアプリケーション風のメニューバー。ファイル・編集・表示など、機能をカテゴリに分けてトップレベルで提供するWebアプリに使う。

インストール

npx shoji add menubar

プレビュー

使用例

デスクトップアプリ・エディターのようなUIに使う。 複数のメニューをナビゲーションバー形式で横並びに配置し、ユーザーが素早く各機能にアクセスできる。

使い方

こんなときに使う

  • テキストエディタ・スプレッドシート・デザインツールなどアプリケーション型のUI
  • 多くの機能を体系的に整理したいとき

使わないほうがいい場面

  • 一般的なWebサイト・ランディングページ（NavigationMenu を使う）
  • モバイルファーストのUIに使う（ハンバーガーメニューのほうが適切）

JP 最適化のポイント

  • 日本語のメニューラベルは「ファイル」「編集」「表示」が標準 — macOS/Windowsの日本語UIと揃えることで学習コストを下げる