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……
jQueryで現在表示中のページのURLとそのパラメータを取得する方法を説明します。 if文を使うことで、URLやそのパラメータによって表示を切り替えることができるので頻繁に見る処理です。locationを使用した方法jQueryでも、JavaScriptでデフォルトで用意されているLocationオブジェクトを利用できます。 Locationオブジェクトでは、「location.プロパティ」のよ……
jQueryで要素を取得する方法はたくさんあり、もちろん「兄弟要素」の取得も簡単に行えます。 兄弟要素とは、例えば以下のHTMLで言うと５つのliタグは、同じ親要素を持ち同じ階層にある要素なので兄弟要素となります。 HTML <ul> <li>one</li> <li>two</li> <li>three</……
今回は、jQueryを初めて使う人向けの基本的な書き方・文法ついて説明します。 jQueryの基本形 jQueryでは、DOM（HTML）の操作をすることが多く、基本形は以下のようになります。 $("セレクタ").メソッド("パラメータ[引数]"); セレクタは、CSSと似ており「#id」「.class」というように、対象となる要素を指定することができます。さらに、「.」でメソッドをつなげることで……
要素には、親要素と子要素や孫要素と呼ばれる、大きい括りの要素と、その中の小さな括りの要素があります。そして、その親要素に指定したスタイリングは子要素に継承されます。つまり、親のスタイルは子孫の要素に、自動的に適用されるのです。例えば上図のように、<body>が親要素で<body>にフォントサイズの指定をした場合、<body>内にある子要素にも、自動的に親要素のフ……