初心者向けにJavaScriptのalertダイアログとconfirmダイアログについて解説しています。ダイアログはメッセージとOKボタン、confirmダイアログはメッセージとOK/キャンセルボタンを表示します。それぞれの用途と実装方法を覚えましょう。2018/5/4テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。調査手法:インターネット調査JavaScriptのalertダイアログとconfirmダイアログについて、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。ダイアログとは小さなウィンドウで警告を表示する機能です。メッセージとOKボタンで構成されます。ダイアログについて、詳しくは以下の記事も参考にしてください。ダイアログはメッセージとOKボタン、キャンセルボタンで構成されるダイアログです。ダイアログについて、詳しくは以下の記事も参考にしてください。ダイアログはユーザーが選択不要な警告を表示する場合に使用されます。ダイアログはユーザーの選択が必要な場合に使用します。両方ともダイアログでのボタン操作を行わないと処理が先に進みません。場合によっては操作性を阻害することになるので、利用は必要な場合に留めるようにしましょう。「スクールは高いから独学で成功する」という気持ちの方は多いと思います。その方が金額は低く抑えられるでしょう。独学には向き不向きがあり、実はスクールが向いている人も大勢います。スクールが向いているかもしれません。お気軽にご参加ください。ダイアログの使い方について確認します。</script></body></html>実行結果は以下のとおりです。ダイアログが表示されます。ダイアログが表示されます。OKボタンをクリックすると、ボタンの下に入力結果が表示されます。キャンセルボタンをクリックした際は何も行われません。ダイアログについて学習しました。太田和樹(おおたかずき)ITベンチャー企業のPM兼エンジニア普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。システムの開発・導入マネジメント。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。大石ゆかり内容分かりやすくて良かったです!田島悠介ゆかりちゃんも分からないことがあったら質問してね!大石ゆかり分かりました。ありがとうございます!TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。30分間、オンラインでどんなことでも質問し放題です。あなたの相談に真摯に向き合います。「漠然としているがプロの話を聞いてみたい」こんな気持ちでも大丈夫です。お気軽にご参加ください。※体験用のカリキュラムも無料で配布いたします。関連する記事JavaScriptのコンボボックスの実装方法を現役エンジニアが解説【初心者向け】JavaScriptのコンボボックスの実装方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。入門...JavaScriptJavaScriptの正規表現で利用するRegexpオブジェクトを現役エンジニアが解説【初心者向け】JavaScriptにおける正規表現で利用するRegexpオブジェクトについて、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者...JavaScriptJavaScriptでAPIを呼び出す方法を現役エンジニアが解説【初心者向け】JavaScriptでAPIを呼び出す方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。入門向け...JavaScriptJavaScriptでURLをエンコードする方法を現役エンジニアが解説【初心者向け】JavaScriptでURLをエンコードする方法について、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。...JavaScriptJavaScriptの代入演算子の使い方を現役エンジニアが解説【初心者向け】JavaScriptの代入演算子の使い方について、TechAcademyのメンター(現役エンジニア)が実際のコードを使って初心者向けに解説します。Jav...JavaScriptjQueryでappendメソッドを使って要素を追加する方法【初心者向け】JavaScriptのライブラリであるjQueryでappendを使って要素を追加する方法について、テックアカデミーのメンター(現役エンジニア)が実際のコードを...JavaScriptあわせてよく読まれている記事JavaScriptでconfirmを使って確認ダイアログを表示させる方法【初心者向け】JavaScriptをプログラミング初心者向けに紹介した記事です。今回は、JavaScriptでconfirmを使って確認ダイアログを表示させる方法について、テックアカデミーのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。入門向けにJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発することができます。そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。Webサイトでユーザー情報を登録している時など、次のようなポップアップが表示され、[OK]と[キャンセル]ボタンによってWebサイト側から確認を求められることがあります。これを確認ダイアログといいます。Webページを作る上では使用頻度の高い機能なので、alertやpromptなどと合わせ是非作り方を覚えましょう。alertメソッドとほぼ同じなんだけど、確認ダイアログの場合、ユーザーが選択したボタンの情報を受け取れるんだよね。OKとかキャンセルとかのボタンの結果なんだけど。結果によって表示や処理を変えるといったことができそうですね。