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

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

「 JavaScript 」 一覧

【JavaScript入門】postMessageの使い方|iframe・別ウィンドウ間で安全にデータを送受信する方法を初心者向けに解説

この記事で分かること postMessage を使ったフレーム間通信の基本 iframe・別ウィンドウ・親子ウィンドウ間でのデータ送受信 origin チェックによるセキュリティ対策 実務での利用例と …

【JavaScript入門】iframeのcontentWindow・contentDocumentの使い方|内部ページの操作方法を初心者向けに解説

この記事で分かること iframe の contentWindow と contentDocument の違い iframe 内部の DOM を操作する方法 同一オリジン制限でできること・できないこと …

【JavaScript入門】iframeとframesetの違いを解説|歴史・仕様・現代の使い方を初心者向けにわかりやすく紹介

この記事で分かること iframe と frameset の歴史と役割の違い frameset が廃止された理由 iframe が現代Webで主流になった背景 同一オリジン制限や実務での注意点 HTM …

【JavaScript入門】window.openとopenerの使い方|親ウィンドウ・子ウィンドウの関係を初心者向けに解説

この記事で分かること window.open で新しいウィンドウを開く方法 opener を使った親ウィンドウ・子ウィンドウの関係 親ウィンドウから子ウィンドウを操作する方法 noopener などの …

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

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

【JavaScript入門】alert・confirm・promptはスマホで挙動が違う?ブラウザ別の仕様と注意点を初心者向けに解説

この記事で分かること alert・confirm・prompt のスマホでの挙動の違い iOS Safari と Android Chrome の仕様差 PCブラウザとの違い 実務で気をつけるべきポイ …

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

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

【JavaScript入門】ダイアログと非同期処理(async/await)の組み合わせ方|confirm後にAPIを実行する方法を初心者向けに解説

この記事で分かること alert・confirm・prompt と非同期処理の関係 confirm で確認後に async / await を使う方法 API実行とダイアログの実践パターン 初心者がつ …

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

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

【JavaScript入門】削除確認ダイアログの作り方|confirmの基本からカスタムUIまで初心者向けに解説

この記事で分かること confirm を使った削除確認ダイアログの基本 削除処理と組み合わせる実践的な書き方 実務で使われるカスタム削除ダイアログの考え方 初心者がつまずきやすい注意点 JavaScr …