この記事で分かること
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 の書き方をまとめて習得
体系的に学びたい方へ(スクールという選択肢)
独学の限界を感じやすいポイント
confirm()・alert()・prompt()の違いが曖昧なままになる- OK / キャンセルによる処理分岐が断片的になりやすい
- 削除確認や遷移前確認など実務的な処理でつまずきやすい
- 学習の順番に自信が持てない
スクールでは、プロの講師が学習ロードマップを作成し、
confirm() を含むダイアログ処理や
JavaScript の基礎を体系的に理解できるようサポートしてくれます。
無料相談で得られるメリット
- あなたのレベルに合わせた学習計画を作成
- 確認ダイアログやイベント処理の理解を深めるアドバイスがもらえる
- 効率的な学習方法をプロが提案
- エンジニア転職を視野に入れたキャリア相談も可能
JavaScript を効率よく学びたい方には、未経験からエンジニアを目指せる
DMM WEBCAMP の学習コースも選択肢のひとつです。
confirm() に関するよくある質問(FAQ)
confirm() の戻り値は?
OK なら true、キャンセルなら false が返ります。
confirm はどんな場面で使う?
削除操作・ページ遷移・フォーム送信など、重要な操作の前にユーザーの意思確認を行う場面で使われます。
スマホで confirm が表示されないことはある?
一部ブラウザではブロックされる場合があります。必要に応じてモーダルUIの利用を検討してください。
alert()・prompt() との違いは?
alert() はメッセージ表示のみ、prompt() は文字入力、confirm() は OK/キャンセルの選択ができます。
まとめ
confirm()は OK / キャンセルの2択ダイアログを表示する- OK →
true、キャンセル →falseを返す - ユーザーの意思確認に最適
- ページ遷移や削除操作の前に使われることが多い