情報処理概論 第9回 11/30

Introduction to the Information Systems

前回の要約

• これまでに紹介したWebページ作成に至る流れと、 それぞれのファイル（の種類）の関係を整理した。
• SLIMの文法をおさらいした。
• 前々回のロールオーバーの別アプローチとして スクリプトを使う方法を紹介した。
• CSSの応用例として、アニメーションの技術を紹介した。
  • CSSアニメーションを使ってみることを宿題とした。

補足1 拡張子の意味

=> 別ページ

補足1 これまでに学んだ言語（整理）

=> 別ページ

いつ？

スクリプト «クライアント側のWeb技術» の基本

• 別ページ解説に沿って、 JavaScriptの基本を学んだ。
  • 関数を作って、呼び出す、というのが基本的考え方。

• どのタイミングで（いつ？）関数を呼び出すか、 に関しては、当面は タグのonClick属性として、 呼びたい関数を値として渡す方法をとった。

  何を？

  • 他にもさまざまなイベントが使えるが。
• 関数で何をさせるか、については、
  • 当面はアラート（ダイアログボックス表示）等の動作をさせることにし、
  • 元来こういったスクリプトの主たる目的である DOM操作（上右図）について（実習ｂ）は次回扱うこととした。

サンプルページ 1 (SLIM版) (HTML版） 2 (SLIM版) (HTML版）
（HTML版はソース表示して見て下さい）)

課題

• 上記の解説ページの内容を参考に、
  ボタンを押すとアラートを表示するページを
  SLIM または HTMLに CoffeeScriptまたはJavaScriptを組み込んで、 作ってみて下さい。