4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【初心者向け】何個知ってる?WEBでつかわれるメニューボタンの名前

Posted at

#どうも7noteです。普段作っているけど以外と知らないアレの名前をまとめてみた。

三本線のメニューや、[・・・]となっているメニュー。など。

「正式名称・・・わかりますか?」

スクリーンショット 2021-06-14 16.03.18.png

①「ハンバーガーメニュー」

スクリーンショット 2021-06-14 15.47.56.png

この三本線のメニューの正式名称は・・・「ハンバーガーメニュー」

ファーストフードの王道であるハンバーガーをイメージしたメニューですね。
ロッテリアのホームページが実際のハンバーガーのようなイラストのメニューになっています。(※スマホ時)
https://www.lotteria.jp/sp/

②「ミートボールメニュー」

スクリーンショット 2021-06-14 15.54.05.png

横並びになっている点「・・・」。これはミートボールメニューと言います。
英語でもそのまま「Meetballs Menu」というらしいですよ。

③「弁当メニュー」

スクリーンショット 2021-06-14 16.08.32.png

知名度が低すぎてgoogleで出すのが困難でした。。。
こちらですね。

スクリーンショット 2021-06-14 16.09.30.png

9個の四角が並ぶこのメニュー、日本語の「弁当」からきていて
**「bento menu」**というようです。
しかし日本人のほとんどが知らないという悲しい現実・・・
もっといろんな人に知れ渡ればいいのですがね。。。

その他のメニュー

他にもケバブメニューやドルネメニューなど、食べ物にちなんだ名前がついているメニューがほとんどです。
食べ物なら共通認識として覚えやすいからですかね。誰がこの名前を最初につけたのか気になります。
もし知っている方がいればコメントください。

image.png

引用元:
https://ux.stackexchange.com/questions/115468/what-the-difference-between-the-2-menu-icons-3-dots-kebab-and-3-lines-hambur

まとめ

地域や場所によって呼ばれ方は様々ですが、その一部を紹介しました。
一般名称をしっていれば、開発するときのクラス名やID名を迷わずにサクッと書けるのでいいですね。
ただあまり一般的ではないので、どこまで伝わるかは保証できませんが・・・

今後もきっといろいろな形のメニューが作成されていくと思うので、どんな名前がつくのか興味深いですね。

おそまつ!

~ Qiitaで毎日投稿中!! ~
【初心者向け】WEB制作のちょいテク詰め合わせ

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?