Web制作の用語メモ

このサイトについて

タグ:

用語:

  1. ✅
    アイブロウ
    eyebrow
    タイポグラフィ
  2. ✅
    アコーディオン
    accordion
    UIコンポーネント
  3. 🚧
  4. 🚧
  5. ✅
  6. 🚧
  7. 🚧
  8. 🚧
  9. 🚧
  10. 🚧
  11. 🚧
    ガーター
    gutter
    レイアウト
  12. ✅
    カード
    card
    UIコンポーネント
  13. ✅
    カラム幅
    measure
    タイポグラフィ
  14. 🚧
    カルーセル
    carousel
    UIコンポーネント
  15. 🚧
    キャプション
    caption
    タイポグラフィ
  16. 🚧
  17. 🚧
  18. 🚧
    コンテナ
    container
    レイアウト
  19. 🚧
  20. 🚧
    コントロール
    control
    UIコンポーネント
  21. 🚧
    コンボ・ボックス
    combo box
    UIコンポーネント
  22. 🚧
    サムネイル
    thumbnail
    UIコンポーネント
  23. 🚧
    スイッチ
    switch
    UIコンポーネント
  24. 🚧
    スケルトン
    skeleton
    UIコンポーネント / パターン
  25. 🚧
  26. 🚧
    ステートメント
    statement
    タイポグラフィ
  27. 🚧
  28. 🚧
    スピナー
    spinner
    UIコンポーネント
  29. 🚧
    スプラッシュ・スクリーン
    splash screen
    UIコンポーネント / パターン
  30. 🚧
  31. 🚧
    スライダー
    slider
    UIコンポーネント
  32. 🚧
  33. 🚧
  34. 🚧
    ダイアログ
    dialog
    UIコンポーネント
  35. 🚧
  36. 🚧
    タグ
    tag
    UIコンポーネント
  37. ✅
    タグライン
    tagline
    タイポグラフィ
  38. 🚧
    タブ
    tabs
    UIコンポーネント
  39. 🚧
    チェックボックス
    checkbox
    UIコンポーネント
  40. 🚧
    ツールチップ
    tooltip
    UIコンポーネント
  41. ✅
  42. ✅
    ディスプレイ
    display
    タイポグラフィ
  43. 🚧
    ディバイダー
    divider
    UIコンポーネント
  44. 🚧
  45. 🚧
  46. 🚧
  47. 🚧
    トースト
    toast
    UIコンポーネント
  48. ✅
    ドロップダウン
    dropdown
    UIコンポーネント
  49. 🚧
    ドロワー
    drawer
    UIコンポーネント
  50. 🚧
  51. 🚧
  52. 🚧
    バイライン
    byline
    タイポグラフィ
  53. 🚧
    バッジ
    badge
    UIコンポーネント
  54. 🚧
    バレット
    bullet
    タイポグラフィ
  55. 🚧
    パンくずリスト
    breadcrumb
    UIコンポーネント
  56. ✅
    ヒーロー
    hero
    UIコンポーネント
  57. 🚧
  58. 🚧
  59. 🚧
  60. 🚧
  61. 🚧
  62. 🚧
  63. 🚧
  64. 🚧
  65. 🚧
  66. 🚧
    ブリード
    bleed
    レイアウト / タイポグラフィ
  67. 🚧
  68. ✅
    プローズ
    prose
    タイポグラフィ
  69. 🚧
  70. 🚧
  71. 🚧
  72. 🚧
    ベタ組み
    solid setting
    タイポグラフィ
  73. 🚧
    ボタン
    button
    UIコンポーネント
  74. 🚧
    ポップオーバー
    popover
    UIコンポーネント
  75. 🚧
  76. 🚧
  77. 🚧
    マストヘッド
    masthead
    UIコンポーネント
  78. 🚧
  79. 🚧
    メニュー
    menu
    UIコンポーネント
  80. 🚧
  81. 🚧
  82. 🚧
    ラジオ・ボタン
    radio button
    UIコンポーネント
  83. 🚧
    リード
    lead
    タイポグラフィ
  84. 🚧
  85. 🚧
    リスト
    list
    UIコンポーネント
  86. 🚧
    リスト・ボックス
    list box
    UIコンポーネント
  87. 🚧
    リンク
    link
    UIコンポーネント
  88. 🚧
  89. 🚧
  90. 🚧
  91. 🚧
    奥付
    colophon
    タイポグラフィ
  92. 🚧
    段落
    paragraph
    タイポグラフィ
  93. 🚧
    目次
    table of contents
    UIコンポーネント / タイポグラフィ
  94. 🚧
  95. ✅
    脚注
    footnote
    タイポグラフィ
  96. 🚧
    詰め組み
    tsumegumi
    タイポグラフィ

ドロップダウン

dropdown

タグ: UIコンポーネント

オーバーレイでオプションのリストを表示し、ユーザーに単一のオプションを選択可能にさせるUIコンポーネント。ドロップダウンリストとも呼ばれる。

（画像）

HTMLにおいては、select要素を用いることでドロップダウンを実装できる。

また場合によっては、select要素を用いた実装を「セレクト」、開発者によるカスタム実装を「ドロップダウン」と呼び分けることもある（例: Bootstrap、Primer、Fluent 2）。

ちなみに、iOS 14以前ではselect要素にはpicker（通称: ドラムロール）が用いられていたが、iOS 15からpop-up buttonに変更された。

参考:

関連: