勉強会が終わったひと時の写真、残念ながら既に帰宅した方は写っていません
（２） 今月の勉強会
テーマ： JavaScriptの入門
（Ａ）これまで勉強したＪａvａＳｃｒｉｐｔの復習
（１） Ｉｎｔｅｒｎｅｔから無料のＪａｖaＳｃｒｉｐｔコードをダウンロードして利用する場合
多くの場合、Ｈｅａｄの中に挿入するＦｕｎｃｔｉｏｎ（関数）として提供される場合が多いので、
＊ このＦｕｎｃｔｉｏｎの書かれ方と
＊ Ｂｏｄｙの中でこのＦｕｎｃｔｉｏｎへリンクの仕方
を勉強する必要があります。
（２） Headの中のＦｕｎｃｔｉｏｎとしてのJavaScriptの書かれ方とそのＦｕｎｃｔｉｏｎへリンクの仕方
(a) HTMLのリンクを利用してHeadの中に規定してあるFunction（関数）にリンクする。
例： Headの中
<script language="JavaScript">
<!-- function="Greeting()"
{ window.alert("ＨＰ同好会の皆さん 今日は"); // 挨拶文
}
//-->
</script>
Bodyの中
<a href="JavaScript: Greeting()">ここをクリック</a>
この例では、Ｂｏｄｙの中の「ここをクリック」というハイパー・リンクをクリックすると、
“ＨＰ同好会の皆さん 今日は”というメッセージが表示される。
(b) HTMLのimageタグを利用してHeadの中に規定してあるFunctionにリンクする。
例： <img src="image.jpg"onclick="JavaScript:
someFunction() ">
Headの中
<script language="JavaScript">
<!-- function imgSize(obj,w,h)
{ obj.width=w; obj.height=h; }
//--></script>
Bodyの中
<img src="photo01" onMousemove="imgSize(this,300,200)"＿
Mouseout="imgSize(this,150,100)">
この例では、Bodyの中の"photo01"という画像にマウスを乗せると、画像が大きくなり、
マウスをその画像から外すと、、画像が小さくなります。
（３）JavaScriptを無料でダウンロード出来るサイトの例
Internetには数多くのそのようなウェブ・サイトがあります。
その中のほんの１例を挙げますと：
＋１JavaScript ： http://plusone.jpn.org/javascript/
eWeb JavaScript Sample： http://javascript.eweb-design.com/#link
それらのサイトではJavaScriptのコードを実際に試してみることが出来るようになっていますので、
色々試してみて、ご自分の欲しいものをダウンロードして下さい。
（４）JavaScriptの文法の復習
□ Ｏｂｊｅｃｔ（物）を中心としてそのＭｅｔｈｏｄ（操作）とＰｒｏｐｅｒｔｙ（属性）を規定することによってプログラムを
構成する。 → Oｂｊｅｃｔ指向のProgramming
□ Object： a. ビルトインObject ＝ 予め規定されているもの 例；window, document, array,
function 等
b. 一般のObject ＝ ユーザー自身で宣言しなければなりません。
□ Method： Objectへの操作命令で、次のように書きます：
オブジェクト名．メソッド名（パラメータ）
□ Property： Objectの情報を参照したり設定し、次のように書きます：
オブジェクト名．プロパティ名 （注）Property名の後に（）を書きません
□ 変数： 数値や文字列、真偽値、オブジェクトなどを代入して、計算や表示、オブジェクトの指定などを
行う器のようなもの。 例： ｎ=10; // nに10を代入
□ 配列（Ａｒｒａｙ）： 「Array」オブジェクトを使い、一つのオブジェクトで複数の変数を包含し表現できる
大変便利なものです。
□ イベントとイベント・ハンドラー：
JavaScriptの対話的操作がイベントで、そのイベントを起こす為のタグがイベント・ハンドラーです。
例： <img src="picture.gif" onClick="alert('画像がクリックされました')">
画像をクリックした時にアラート表示させる
<div onMouseover="alert('文字とマウスカーソルが重なりました')">文字</div>
テキストにマウスを重ねた時にアラート表示させる
<img src="picture.gif" onClick="JavaScript:
showTime() "name="image_object_name">
画像をクリックした時に、何かの動作（例として現時間を表示）をさせる関数を実行させる
<a href="JavaScript: showTime（）">現時間を表示する</a>
イベント・ハンドラーの代わりに<a>・・</a>を使ってＨｅａｄの部分の関数を呼び出すことも
出来る
（５） JavaＳｃｒｉｐｔのサンプルJavaScript入門０１の検証
Test.SiteのJavaScript入門０１：画像image1.jpgとimage2.jpgの切換え
Headの中：
<SCRIPT type="text/JavaScript">
<!--
pic=new Array("image1.jpg","image2.jpg"); // pic という３つの画像が入った配列の設定
num =1; // numというObjectに１を入れて設定
function Switch() { // Switch という関数を設定
document.varIMG.src=pic[num]; // 頁上のvarIMG.というObjectにnum番目の画像を入れる
if (num==1) {num=0;} //若しnumが１なら、numを0に変える
else { num=1; } //若しそうでなければ、numを１に変える
}
//-->
</SCRIPT>
Bodyの中：
<P><A href="JavaScript:Switch()"><img
src="image1.jpg" name="varIMG"></A></P>
// 最初に表示されているimage1.jpgという画像をクリックすると、Switch()という関数を実行する
（Ｂ）JavaＳｃｒｉｐｔのサンプルJavaScript入門０１の変更
切り替える画像をimage1.jpg、image２.jpg、image３.jpgの３個にした場合のFunctionはどうなるか？
解答：
Headの中のＳｃｒｉｐｔコードを以下のように変更する
<SCRIPT type="text/JavaScript">
<!--
pic=new Array("image1.jpg","image2.jpg","image3.jpg"); //
配列に"image3.jpgを加える
num =1;
function Switch()
{ document.varIMG.src=pic[num];
if (num==1) {num=2;} //若しnumが１なら、numを2に変える
else if (num==2) {num=0;} //若しnumが２なら、numを０に変える
else if (num==0) {num=1;} //若しnumが0２なら、numを1に変える
}
//-->
</SCRIPT>
(C) JavaＳｃｒｉｐｔのサンプルJavaScript入門０２の検証
サイコロの目出しゲーム
Headの中：
<script language="javascript">
<!--
sai=new Array("sai0.gif","sai1.gif","sai2.gif","sai3.gif","sai4.gif",＿
"sai5.gif","sai6.gif"); // ７つのサイコロファイルを立体置場（配列）に置く
function chg(){
r=Math.random()*6; //乱数関数を使って１から６の乱数を生成する
rr=Math.floor(r)+1; //切り捨てて＋１する
document.saikoro.src=sai[rr]; //１から６のサイコロをランダムに入れ替える
}
//-->
</script>
Bodyの中：
<table border=1 bgcolor=#eeeeee><tr>
<td><A href="JavaScript:chg()"><img src="sai1.gif"
name="saikoro" width=200 height=200 border=0></A>
</td></tr></table>
最初に設定してあるsai1.gi画像をクリックする毎に、chg()関数が実行されで、ランダムにサイノ目が変わる
（Ｄ） 来月からの勉強のテーマの予定
平成２２年２月： Ａ．今月勉強しました「画像の切換え」と「サイコロの目」サンプルの復習
Ｂ．「２フレーム ターゲット」のサンプル（Script03）導入の演習を行います。
Ｃ．時間があれば「fldr_frames」の中にご自分が作りたい素材を用意しておいて下さい。
メニュー頁４つとコンテンツ頁４つをＨＴＭLで作成し、「fldr_frame」の中に保存して下さい。
平成２２年３月以降： ご希望を出して下さい。
考えられるテーマとしては、「フォームのある頁」作成や「ウェブ・サイトのファイル管理」
などがあります。
