10月の授業日記

10/1 JavaScript

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

基本形式

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

オブジェクト

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

プロパティ

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

メソッド

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

はじめてのjs

イベントハンドラ

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

イベントハンドラ

今日の一言

jsという新しいものが出てきましたが、
まだ機能をしっかり理解できていないので、
理解していきたいと思っています。

10/8 関数

複数の命令をひとまとめにして名前をつけたセット

関数の定義

function関数名(引数){命令文}

関数の呼び出し

<タグ イベントハンドラ="関数名(引数)">

window.open

今日の一言

また新しい機能が増えて頭の中を整理するのが大変
最近wifiの調子がすこぶる悪くて困ってます…

10/15 外部jsファイル

引数

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

外部jsファイル

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

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

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

今日の一言

まだ覚えられないですが、覚えてしまえば楽そう。

10/21 DWによるJavaScript

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

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

ビヘイビア

DWでのJSのプリセット

画像を入れ替える

スワップイメージ

ロールオーバーイメージ

CSS

怠惰

jsフレームワーク

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

jQuery

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

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

jQuery UI

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

Datepicker

今日の一言

どんどん要素が増えてきてわからなくなってきた。