モーダル
Modal
別名: モーダルウィンドウ / Modal Window別名: モーダルダイアログ / Modal Dialog
ライブデモ
説明
一言で説明
画面の上に重ねて表示され、操作が完了するまで背面を操作できなくするウィンドウ。
いつ使う？
ユーザーに重要な確認や入力を求めるとき。確認ダイアログ、フォーム入力、詳細表示などに使う。
💡 日常の言い方
「画面が暗くなって真ん中にポンと出てくるウィンドウ」
似ている用語との違い
モーダル vs ダイアログ
ダイアログはモーダルの一種で、特に確認や簡単な入力に使われる小さめのもの。モーダルはより広い概念。
モーダル vs ポップオーバー
ポップオーバーは特定の要素に紐づいて表示され、背面操作もできる。モーダルは背面操作をブロックする。
AIへの指示例
新規タスク作成画面をモーダルで表示して。背景はスクリム（半透明の黒）をかけて、右上に×ボタンを配置して。