文系のための
プログラミング教材
[javascript/jQueryの基本]

ｊａｖａｓｃｒｉｐｔの基本

変数

　変数とは値を一つだけ記憶する箱である。変数に値を入れるには、「左辺の変数 = 値」のように、「=」を用いて値を入れる。文字列を入れる場合は、「''」「""」で囲む。

hensu = 2;
kotoba = '言葉';

　配列は、値を複数入れられる箱である。

hairetsu[] = 'hello';
hairetsu[] = 'world';

上記の場合hairetsu[0]には「hello」、hairetsu[1]には「world」という文字列が入る。

基本文法

　プログラムは順次、分岐、反復の三つの流れで実行される。
　順次は書かれているプログラムを上から順番に実行することである。
　分岐は、条件によって処理を変えることである。もし○○が■■だったら、△△する。違ったら▼▼する。条件は「==」「>」「<」「>=」「<=」「!=」のような比較演算子を使う。
　反復は同じ処理を、ある条件が成立している間、繰り返すことである。○○が■■の間、△△をし続ける。

if (hensu==2) {
  document.getElementById("text").value="正しい";
} else {
  document.getElementById("text").value= "正しくない";
}

for (i=0;i<10;i++) {
  alert("今、"+i+"週目");
}

「getElementById」などで要素を指定し、「.value」などで属性の値を変えることが出来る。

オブジェクトと関数

　プログラミング言語には、プログラミングを行う上でよく使う命令があらかじめ用意されている。それを関数と呼ぶ。基本は「関数名(引数1,引数2,引数3・・・)」のような形になる。
　また、オブジェクト指向であるjavascriptは多くのオブジェクトの設計図であるクラスやメソッドが用意されている。様々な機能を持つ機械がオブジェクトで、それをクラスを基に組み立て、その機能がメソッドというイメージである。

alert()	引数で指定された値をアラート出力する。
Date()	日付を取得する。
Math.random()	乱数を取得する。

ユーザー定義関数

　関数を自分で作成することも出来る。参照ファイルや同じHTMLファイル内の<script>タグ内のどこに書いても、使うことが出来る。ライブラリ(複数のプログラムを再利用可能な形でまとめたもの)やフレームワークなどのオープンソースには予め多くのユーザー定義関数やクラスが用意されている。

function show(hikisu){
  alert('渡された引数は' + $hikisu + 'です。')
}