初心者入門JavaScript入門 - 基本構文の解説とクラス/関数リファレンス

JavaScriptはクライアント側で実行されるオブジェクト指向型のスクリプト言語です。JavaScriptを用いることで、動的にWebページの内容を書き換えたりフォームに入力された内容をクライアント側でチェックするといった処理が行えます。ここではJavaScriptを使ったプログラミングの方法をサンプルを用いて解説していきます。

JavaScript入門のメニュー

JavaScriptを各種ブラウザで有効にする方法やWebページの中にどのようにJavaScriptを記述するのかなど基本的事項を確認します。

• ブラウザのJavaScript有効/無効の設定
• Google Chromeでの設定
• Firefoxでの設定
• Internet Explorer 11での設定

• JavaScriptエラーの確認
• Google Chromeでのエラー表示
• Firefoxでのエラー表示
• Internet Explorer 11でのエラー表示

• JavaScriptの記述方法
• metaタグによるデフォルトのスクリプト言語の指定
• HTMLファイルでのスクリプトの記述
• XHTMLファイルでのスクリプトの記述
• 外部ファイルにスクリプトを記述
• JavaScript機能がオフの場合に別のコンテンツを表示

JavaScript構文

JavaScriptを使ったプログラムを記述する上で必要となるJavaScriptの構文を1つ1つ確認していきます。

• JavaScriptの基本事項
• スクリプトの記述
• スクリプトが実行されるタイミング
• 分散して記述されたスクリプトの扱い
• (全5記事の一覧へ ...)

• JavaScriptのデータ型
• 文字列
• 特殊な文字の入力(エスケープシーケンス)
• 数値
• (全7記事の一覧へ ...)

• 変数
• 変数の使い方
• 変数の宣言(var文)
• 変数名のつけ方(識別子)
• (全7記事の一覧へ ...)

• 演算子
• 式とは
• 算術演算子
• 単項マイナス演算子
• (全17記事の一覧へ ...)

• 繰り返し処理
• 繰り返し処理の使い方
• for文
• 条件式の変数を利用
• (全11記事の一覧へ ...)

• 条件分岐
• if文
• 条件式がfalseの時の処理(if..else)
• 複数の条件式を組み合わせる(if..else if)
• (全5記事の一覧へ ...)

• オブジェクト
• オブジェクトの使い方
• オブジェクトリテラル
• ドット演算子を使ったプロパティへの値の代入と参照
• (全5記事の一覧へ ...)

• 配列
• 配列の使い方
• 配列リテラル
• 要素への値の代入と参照
• (全5記事の一覧へ ...)

• 関数
• 関数の使い方
• 関数の定義と呼び出し
• 引数を使って関数へ値を渡す
• (全5記事の一覧へ ...)

• 型変換とラッパークラス
• 文字列への変換
• 数値への変換
• 論理値への変換
• (全4記事の一覧へ ...)

組み込みクラス及びグローバル関数のリファレンス

JavaScriptで用意されている組み込みクラス及びグローバル関数のリファレンスです。

• グローバル関数
• parseInt関数
• parseFloat関数
• isNaN関数
• (全4記事の一覧へ ...)

• Objectクラス
• コンストラクタ関数
• constructorプロパティ
• toStringメソッド
• (全5記事の一覧へ ...)

• Numberクラス
• コンストラクタ関数
• toStringメソッド
• toLocaleStringメソッド
• (全7記事の一覧へ ...)

• Stringクラス
• コンストラクタ関数
• lengthプロパティ
• toStringメソッド
• (全15記事の一覧へ ...)

• Booleanクラス
• コンストラクタ関数
• toStringメソッド
• valueOfメソッド
• (全3記事の一覧へ ...)

• Arrayクラス
• コンストラクタ関数
• lengthプロパティ
• toStringメソッド
• (全8記事の一覧へ ...)

• Dateクラス
• コンストラクタ関数
• toString / toDateString / toTimeStringメソッド
• toLocaleString / toLocaleDateString / toLocaleTimeStringメソッド
• (全18記事の一覧へ ...)

• Mathクラス
• Mathクラス定数
• abs関数
• round関数
• (全19記事の一覧へ ...)

• Functionクラス
• コンストラクタ関数
• lengthプロパティ
• prototypeプロパティ
• (全4記事の一覧へ ...)

• Argumentsクラス
• lengthプロパティ
• calleeプロパティ
• (全2記事の一覧へ ...)

オブジェクト

JavaScriptを使って各オブジェクトを利用する方法を確認します。

• ドキュメント(document)
• 文字列を表示する
• 画像を表示する

• ダイアログ(dialog)
• 警告ダイアログ
• 確認ダイアログ
• 入力ダイアログ

• ウィンドウ(window)
• 新しいウィンドウを開く(open)
• 一定時間後に処理を行う(setTimeout)

• 文字列(string)
• 文字列を分割する

• イベント処理
• Webページ読み込み時の処理(onLoad)
• クリック時の処理(onClick)
• フォーム変更時の処理(onChange)

DOM

DOM(Document Object Model)の基本的な使い方について確認していきます。

• DOM入門
• DOMとは
• DOMの階層構造
• タグ名を指定してノードへアクセス
• (全5記事の一覧へ ...)