思うように閉じてくれないウィンドウに、イライラしたことはありませんか? モーダルウィンドウとは、まさにそんなウィンドウのこと。 Webサイトやアプリケーションに組み込まれるUIのひとつであるモーダルウィンドウについて、適切な使い方や基本的な情報をまとめました。 モーダルとは「モーダルウィンドウ」 モーダル(=modal)とは「モードを持つ」という意味で、「あなたがこのウィンドウを閉じるまでなにもさせません」というウィンドウのことです。 ウィンドウ内で表示された操作を完了する、あるいはキャンセルをしなければ、ウィンドウの外をクリックしても戻れません。 このため、モーダルウィンドウはユーザーに重要な操作や確認を促したりするときに用いられることが多いです。また、モーダルウィンドウは『JavaScript』で作られることが多いです。 近年は操作感が悪くなるという理由から、モーダルウィンドウを避ける
![モーダルとポップアップの違いは?ユーザビリティを良くするウィンドウの使い方まとめ | Workship MAGAZINE(ワークシップマガジン)](https://cdn-ak-scissors.b.st-hatena.com/image/square/f688d6f36af214652e5bc3c195d51ae02ad6a582/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fgoworkship.com%2Fmagazine%2Fapp%2Fuploads%2F2017%2F11%2FDYW15-06.jpg)