JavaScriptで日付を一定のフォーマットで表示する方法について説明します。yyyy年mm月dd日(曜日)のフォーマットで日付を表示する例えば、yyyy年mm月dd日(曜日)というフォーマットで現在の日付を表示する場合、次のようなプログラムになります。var date = new Date(); // 現在日時を生成 var yyyy = date.getFullYear();……
ここでは、フォームの必須項目欄が入力されているかどうかをチェックする方法について説明します。フォームに必須項目が入力されていればフォームを送信し、入力されていなければアラートを表示し送信を取りやめます。サンプルプログラムHTML<form metod="post" name="form1" action="result.html"> 氏名（必須） ：<input type="t……
JavaScriptで文字列を数値に型変換する方法について説明します。Number(), parseInt(), parseFloat()を使った明示的な型変換文字列を数値型に型変換するにはNumber(), parseInt(), parseFloat()を使います。Number()は簡単に使えて便利ですが、数字以外を含む文字列を引数に指定するとNaNを返すので注意が必要です。parseInt(……
変数は、どの範囲からアクセスできるかによって２種類のスコープ（範囲）をもち、それぞれグローバル変数、ローカル変数と呼ばれます。JavaScriptでは、関数の外側で宣言した変数はグローバル変数として扱われ、プログラムのどこからでもアクセスすることができます。一方、関数の内側で宣言された変数はローカル変数として扱われ、宣言された関数内からのみアクセスできます。ここでは、JavaScriptにおけるグ……
プログラミングではタイマー処理を行いたいことがあります。JavaScriptでは、指定時間後に関数を呼び出すsetTimeout()と、指定した時間間隔ごとに繰り返し関数を呼び出すsetInterval()があります。ここでは、指定した時間後に関数を一度だけ呼び出すsetTimeout()について説明します。setTimeout()の記述方法setTimeOut('関数', 時間);関数を実行する……
getElementById()を使ってidからHTML要素を取得する方法について説明します。getElementById()の記述方法getElementById()はdocumentオブジェクトのメソッドですので、以下のように使用します。document.getElementById('id名');HTML要素オブジェクトを取得するgetElementById()は、引数に指定したid名を手が……
Webページのレイアウトの際に必須ともいえるCSS。簡単なページ構成でも小さなところで凝ったCSSのデザインがあるだけでぐっとデザインが引き締まります。 ですがイメージはあってもうまくコードにできない、あるいはできてももっと手軽にCSSを使いたいという人もいるのではないでしょうか。そんな人のためにあるのが、ジェネレーターサイトです。ビジュアルでわかりやすいGUIでデザインを選び、CSSコードを吐き……
ある数値の集団の中で任意の条件を満たすものの平均を返す非常に便利なAVERAGEIF関数ですが、実はAVERAGEIF関数は条件は一つしか指定できません。 そんなAVERAGEIF関数を拡張することができるのが、AVERAGEIFS関数です。AVERAGEIFS関数によって、例えばAVERAGEIF関数が営業担当ごとの売上平均や商品ごとの売上平均しか集計できなかったことに対し、営業担当ごとの商品売……
ある数値の集団の中で任意の条件を満たすものの合計を返すときに非常に便利なSUMIF関数ですが、実はSUMIF関数は条件は一つしか指定できません。 そんなSUMIF関数を拡張することができるのが、EXCEL2007から追加されたSUMIFS関数です。SUMIFS関数によって、例えばSUMIF関数が営業担当ごとの売上や商品ごとの売上しか集計できなかったことに対し、営業担当ごとの商品売上などのデータを求……
あるクラスの生徒のテストの点数や会社の営業担当の売上など、個別の数値同士を比較して順位をつけたいことはエクセルを使って非常に多くあるケースの一つです。今回はある集団の中での順位付けに非常に便利なRANK関数をご紹介します。RANK関数とは？RANK関数はある範囲内の数値を昇順、または降順で並び替えた際に指定した数値がその範囲の中でどこに位置するか（何番目の順位にあるか）を返す関数です。RANK関数……
