10月の授業日記

10/7　JavaScript

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

基本書式

1.オブジェクト.プロパティ＝値;

2.オブジェクト.メソッド（値）;

オブジェクト

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

    • プロパティ

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

    • メソッド

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

    • はじめてのjs

    イベントハンドラ

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

    きょうのひとこと

    普段webサイトを使っているときに警告が出たりするのは、JavaScriptで制御しているからなんだとわかりました。

    10/14 関数

    複数の命令をひとまとめにしたセット

    関数の定義

    function 関数名（引数）{命令分}

    関数の呼び出し

    ＜タグ イベントハンドラ＝"関数名（引数）"＞

    winndow.open

    きょうのひとこと

    ボタンを押して外れかあたりか出る、簡単なクイズを作れるのが面白かったです。

    10/21 外部jsファイル

    変数と引数

    値ではなく変数にすれば同じ関数違う数値を代入できる

    外部CSS

    スクリプトを記述した外部JSファイルへリンクして実行させられる

    ＜script src="jsファイルへのパス"＞＜/script＞（終了タグ要）

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

    11/4 DWによるJavaScript

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

    ビヘイビア

    DWでのJSのプリセット

    画像の入れ替え

    スワップイメージ

    ロールオーバーイメージ

    CSS

    せんせい

    jsフレームワーク

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

    jQuery

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

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

    jQuery UI

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

    Datepicker

    きょうのひとこと

    マウスを持っていくとボタンが現れたり、ボタンの色が変わったりする設定も簡単にできるのがいいなと思いました。