情報処理概論 第12回 12/21

Introduction to the Information Systems

前回の要約

• JavaScriptでの「イベント」について学んだ
• タイマーオブジェクトを扱う２つの関数の使い方を知った。
• 一秒間隔でDOM要素を変更する関数を呼び出すことで 時計を作る方法を学んだ。
  • 各自で実施してみることを宿題とした

Web技術のまとめ

今回、Web技術に関してのまとめと動向の話も行った。（別ページ参照）

３ ライブラリ（jQuery）を使った書き方

=>解説ページ

(ライブラリを活用するさらに進んだ考え方については、 このページにも参考資料がある。
授業時に解説する時間はないが、各自で参考にして下さい。)

課題２

こんなプログラムを(jQueryを使って)作ってみよう。

1. 画面に四角い領域を３つほど配置する
   • div要素に右図のようなCSS属性（詳しくは各自で調べること）を指定すれば四角い領域として表示されるだろう。
2. それらが、（例えば）１秒おきに「点滅」する （隠れる/現れる を繰り返す）
3. hint:
   • jQueryで要素の表示/非表示 を切り替える方法は 自分で調べてみよう

   • トグル動作（on/offの往復）の定石的な方法は、

        var n=0
        // あらかじめ初期値を設定しておく
        // ...
        function ??? {
            n+=1
            if(n%2==1)　// nが奇数のとき
                 // on にする操作
            else		// 偶数
                // off にする操作
        }
     

     • もっと簡便な方法もあるかも知れません。

• 参考ページ
  • 1 CSSで点滅(そのslimソース)
  • 2 jQueryで点滅

  (丸写しせずに自分で作ってみること)

補足

おさらいのページ