はてなブックマーク

【JavaScript】ハンバーガーメニューの基本的な動きを実装してみよう！ この記事にはプロモーションが含まれています。 投稿：2022・06・22 更新：2022・12・21 Webデザイン・UIデザイン面においては、ボタンやタブなどがクリック（タップ）された時の動きをコントロールする目的でJavaScriptが使用されることが多いかと思います。 その代表例がハンバーガーメニューでしょう。 用語解説：ハンバーガーメニューとは？ UIデザインの視点からすれば、ハンバーガーメニューには批判的な意見もあります（※）が、筆者の感覚では既にメニュー表示のボタンとして広く浸透しつつあるボタンだと思います。 なので、今後もWebサイト制作などにおいてハンバーガーメニューの実装は欠かせないものと言えるでしょう。 ※見た目ではメニュー表示ボタンだと分かりづらいなど そこで今回は、ハンバーガーメニューを例