Web製作

JavaScript入門

関数

■概要 functionで関数の宣言をし、returnを利用して結果を戻します。 function getSum(x, y) {  var sum = x + y;  return sum; } 呼び出し時は下記のようにします。 getSu...
JavaScript入門

繰り返し

■概要 JavaScriptの繰り返しも、C, javaなどの言語と似てます。 見てみましょう。 ■while文 var num = 0; while (true) {  document.write(num);  if (num++ > ...
JavaScript入門

条件文

■概要 JavaScriptの条件文は、C, javaなどの言語と似てます。 では、見てみましょう。 ■if文 if (age >= 65)  alert('退職金'); else if (score >= 60)  alert('定年')...
JavaScript入門

オブジェクト

■概要 JavaScriptの型は、PrimitiveタイプとObjectタイプがあります。 オブジェクトとPrimitiveタイプの大きな差は、Reference(参照)です。 Primitiveタイプ変数は、他の変数に値を渡す時とか関数...
JavaScript入門

配列

■概要 JavaScriptの配列は、数字型と文字型と同様に一般的なスクリプト言語と似てます。 C, Javaとは違って、配列にもタイプが決められていません。 配列は[], new Array()で生成し、大きさの制約がなく、一つの配列に異...
JavaScript入門

文字型変数

■概要 JavaScriptは一般的に文字列'String)を提供する他の言語と同様に文字型を支援します。 ただし、JavaScriptにはchar型が存在しないので"か'で囲む必要があります。 var aa = "Hello"; var ...
JavaScript入門

数字型変数

■概要 大体のスクリプト言語の数字タイプと似てます。 整数と浮動小数点を区別しません。 下記のような値が使えます。 10 -2 0 0.8 -1.2 0x1af  // 16進数表記 0ab1  // 8進数表記 Infinity -Inf...
CSS入門

縦中央揃え

まずは例を見てみましょう。 <style> .component-ex:after{ clear: both; display: block; content: '' } .component-ex .label {  float: lef...
CSS入門

横中央揃え

最近よく使われるレイアウトの例です。 .container-ex1 { margin: 0 auto; width: 400px; background: white; padding: 15px; } 例文 テスト用の例文です。テスト用の...
CSS入門

水平レイアウト構成

■float + clear属性で水平レイアウトを構成する まず、横並びで配置する要素をfloat: leftを指定します。もし、特製要素のみ右側に固定したいならrightを指定します。それで、これらを含むコンテナdivタグを作成し、:af...