10月の授業日記

10/1  JavaScript

ユーザーのアクションに応じてブラウザを制御

基本書籍

  1. オブジェクト.プロパティ=値;
  2. オブジェクト.メソッド(値) ;

オブジェクト

  • ブラウザのパーツのjsでの呼称

プロパティ

  • オブジェクトの設定値を変える

メソッド

  • オブジェクトができる機能を実行

はじめてのjs

イベントハンドラ

  • ユーザーのアクションに応じて命令を実行できる
  • タグの属性
  • htmlのイベントハンドラをきっかけにjsがhtmlやCSSを制御できる

イベントハンドラ 

10/15 外部jsファイル

引数

数値を入れて変数に代入できる

外部jsファイル

スプリクトを記述した拡張子jsのファイルにリンクすれば外部ファイルに記述したスプリクトを実行できる

<script src="jsファイルへのパス"></script>(終了タグ要)

外部ファイルに記述された関数をイベントハンドラで呼び出す使用方法が多い

きょうのひとこと

関数やら引数やら変数やら乱数やらで混乱してきました

10/22 DWによるJavaScript

DWにはスクリプトを記述しなくてもJSによるページが作れる方法が用意される

  • ビヘイビア
  • ロールオーバーイメージ
  • JQueryUI

ビヘイビア

DWでのJSのプリセット

画像を入れ替える

スワップイメージ

ロールオーバーイメージ

CSS

Chirua

jsフレームワーク

外部スクリプトの大規模化したものがフレームワーク

jQuery

最も普及しているフレームワークの一つ

  • jQuery本体
  • scriptファイル
  • htmlから呼び出す

jQuery UI

  • アドビ独自のフレームワークをjQuery用に手直ししたもの
  • 挿入し、保存すると必要なファイルがサイト内へコピー・リンクされる

Datepicker

きょうのひとこと 

自分で入力するより簡単だし時間短縮にもなって便利です