ダイアログボックス
[Wikipedia|▼Menu]
.mw-parser-output .hatnote{margin:0.5em 0;padding:3px 2em;background-color:transparent;border-bottom:1px solid #a2a9b1;font-size:90%}

「メッセージボックス」はこの項目へ転送されています。意見の投書については「パブリックコメント」をご覧ください。
.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%;font-size:90%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}html.client-js body.skin-minerva .mw-parser-output .mbox-text-span{margin-left:23px!important}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}

この記事には複数の問題があります。改善やノートページでの議論にご協力ください。

出典がまったく示されていないか不十分です。内容に関する文献や情報源が必要です。(2021年4月)


独自研究が含まれているおそれがあります。(2021年4月)
出典検索?: "ダイアログボックス" ? ニュース ・ 書籍 ・ スカラー ・ CiNii ・ J-STAGE ・ NDL ・ dlib.jp ・ ジャパンサーチ ・ TWL

Ubuntuのダイアログボックスの例

ダイアログボックス(: dialog box)とは、GUIにおける特殊なウィンドウの一種であり、ユーザーに情報を提示し、必要に応じてユーザーに応答してもらうもの。ユーザーに何かを伝えたり、ユーザーに何か入力してもらったりといった、ユーザーとコンピュータ間の対話 (dialog) に使われるため、このように呼ばれる。

ユーザーとのやり取りや選択肢の種類によって、それぞれ異なる種類のダイアログボックスが使われる。最も単純なダイアログボックスはメッセージボックスと呼ばれる種類のもので、さらに選択肢のボタンが1つしか用意されていない場合、単にメッセージを表示してそれをユーザーが読んだことを確認する(ダイアログボックス上に表示されたOKボタンを、マウスによるクリックやタッチ入力により押下してもらう)だけである。メッセージの種別によって警告やエラーなどを意味するアイコンが付与されることもある。ファイルの上書き保存など、何らかの不可逆な結果を伴う操作の前に確認するメッセージには一般的に警告アイコンが付与される。操作の失敗を通知するメッセージには通例エラーアイコンが付与される。プログラムのクラッシュによる強制終了が発生した場合に、オペレーティングシステムからエラーメッセージボックスが表示されることもある。メッセージボックスでは通常、ユーザーによる確認や選択が完了するまでは他のUI要素は操作できない。モーダルなダイアログではよくあるパターンだが、より良い代替手法がある場合にもこのパターンを使うことはしばしば批判の対象となる[1]

Microsoft Windowsの技術文書では一般的なものを「ダイアログボックス」[2]と呼び、メッセージと選択肢を表示するだけの機能を持つ組み込みのダイアログを「メッセージボックス」[3]と呼んでいる。Androidの技術文書では「ダイアログ」と呼んでいる[4]

ポップアップやポップアップウィンドウ、アラート[5][6]やアラートウィンドウなどと呼ばれることもある。

JavaScriptでは選択肢のボタンが1つしかないダイアログをアラートと呼び、他にも選択肢のボタンがあるダイアログとは区別している[7]
モードレス

「ノンモーダル」または「モードレス」のダイアログボックスは、要求している情報が処理の継続に必須ではなく、他のウィンドウを開いたまま処理を続行できる場合に使われる。モードレスのダイアログボックスの一種としてツールバーがある。これは、アプリケーション本体のウィンドウ(メインウィンドウ)とは分離されていたり、結合/分離可能となっていたりするもので、ツールバー上に表示されているアイテムを操作することでアプリケーションの特定の機能を使うことができる。

一般に優れた設計のソフトウェアでは、モードレスの方がユーザーにとって扱いやすい(ユーザーにモード操作を強制しない)ため、可能な限りこの種のダイアログボックスを使う。例えば、現在の文書のプロパティ(背景色や文字色など)を設定するダイアログボックスはモードレスとされていることがある。ユーザーが主ウィンドウにテキストを追加するのは、色の設定がどうであっても継続可能であり、好きなときにそのダイアログボックスを使って色を変更できる。なお、それがこの場合の最善のインタフェースだというわけではない。同様の機能はツールバーやリボンでも実現できる。
モーダル詳細は「モーダルウィンドウ」を参照

モーダル」なダイアログボックスでは、それがクローズされるまでプログラム本体の操作ができなくなる。再開するために追加情報を必要としている場合や、何らかの危険性のある操作を続行することをユーザーに確認する場合などに使われる。モーダルなダイアログボックスはいわゆるモードエラー[要説明]を引き起こしやすいことから、悪い設計として批判されることが多い。危険な操作は全くできないようにしておくべきだし、不意に出現するダイアログボックスや馴化によって中身に注目されずに消されてしまうダイアログボックスは、危険な操作への警告として役に立たない。

@media screen{.mw-parser-output .fix-domain{border-bottom:dashed 1px}}これまで[いつ?]モーダルなダイアログボックスは、システム全体のモーダルかアプリケーション単位のモーダルであった。すなわち、それが消されるまでシステム全体の制御を奪うか、対応するアプリケーションの制御だけを奪う。最近[いつ?]ではMac OS Xで特によく見られるように、文書単位のモーダルが登場している。この場合、ダイアログボックスは親ウィンドウに付属するシートとして表示され、同じアプリケーションでも別ウィンドウであれば制御が奪われず、操作を続行可能である。
脚注^ Aza Raskin, A List Apart: ⇒Never Use a Warning When you Mean Undo
^ Dialog Boxes (Dialog Boxes) - Win32 apps 。Microsoft Learn
^ MessageBoxW function (winuser.h) - Win32 apps 。Microsoft Learn
^ ダイアログ  |  Android デベロッパー  |  Android Developers
^ NSAlert 。Apple Developer Documentation
^ UIAlertController 。Apple Developer Documentation
^ window.alert - Web API 。MDN

関連項目

ウィンドウシステム

モーダルウィンドウ

コマンドプロンプト - コンピュータで入力待ち状態のこと。










GUIウィジェット
コマンド入力

ボタン

コンテキストメニュー

メニュー

パイメニュー

ハンバーガーボタン

データ入出力

チェックボックス

コンボボックス

トグルボタン(英語版)

ドロップダウンリスト

グリッドビュー(英語版)

リストボックス(英語版)

リストビルダー(英語版)

ラジオボタン

スクロールバー

スライダー

スピンボタン


次ページ
記事の検索
おまかせリスト
▼オプションを表示
ブックマーク登録
mixiチェック!
Twitterに投稿
オプション/リンク一覧
話題のニュース
列車運行情報
暇つぶしWikipedia

Size:19 KB
出典: フリー百科事典『ウィキペディア(Wikipedia)
担当:undef