ドロップダウンメニュー

ドロップダウンメニューは、横方向のメニュー項目をクリックするか、その上にマウスカーソルを合わせると、選択肢の一覧を表示する縦方向のナビゲーションメニューです。メニューはメインメニューの下に展開、つまり「ドロップダウン」するため、現在のページやインターフェースから移動せずに選択肢を選べます。

デスクトップソフトウェア

ドロップダウンメニューの身近な例として、デスクトップソフトウェアアプリケーションにあるメニューバーが挙げられます。Windowsでは、メニューバーは各アプリケーションウィンドウの上部に表示されます。macOSでは、画面上部に固定されています。ファイルなどのメニュータイトルをクリックすると、新規開く保存印刷閉じるなどの選択肢が縦方向に表示されます。選択肢を選ぶと、対応するコマンドが実行されます。

Webサイト

ドロップダウンメニューは、Webサイトのナビゲーションでも一般的です。Webサイト内の多数のリンクを構造化されたメニューに整理し、ユーザーがサブカテゴリーに直接アクセスできるようにします。たとえば、ニュースサイトのナビゲーションバーには、「政治」、「ビジネス」、「スポーツ」などの主要カテゴリーがあるとします。「スポーツ」にマウスカーソルを合わせると、「野球」、「フットボール」、「ホッケー」、「サッカー」などのサブカテゴリーが表示され、特定のコンテンツへより速く移動できます。

Web開発者は通常、HTMLCSSJavaScriptを組み合わせてドロップダウンメニューを作成します。これらはまとめてDHTML(Dynamic HTML)と呼ばれる技術群です。古い実装の中にはFlashを使用するものもありましたが、現在ではほとんど見られません。

一般にクリックして開く必要があるアプリケーションのメニューとは異なり、Webサイトのドロップダウンメニューは、メニュー項目にマウスカーソルを合わせると自動的に表示されることがよくあります。場合によっては、最上位のメニュー項目をクリックすると対応するセクションのインデックスページが開き、マウスカーソルを合わせると関連するサブページが表示されます。

デスクトップソフトウェアでもWebサイトでも、ドロップダウンメニューは選択肢の一覧を表示する実用的な方法です。インターフェースを cluttering せずに、すばやく効率的にナビゲーションできます。

更新日 July 26, 2025 著者: Per C.

quiz知識をテストする

Which of these image formats is likely to introduce artifacts into the image?

A
TIFF
0%
B
PNG
0%
C
JPEG
0%
D
BMP
0%
Correct! Incorrect!     View the Artifact definition.
More Quizzes →

Tech Terms コンピューター辞書

このページのドロップダウンメニューの定義は、TechTerms.comの著者が執筆したオリジナルの定義です。このページを参照または引用する場合は、定義の直下にある緑色の引用バーをご利用ください。

私たちの目標は、コンピューター用語をわかりやすく説明することです。すべての定義において正確さとわかりやすさを追求しています。フィードバックや新しい技術用語の提案がある場合は、お問い合わせください

Tech Terms ニュースレター

毎日または毎週のニュースレターで技術知識を高めましょう!今すぐ購読して、新しい用語やクイズをメールでお受け取りください。

無料のTechTermsニュースレターに登録する

メールの受信頻度を選択してください

各メールのリンクから、いつでも登録解除または頻度変更ができます。 ご質問はこちらからお問い合わせください。

注意:ニュースレターは英語で配信されます。