基金訓練webデザイン講座36日目

基金訓練WEBデザイン授業内容

jQueryでアコーディオンメニュー作成

今日の授業は前半は jQueryの基本。
まずは、jQuery のサイトからソースをダウンロードしてローカルに保存。

ローカルに保存.jsにリンクする以外に、“Google Ajax API CDN”のurl(jQueryのダウンロードページの“Google Ajax API CDN”に直リンクも可。

→
http://jquery.com/

http://ascii.jp/elem/000/000/438/438206/

授業の進行で使ったのが ASCII.JPのサイト。
実際にタグを打ちながら、どう変わるのか確認。
jQuery初心者にはコレがBEST！自宅で練習しましょう。

Math関数・randam関数

後半はFLASHを使ったActionScript2.0で、Math関数・randam関数。
とりあえず、スクリプトを記述すると動くけど、関数とか数学的なものはやっぱりちょっと苦手です。。

以下講師ブログより参照。

Math.random();　擬似乱数を発生させる
  • 0.000…から4.999　までの数字を発生させたい場合は　Math.random()*5;
  • 0.000…から9.999　までの数字を発生させたい場合は　Math.random()*10;
Math.floor();　小数点以下を切り捨てて整数を返す
  • Math.floor(1.5);　→戻り値 1
  • Math.floor(-1.5);　→戻り値 2
Math.ceil();　小数点以下を切り上げて整数を返す
  • Math.ceil(12.5);　→戻り値 13
引数
  • Math.round…小数点以下四捨五入
  • Math.floor…小数点以下切り捨て
  • Math.ceil…小数点以下切り上げ
MEMO
  • Google Libraries API
  • JavaScriptやCSSを外部リンクにする理由 → 一度読み込んだファイルの内容はキャッシュされるので、2回目以降のページを高速表示できる。
  • Scriptは“1”ではなく“0”から数える。