JavaScriptで文字列を数値に型変換する方法について説明します。 Number(), parseInt(), parseFloat()を使った明示的な型変換 文字列を数値型に型変換するにはNumber(), parseInt(), parseFloat()を使います。 Number()は簡単に使えて便利ですが、数字以外を含む文字列を引数に指定するとNaNを返すので注意が必要です。 parse……
変数は、どの範囲からアクセスできるかによって２種類のスコープ（範囲）をもち、それぞれグローバル変数、ローカル変数と呼ばれます。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関数……
今回は、jQueryでラジオボタンの状態を取得する方法を説明します。 ラジオボタンのON/OFFで表示を切り替えたり、フォームのどのラジオボタンが選択されているかをAjaxなどで送信するなど様々な場面で使われます。 ラジオボタンのチェック状態を取得する.val() val()は、指定した要素のvalue属性を返すメソッドです。また、val("値")とすることでvalue属性を設定することもできます……
今回は、jQueryで要素にclassを追加する方法を説明します。 イベントによって動的にclassを追加することで、デザインを切り替える時などに使うことができます。 要素にclassを追加する.addClass() addClass()は、指定した要素にclassを追加するメソッドです。 以下の例では、#targetにshowというclassが追加されます。 HTML <div id="t……