ハンバーガーメニュー

ハンバーガーメニューとは

ハンバーガーメニューとは、三本線のアイコン（≡）で表示されるメニューボタンのことで、クリックやタップするとナビゲーションメニューが開く仕組みを指します。
スマートフォンなどの小さな画面でも、限られたスペースを有効に使うために使われるデザインパターンです。

ハンバーガーメニューが使われる理由

• 画面スペースの節約：幅が狭いモバイル画面でもナビゲーションをコンパクトにまとめられる
• 見た目をスッキリさせる：UIがシンプルで洗練された印象に
• ユーザーが直感的に操作しやすい：一般的なUIとして広く認知されている

デメリット

• メニューが隠れる：重要なリンクが目立たなくなる可能性がある
• 操作が必要：一覧表示と比べてワンタップ多くなる

よく使われる場面

• スマートフォン版のWebサイト
• アプリのナビゲーションメニュー
• レスポンシブデザインのヘッダー部分

ハンバーガーメニューアイコンの例

一般的には次のような三本線のアイコンで表現されます：

≡