現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

Dialog(ダイアログ表示)

【JavaScript入門】confirmの使い方|OK・キャンセルの戻り値と実例を初心者向けに解説

投稿日:2019年4月22日 更新日:

この記事で分かること

  • confirm() の基本動作
  • OK / キャンセルの戻り値(true / false
  • ページ遷移・削除確認などの実用例
  • alert()prompt() との違い
  • 初心者がつまずきやすいポイント

confirm() は、ユーザーに OK または キャンセル の選択を求める確認ダイアログを表示するメソッドです。
ページ遷移前の確認や削除操作の確認など、ユーザーの意思を確認したい場面でよく使われます。



confirm() とは?

confirm() は、[OK][キャンセル] の2つのボタンを持つ確認ダイアログを表示します。


const result = confirm("メッセージ");
  • ユーザーがボタンを押すまで次の処理へ進まない(ブロッキング)
  • ダイアログ表示中はブラウザ操作ができない
  • 戻り値は true(OK) または false(キャンセル)

戻り値について

  • OK → true
  • キャンセル または × → false



confirm の基本例

例1:確認ダイアログを表示するだけ


confirm("本当にこれでいいんですね?");

→ 「本当にこれでいいんですね?」という確認ダイアログが表示されます。

例2:OK が押されたらページ移動する


if (confirm("株式会社アンクのページに移動しますか?")) {
  location.href = "http://www.ank.co.jp/";
}

→ OK を押すと指定した URL に移動し、キャンセルなら何も起こりません。

confirm の使いどころ

  • 削除操作の確認
  • ページ遷移前の確認
  • フォーム送信前の確認
  • 重要な操作の前にユーザーの意思を確認したいとき

JavaScript 初心者におすすめの学習書籍

書籍で学ぶのが向いている人

  • confirm()alert()prompt() などの標準ダイアログを体系的に理解したい
  • OK / キャンセルによる処理分岐を基礎から学びたい
  • ネット記事だけだと情報が断片的に感じる

confirm() のような確認ダイアログは、
JavaScript の 基本文法・条件分岐・イベント処理 の理解が欠かせません。
書籍ではこれらを順序立てて学べるため、ユーザーの意思確認を伴う処理を深く理解できます。

いちばんやさしい JavaScript の教本

図解が多く、JavaScript の基本動作やブラウザの仕組みを視覚的に理解できる入門書です。
confirm() / alert() / prompt()
「標準ダイアログの役割」や「true / false の扱い」も丁寧に学べます。

この本で解決できること:

  • confirm() の戻り値(true / false)の扱いが理解できる
  • ページ遷移前の確認など実用的な使い方が身につく
  • 実際に動くサンプルでダイアログ処理の理解が深まる

確かな力が身につく JavaScript「超」入門

イベント処理・条件分岐・UI 操作など、より実践的な JavaScript を学びたい方に最適な入門書です。
confirm() を使った削除確認やページ遷移前の確認など、実務的なコードも理解できます。

この本で解決できること:

  • confirm() / alert() / prompt() の使い分けが体系的に学べる
  • ユーザー操作に応じた分岐処理の書き方が身につく
  • 現代的な JavaScript の書き方が身につく

動画で理解を深めたい方へ(Udemy講座)

confirm() のような確認ダイアログは、
実際の動作を画面で見ながら学ぶと理解が一気に深まります。
動画では「OK → true」「キャンセル → false」の動きがそのまま確認でき、
初心者でも直感的に理解できます。

初心者のためのJavaScript 完全入門

基本文法・イベント処理・条件分岐など、confirm() の理解に必要な基礎を体系的に学べる人気講座です。

この講座で解決できること:

  • confirm() の戻り値の扱いを視覚的に理解できる
  • ページ遷移前の確認など実用的な使い方が身につく
  • 初心者がつまずきやすい UI 操作の概念を丁寧に解説

初心者のためのJavaScript 完全入門(Udemy)

超JavaScript 完全ガイド 2026

UI 操作・イベント制御・ブラウザ動作など、実務で必要な JavaScript を深く理解したい方に最適な講座です。

この講座で解決できること:

  • confirm() を使った実践的な確認処理が身につく
  • ユーザー操作に応じた分岐処理の考え方を習得できる
  • 現代的な JavaScript の書き方をまとめて習得

超JavaScript 完全ガイド 2026(Udemy)

体系的に学びたい方へ(スクールという選択肢)

独学の限界を感じやすいポイント

  • confirm()alert()prompt() の違いが曖昧なままになる
  • OK / キャンセルによる処理分岐が断片的になりやすい
  • 削除確認や遷移前確認など実務的な処理でつまずきやすい
  • 学習の順番に自信が持てない

スクールでは、プロの講師が学習ロードマップを作成し、
confirm() を含むダイアログ処理や
JavaScript の基礎を体系的に理解できるようサポートしてくれます。

無料相談で得られるメリット

  • あなたのレベルに合わせた学習計画を作成
  • 確認ダイアログやイベント処理の理解を深めるアドバイスがもらえる
  • 効率的な学習方法をプロが提案
  • エンジニア転職を視野に入れたキャリア相談も可能

JavaScript を効率よく学びたい方には、未経験からエンジニアを目指せる
DMM WEBCAMP の学習コースも選択肢のひとつです。

DMM WEBCAMP 学習コース(無料相談はこちら)



confirm() に関するよくある質問(FAQ)

Q1

confirm() の戻り値は?

A

OK なら true、キャンセルなら false が返ります。

Q2

confirm はどんな場面で使う?

A

削除操作・ページ遷移・フォーム送信など、重要な操作の前にユーザーの意思確認を行う場面で使われます。

Q3

スマホで confirm が表示されないことはある?

A

一部ブラウザではブロックされる場合があります。必要に応じてモーダルUIの利用を検討してください。

Q4

alert()prompt() との違いは?

A

alert() はメッセージ表示のみ、prompt() は文字入力、confirm() は OK/キャンセルの選択ができます。



まとめ

  • confirm() は OK / キャンセルの2択ダイアログを表示する
  • OK → true、キャンセル → false を返す
  • ユーザーの意思確認に最適
  • ページ遷移や削除操作の前に使われることが多い



関連記事

【JavaScript入門】alert・confirm・promptの歴史と仕様|なぜ非推奨になりつつあるのかを初心者向けに解説

この記事で分かること alert・confirm・prompt の歴史と誕生背景 これらのダイアログが非推奨になりつつある理由 ブラウザ仕様の変化と制限 代替となるモーダル・カスタムダイアログの考え方 …

【JavaScript入門】ボタンクリックでダイアログを表示する方法|onclick・addEventListenerの実例を初心者向けに解説

この記事で分かること onclick と addEventListener の違い ボタンクリックで alert・confirm・prompt を表示する方法 削除確認や入力ダイアログの実践パターン …

【JavaScript入門】promptで入力値を検証する方法|空欄チェック・null判定・数値判定を初心者向けに解説

この記事で分かること prompt の入力値が返す値の種類(文字列・空欄・null) 空欄チェックの方法 キャンセル(null)の判定方法 数値入力のバリデーション方法 JavaScript の pr …

【JavaScript入門】ダイアログの実務での使いどころまとめ|alert・confirm・promptの活用パターンを初心者向けに解説

この記事で分かること alert・confirm・prompt の実務での使いどころ 削除確認・エラー通知などの実践パターン 初心者がやりがちなNGパターン 実務でダイアログを使う際の注意点 Java …

【JavaScript入門】alert・confirm・promptが嫌われる理由|UI/UXの観点からの注意点と代替案を初心者向けに解説

この記事で分かること alert・confirm・prompt が嫌われる理由 UI/UXの観点での問題点 実務で避けられるケースと注意点 代替となるUI(モーダル・トースト通知)の考え方 alert …

このブログは Xserver 上の WordPress で運用しています。
表示速度が速く、安定しているのでブログ初心者にもおすすめです。

レンタルサーバー エックスサーバー

-Dialog(ダイアログ表示)

執筆者: