← 一覧へ

やってみよう投稿の右上の「⋮」を押してみてください

ナビゲーションメジャー（よく見る）

ケバブメニュー

Kebab Menu / More Menu

縦に3つ並んだ点「⋮」を押すと、編集・共有・削除などの「その他の操作」が出てくる。

別名三点リーダーメニュー⋮ メニューミートボールメニュー（…）その他メニューオーバーフローメニュー

どこで使われている？

よく見かける場所
Googleのアプリ、YouTubeの動画の横、SNSの投稿の右上
使うとよい場面
たまにしか使わない操作を、隠してすっきりさせたいとき
避けたい場面
よく使う大事な操作（隠すと見つからない）

補足縦の点「⋮」はケバブ（串焼き）、横の点「…」はミートボールと呼ばれます。三本線「≡」はハンバーガーです。

似ているものとの違い

メニューの出し方の違い（ハンバーガーメニュー・全画面メニュー・メガメニュー・ケバブメニュー）

AIへの指示文

これをコピーしてAIに貼り付ければOKです。Webサイトを作る前提の内容です（右上の「何を作る？」で変えられます）。

HTML / CSS / JavaScript で「ケバブメニュー（Kebab Menu / More Menu）」を実装してください。

動き：画面や項目の右上に縦3点のアイコンボタンを置き、押すとそのすぐ下に「編集」「共有」「削除」などのメニューを表示する。削除は赤字にし、外側を押すと閉じる。

使う部品：自作のボタン＋メニュー
もっと詳しく：プログラムでの部品名

同じ動きでも、作るものによってプログラムの中での部品の名前が違います。上の指示文にはすでに入っているので、覚える必要はありません。AIの説明に出てきた単語を確認したいときに使ってください。

Webサイトなら自作のボタン＋メニュー
iPhoneアプリならMenu + Image(systemName: "ellipsis")
AndroidアプリならIconButton（Icons.Default.MoreVert）+ DropdownMenu
FlutterならPopupMenuButton
React Nativeならreact-native-paper の Menu

似ているもの・一緒に使うもの