完全なソースコード、サーバー監視ダッシュボードの実装デモ、および詳細な解説は、以下のブログ記事にて公開しています。 【JavaScript】DOM操作の基本戦略：querySelectorによる要素取得と操作 Webフロントエンド開発において、画面上の「この文字を変えたい ...

1. はじめに：Webページを「動かす」第一歩 JavaScriptは、動きのある「ダイナミックな」Webページを作成するために不可欠です。そして、JavaScriptがWebページを操作するために最も重要な概念がDOMです。DOMを学ぶことで、Webページの「設計図」を理解し、JavaScript ...

JavaScriptによるブラウザ上での処理量およびコード量の増加に伴い、 JavaScript上のバグが原因で発生する脆弱性も増加しています。そのような脆弱性の最も代表的なものが、 DOM-based XSSです。今回から数回に分けて、 DOM-based XSSについて説明していきます。

前回は、 DOM-based XSSの原因と対策についての概略を解説し、 DOM-based XSSを引き起こすシンクの事例としてinnerHTMLへのHTMLの代入やlocationオブジェクトへのURLの代入をとりあげました。今回は、 innerHTMLやlocationオブジェクトほど頻繁ではないものの、 実際にDOM ...

連載の前回、「第6回 配列とオブジェクトでデータをまとめる」では、配列とオブジェクトの基本的な扱い方を説明しました。扱うデータの量が少ないうちは、普通の変数だけでなんとかなってしまいますが、データの量が増えれば増えるほど、配列や ...

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ 翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています ...