Web制作の用語メモ

このサイトについて

タグ:

すべて UIコンポーネント レイアウト パターン タイポグラフィ 未分類

用語:

1. ✅

   アイブロウ
   eyebrow
   タイポグラフィ
2. ✅

   アコーディオン
   accordion
   UIコンポーネント
3. 🚧

   アスペクト比
   aspect ratio
   未分類
4. 🚧

   アダプティブ・レイアウト
   adaptive layout
   レイアウト
5. ✅

   アバブ・ザ・フォールド
   above the fold
   未分類
6. 🚧

   イディオム
   idiom
   未分類
7. 🚧

   インタラクション
   interaction
   未分類
8. 🚧

   ウィザード
   wizard
   パターン
9. 🚧

   エンプティ・ステート
   empty state
   パターン
10. 🚧

    オーバーレイ
    overlay
    未分類
11. 🚧

    ガーター
    gutter
    レイアウト
12. ✅

    カード
    card
    UIコンポーネント
13. ✅

    カラム幅
    measure
    タイポグラフィ
14. 🚧

    カルーセル
    carousel
    UIコンポーネント
15. 🚧

    キャプション
    caption
    タイポグラフィ
16. 🚧

    グレースフル・デグラデーション
    graceful degradation
    未分類
17. 🚧

    コンテキスト・メニュー
    context menu
    UIコンポーネント
18. 🚧

    コンテナ
    container
    レイアウト
19. 🚧

    コントラスト比
    contrast ratio
    未分類
20. 🚧

    コントロール
    control
    UIコンポーネント
21. 🚧

    コンボ・ボックス
    combo box
    UIコンポーネント
22. 🚧

    サムネイル
    thumbnail
    UIコンポーネント
23. 🚧

    スイッチ
    switch
    UIコンポーネント
24. 🚧

    スケルトン
    skeleton
    UIコンポーネント / パターン
25. 🚧

    スタイル・ガイド
    style guide
    未分類
26. 🚧

    ステートメント
    statement
    タイポグラフィ
27. 🚧

    スティッキー・ヘッダー
    sticky header
    UIコンポーネント
28. 🚧

    スピナー
    spinner
    UIコンポーネント
29. 🚧

    スプラッシュ・スクリーン
    splash screen
    UIコンポーネント / パターン
30. 🚧

    スプリット・ボタン
    split button
    UIコンポーネント
31. 🚧

    スライダー
    slider
    UIコンポーネント
32. 🚧

    セグメンテッド・コントロール
    segmented control
    UIコンポーネント
33. 🚧

    ターゲット・サイズ
    target size
    未分類
34. 🚧

    ダイアログ
    dialog
    UIコンポーネント
35. 🚧

    タイプ・スケール
    type scale
    タイポグラフィ
36. 🚧

    タグ
    tag
    UIコンポーネント
37. ✅

    タグライン
    tagline
    タイポグラフィ
38. 🚧

    タブ
    tabs
    UIコンポーネント
39. 🚧

    チェックボックス
    checkbox
    UIコンポーネント
40. 🚧

    ツールチップ
    tooltip
    UIコンポーネント
41. ✅

    ディスクロージャー
    disclosure
    UIコンポーネント
42. ✅

    ディスプレイ
    display
    タイポグラフィ
43. 🚧

    ディバイダー
    divider
    UIコンポーネント
44. 🚧

    ディム
    dimmed
    未分類
45. 🚧

    テキスト・フィールド
    text field
    UIコンポーネント
46. 🚧

    デザイン・トークン
    design tokens
    未分類
47. 🚧

    トースト
    toast
    UIコンポーネント
48. ✅

    ドロップダウン
    dropdown
    UIコンポーネント
49. 🚧

    ドロワー
    drawer
    UIコンポーネント
50. 🚧

    ナビゲーション
    navigation
    未分類
51. 🚧

    パーマリンク
    permalink
    未分類
52. 🚧

    バイライン
    byline
    タイポグラフィ
53. 🚧

    バッジ
    badge
    UIコンポーネント
54. 🚧

    バレット
    bullet
    タイポグラフィ
55. 🚧

    パンくずリスト
    breadcrumb
    UIコンポーネント
56. ✅

    ヒーロー
    hero
    UIコンポーネント
57. 🚧

    ヒエラルキー
    hierarchy
    未分類
58. 🚧

    ビューポート
    viewport
    未分類
59. 🚧

    ファセット検索
    faceted search
    パターン
60. 🚧

    フィードバック
    feedback
    未分類
61. 🚧

    フィラー・テキスト
    filler text
    タイポグラフィ
62. 🚧

    フィルターとソート
    filter & sort
    パターン
63. 🚧

    フォーカス
    focus
    未分類
64. 🚧

    フォーカス・インジケータ
    focus indicator
    未分類
65. 🚧

    フライアウト・メニュー
    fly-out menu
    UIコンポーネント
66. 🚧

    ブリード
    bleed
    レイアウト / タイポグラフィ
67. 🚧

    フルード・タイポグラフィ
    fluid typography
    タイポグラフィ
68. ✅

    プローズ
    prose
    タイポグラフィ
69. 🚧

    プログレッシブ・エンハンスメント
    progressive enhancement
    未分類
70. 🚧

    プログレッシブ・ディスクロージャ
    progressive disclosure
    パターン
71. 🚧

    ページネーション
    pagination
    UIコンポーネント
72. 🚧

    ベタ組み
    solid setting
    タイポグラフィ
73. 🚧

    ボタン
    button
    UIコンポーネント
74. 🚧

    ポップオーバー
    popover
    UIコンポーネント
75. 🚧

    マイクロ・インタラクション
    micro interaction
    未分類
76. 🚧

    マウス・フォロワー
    mouse follower
    UIコンポーネント
77. 🚧

    マストヘッド
    masthead
    UIコンポーネント
78. 🚧

    メイソンリー
    masonry
    レイアウト
79. 🚧

    メニュー
    menu
    UIコンポーネント
80. 🚧

    モード
    mode
    未分類
81. 🚧

    モダリティ
    modality
    未分類
82. 🚧

    ラジオ・ボタン
    radio button
    UIコンポーネント
83. 🚧

    リード
    lead
    タイポグラフィ
84. 🚧

    リキッド・レイアウト
    liquid layout
    レイアウト
85. 🚧

    リスト
    list
    UIコンポーネント
86. 🚧

    リスト・ボックス
    list box
    UIコンポーネント
87. 🚧

    リンク
    link
    UIコンポーネント
88. 🚧

    ルック・アンド・フィール
    look and feel
    未分類
89. 🚧

    レイアウト・グリッド
    layout grid
    レイアウト
90. 🚧

    レスポンシブ・ウェブ・デザイン
    responsive web design
    レイアウト / パターン
91. 🚧

    奥付
    colophon
    タイポグラフィ
92. 🚧

    段落
    paragraph
    タイポグラフィ
93. 🚧

    目次
    table of contents
    UIコンポーネント / タイポグラフィ
94. 🚧

    禁則処理
    line breaking rules
    タイポグラフィ
95. ✅

    脚注
    footnote
    タイポグラフィ
96. 🚧

    詰め組み
    tsumegumi
    タイポグラフィ

検索

---

アコーディオン

accordion

タグ: UIコンポーネント

---

開閉するコンテンツ領域が1個以上連なったUIコンポーネント。

（画像）

単一のコンテンツ領域が開閉するUIコンポーネントは、ディスクロージャーと呼ばれる。

HTMLにおいては、details要素を複数配置することでアコーディオンを実装できる。details要素にname属性を用いると、コンテンツ領域を排他的に開く動作（exclusive accordion）に変更することもできる。

---

関連:

• ディスクロージャー