プログラミング初心者向けに、必要最低限覚えてほしいJavaScriptの基礎知識全般について解説します。JavaScriptはWebサイトに動的要素を加える事のできるスクリプト言語です。ブラウザーとテキストエディターがあればWebページの作成から動作確認まで簡単に行う事ができますので、プログラミング初心者が学びやすい言語です。
JavaScript入門
JavaScriptの開発環境【2018年版】
JavaScriptを有効にする方法
HTMLでJavaScriptを使う方法
JavaScriptのalertメソッドでアラートダイアログを作成しよう
JavaScriptのconfirmメソッドで確認ダイアログを作成しよう!
JavaScriptのif文を使ってみよう!
JavaScriptのswitch文の使い方
JavaScriptのforループを使ってみよう!
JavaScriptのwhile文の使い方
JavaScriptの配列オブジェクトの使い方
JavaScriptの配列要素の値を追加/削除する方法
JavaScriptの連想配列を使ってみよう!
JavaScriptで日付や時刻を表示する方法
JavaScriptで日付の計算をしてみよう!
JavaScriptで日付をフォーマットする方法
JavaScriptの基本
JavaScriptとは?初心者向けにわかりやすく解説!
「JavaScript」は、1995年にNetscape社で開発された動的Webページを作成する事のできるスクリプト言語です。近年ではクライアントサイドで実行されるJavaScriptだけでなく、サーバーサイドで実行される「Node.js」などの他、様々な場所で「JavaScript」を動かす事ができるようになりました。初心者向けに「JavaScript」で何ができるか?また、コードの基本ルールについて説明します。
詳しくはこちら→
「JavaScriptとは?初心者向けにわかりやすく解説!」
開発環境
JavaScriptの開発環境【2018年版】
他の言語に比べると、「JavaScript」の開発環境を整えるのは簡単です。基本は「テキストエディター」と「ブラウザー」があれば開発可能ですが、最近では、ブラウザーのみで開発できる「オンラインエディター」などのサービスもあり、プログラミング初心者にもおすすめの言語です。
詳しくはこちら→
「JavaScriptの開発環境【2018年版】」
JavaScriptを有効にする方法
多くのブラウザーの標準設定で、「JavaScript」は有効になっていますが、何らかしらの理由で「JavaScript」を無効にしたい場合や、その反対に無効になっている「JavaScript」を有効にする方法について説明します。本コラムでは、Google ChromeとMozilla Firefoxの設定について解説します。
詳しくはこちら→
「JavaScriptを有効にする方法」
HTMLでJavaScriptを使う方法
HTMLでJavaScriptを使う方法として、「HTMLドキュメント内に記述する方法」と「JavaScriptを外部ファイルとして作成し、HTMLからJavaScriptファイルを呼び出す方法」があります。
本コラムでは、サンプルプログラムと共にJavaScriptの使い方について解説ています。
詳しくはこちら→
「HTMLでJavaScriptを使う方法」
コメント
JavaScriptのコメントの書き方
JavaScriptのコメントの書き方について説明します。JavaScriptのコメントには、「一行コメント」と「複数行コメント」があります。使い方の違いや、コメントを使ったデバッグの方法などを学習します。
詳しくはこちら→
「JavaScriptのコメントの書き方」
ダイアログ
JavaScriptのalertメソッドでアラートダイアログを作成しよう!
JavaScriptの「alert()メソッド」で警告ダイアログをブラウザーに表示する方法について解説します。
「alert()メソッド」の括弧の中にダイアログに表示するテキストを「ダブルクォーテーション」で囲みます。テキストの表示の他、数値や計算式の結果も表示する事ができます。
詳しくはこちら→
「JavaScriptのalertメソッドでアラートダイアログを作成しよう!」
JavaScriptのconfirmメソッドで確認ダイアログを作成しよう!
JavaScriptの「confirm()メソッド」を使って確認用のダイアログを表示する方法について解説します。「confirm()メソッド」の括弧の中にダイアログに表示するテキストを書きます。ダイアログには、指定したテキストと「OK」、「キャンセル」ボタンが表示されます。
詳しくはこちら→
「JavaScriptのconfirmメソッドで確認ダイアログを作成しよう!」
演算子
JavaScriptの演算子一覧
「JavaScript」で使われる基本の演算子について解説します。プログラミングを学習していく上で必要最低限知ってほしい演算子の「算術演算子」、「代入演算子」、「論理演算子」、「比較演算子」、「文字列演算子」、「条件(三項)演算子」を一覧にまとめました。
詳しくはこちら→
「JavaScriptの演算子一覧」
変数
JavaScriptの変数の使い方
JavaScriptの変数の使い方について解説します。JavaScriptの変数宣言は他のプログラミング言語に比べると、とても簡単に宣言する事ができます。変数を使いブラウザーに文字列や数値を表示するサンプルコードで変数の使い方を学習しましょう。
詳しくはこちら→
「JavaScriptの変数の使い方」
条件分岐
JavaScriptのif文を使ってみよう!
JavaScriptの「if文」で条件分岐する方法について学習します。JavaScriptの「if文」は、条件式の結果が真の場合のみに、指定の処理が実行されます。
詳しくはこちら→
「JavaScriptのif文を使ってみよう!」
JavaScriptのswitch文の使い方
JavaScriptのswitch文で条件分岐する方法について学習します。「switch文」は、式の結果に応じて処理が実行されます。
詳しくはこちら→
「JavaScriptのswitch文の使い方」
繰り返し
JavaScriptのforループを使ってみよう!
「JavaScript」の「for」ループ文の使い方について解説します。「for文」は、プログラムの中で同じ処理を繰り返し行う場合に使います。条件式が偽(false)になるまで処理が繰り返し実行されます。
詳しくはこちら→
「JavaScriptのforループを使ってみよう!」
JavaScriptのwhile文の使い方
JavaScriptの「while文」の使い方について解説します。「while文」は、条件式の結果が真(true)の場合に波括弧内の処理が実行されます。通常はカウンター変数を使って処理の終了条件を設定します。
詳しくはこちら→
「JavaScriptのwhile文の使い方」
配列
JavaScriptの配列オブジェクトの使い方
JavaScriptの配列オブジェクトについて解説します。配列変数を宣言したら、複数の値を変数に代入します。テキストや数値配列の作成方法や作成した配列から値を取得する方法など、配列の基本事項について学習します。
詳しくはこちら→
「JavaScriptの配列オブジェクトの使い方」
JavaScriptの配列要素の値を追加/削除する方法
配列オブジェクトの値を「追加」する方法と「削除」する方法について解説します。配列のインデックスを指定して要素を追加する方法や、unshift()メソッドを使って配列の最初に要素を追加する方法の他、NULL値を代入して配列から要素を削除する方法など様々な配列要素の追加・削除について説明しています。
詳しくはこちら→
「JavaScriptの配列要素の値を追加/削除する方法」
JavaScriptの連想配列を使ってみよう!
JavaScriptの「連想配列オブジェクト」の作成方法について解説します。通常の配列変数は配列インデックスは数値になりますが、連想配列は数値ではなく任意の文字列を指定する事ができます。
詳しくはこちら→
「JavaScriptの連想配列を使ってみよう!」
日付
JavaScriptで日付や時刻を表示する方法
JavaScriptのDateオブジェクトを使って、日付や時刻を表示する方法について解説します。日付(Date)オブジェクトを使って特定の日付を設定したり、「年」、「月」、「日」を取得する方法を説明します。
詳しくはこちら→
「JavaScriptで日付や時刻を表示する方法」
JavaScriptで日付の計算をしてみよう!
DateオブジェクトのgetTimeメソッドを使って、日付を計算する方法について解説します。「getTimeメソッド」は基準時間となる「1970年1月1日」からの経過ミリ秒を返します。ミリ秒を「秒」、「分」、「時」、「日」、「年」に換算する方法の他、日付データーを比較する方法について説明します。
詳しくはこちら→
「JavaScriptで日付の計算をしてみよう!」
JavaScriptで日付をフォーマットする方法
本コラムでは、JavaScriptのDateオブジェクトで取得した日付をフォーマット(format)する方法について解説します。日付オブジェクトからISOフォーマットやUTCフォーマットの文字列を取得する方法や「日付と時刻」、「日付」や「時刻」部分のみ取得する方法などを説明します。
詳しくはこちら→
「JavaScriptで日付をフォーマットする方法」