JavaScript– category –

はじめに 前回の記事では、正規表現（RegExp）の使い方を解説しました。 今回は、一連の処理をひとまとまりにして名前を付け、何度でも呼び出せるようにする関数（Function）の基本的な使い方を解説します。これまでの記事でもaddEventListenerやforEach・...

はじめに 前回の記事では、配列（Array）の操作方法を解説しました。 今回は、文字列が特定のパターン（形式）に合っているかを調べたり、パターンに一致する部分を取り出したり置き換えたりできる正規表現（RegExp）の使い方を解説します。メールアドレス...

はじめに 前回の記事では、演算子（算術演算子・比較演算子・論理演算子・三項演算子）の使い方を解説しました。 今回は、複数のデータをまとめて扱うときに欠かせない配列（Array）の操作方法を解説します。要素の追加・削除から検索、変換・集計、並び替...

はじめに 前回の記事では、日付（Dateオブジェクト）の操作方法を解説しました。 今回は、値の計算や条件分岐に欠かせない演算子の使い方を解説します。算術演算子・比較演算子・論理演算子・三項演算子まで、実務でよく使う書き方と、つまずきやすい落と...

はじめに 前回の記事では、文字列（String）の操作方法を解説しました。 今回は、日付や時刻を扱うDateオブジェクトの使い方を解説します。現在日時の取得、年月日・曜日の取得、日付の計算、表示形式の整形まで、実務でよく使う操作方法を中心に紹介しま...

はじめに 前回の記事では、<form>タグ（フォーム）をJavaScriptで操作する方法を解説しました。 今回は、フォームの入力値チェックや画面表示の整形など、あらゆる場面で使う文字列（String）の操作方法を解説します。文字列の検索、抽出、置換、分...

はじめに 前回の記事では、<img>タグ（イメージ）をJavaScriptで操作する方法を解説しました。 今回は、お問い合わせフォームや検索窓など、Webサイトに欠かせないフォーム（<form>タグ）をJavaScriptで操作する方法を解説します。フォーム要...

はじめに 前回の記事では、<a>タグ（リンク）をJavaScriptで操作する方法を解説しました。 今回は、Webページに欠かせないもう1つの要素、イメージ（<img>タグ）をJavaScriptで操作する方法を解説します。srcの書き換えによる画像切り替え、読...

はじめに 前回の記事では、addEventListenerを使ったイベント処理の基本と、イベント委任の仕組みについて解説しました。 今回は、そのイベント処理の知識も使いながら、Webページに欠かせないリンク（<a>タグ）をJavaScriptで操作する方法を解説し...

はじめに 前回の記事では、documentオブジェクトを使ったHTML要素の取得・操作方法について解説しました。 今回は、「ボタンがクリックされた」「フォームが送信された」「キーが押された」といった、ユーザーの操作やブラウザの状態変化に反応するイベン...

はじめに 前回の記事では、alert・confirm・promptを使ったダイアログボックスの表示方法について解説しました。 今回は、windowオブジェクトの子オブジェクトであるdocumentを使って、HTML要素を取得・操作する方法を解説します。ボタンをクリックしたら...

はじめに 前回の記事では、window.open()を使ったウィンドウの開閉・移動・リサイズについて解説しました。 今回は、ブラウザが標準で用意しているダイアログボックス（alert・confirm・prompt）の使い方を解説します。「保存しました」といった通知や、「...

はじめに 前回の記事では、windowオブジェクトを頂点とするブラウザの仕組み（BOM）について解説しました。 今回は、そのwindowオブジェクトを使って新しいウィンドウを開く・閉じる・移動する・サイズを変えるといった、ウィンドウそのものを操作する方法...

はじめに 前回の記事では、JavaScriptとは何か、そして<script>タグを使った基本的な書き方について解説しました。 今回は、JavaScriptが動作する土台となっている「ブラウザ」そのものについて解説します。JavaScriptは「Webページ（HTML）」だけで...

はじめに 「ボタンを押したら画面の表示が切り替わる」「入力欄に何も書かずに送信すると注意メッセージが出る」――こうした動きのあるWebページを見たことはありませんか？ これらはすべて、JavaScriptというプログラミング言語によって実現されています。...