このページは、岐阜大学 工学部 応用精密化学科・生命工学科１年のクラスの授業の内容です。
JavaScriptサンプル作成（サンプル目次）
斎藤末広（岐阜大学非常勤）
岐阜大学教育学部教育学科治療教育コース卒業後、ソフトハウス、株式会社テスクを経て、現在、日本総合ビジネス専門学校、助教授。
今後の学習にコンピュータを利用できる、また教養としてプログラムの基本を学習します。
詳しくは，サンプル目次を見て下さい。ひとり２つずつ当っているが、最低限一つ作成します。
個人毎に、sample.htmを作成して、そこに一工夫して，サンプルを作成する。FTPで自分のホームページのエリアに転送し公開して下さい。
担当する命令・関数は
125 +（学籍番号 mod 319)
125 +（学籍番号 mod 319)＋3
のページの項目です。
その命令のすべての機能を解説する必要はありません。自分の力量にあわせて、自分に分かる範囲でサンプルを作成してください。他のホームページを参考にしたときも、自分なりによく考えて新たに例を作成してください。
学籍番号は，全ての桁です。modは，割った余りを求める演算です。例えば，学籍番号 953003030の人は，148ページと151ページを担当します。
締め切り ２月４日
なお，メールでの質問は受け付けしません。難しいと予想される人は，12/25の補講に参加して下さい。
自分のindex.htmから，サンプルへリンクします。sample.htmは例に従って作成して下さい。
公開したら、私にメールで、件名（Subject）に「岐大課題」（括弧はいれない）、メールの中身に
公開してあるアドレスを書いてください。アドレスは、半角文字を使用して、http:// で始まり,/sample.htm 終わる完全なアドレスです。アドレスが間違っていたり、FTPで公開してなかったり、メールを出さなかったら場合は、合格とはしません。
なお、単位が出る人は、２月８日以後、私からメールが届きます。メールが届かなければ、単位がでませんので、もし、私からの合格メールが届かないときは、確認のメールを私に出してください。あなたからの確認メールには、その日のうちに必ず返事を出します。確認メールの返事が届かないときは、自分のメールの設定が間違っています。メールの設定の仕方はもう教えませんので、自力で設定してください。また、FTPの使用法ももう、教えません。
キーボードを隠して，「岐阜大学 工学部 応用精密化学科 斎藤末広」(自分の学科と名前）を入力して漢字変換もできること。
1/29, 2/5にテストをします。どちらかで合格して下さい。
メール操作、ホームページ操作を通じて，パソコン操作に慣れる。
ホームページ作成を利用してプログラムの基礎を学習する。
『驚異のブラインド・タッチ』増田忠 著
『インターネットハンディリファレンス JavaScript』上田学
著
http://www.ueda.info.waseda.ac.jp/~gaku/js/index.html
岐阜大学サイト内の斎藤のウェブ
この授業で、パソコン、インターネットを自分の道具にすること。そのためには、キーボードを見ずにたたけるようにすること、さらに、自分用のパソコンを手に入れ、すぐにでも自分の道具して使用を開始することである。
また、自分の学習パターンにインターネットを利用することを組み入れること。
本日は出席をとりません。午後からのどの授業に参加しても結構です。
サンプル作成相談、キーボードテストをします。
注意：多くの人が、サンプルページのアドレスを間違って、メールを送ってきています。
http://www2.gifu-u.ac.jp/~jhs4002/sample.htm
のようになるはずです。
本日は出席をとりません。
サンプルの解説、キーボードテストをします。
本日は出席をとりません
|
用語 |
プログラムの世界のイメージ |
|
|
オブジェクト |
小さなロボット |
|
|
メソッド、関数 |
ロボットがする作業 |
|
|
プロパティ |
ロボットの何かの値 |
|
|
イベントハンドラ |
合図 |
|
|
ステートメント（文） |
メソッド（作業）を構成する小さな動作、定義 |
<HTML>
<HEAD> このページ全体に関係することを書く
</HEAD>
<BODY> このページを作るとき、ここを一行一行解読して、この手順で表示する
</BODY>
</HTML>
JavaScriptは、HEAD部、BODY部の両方に書くことができる。
９時から１７時まで実施，ただし，１１時３０分から１３時００分までお昼休み，
内容：復習，キーボードテスト，サンプル作成相談
なお，以下の者は出席メールが少ないので朝の９時から，もしくは１３時から参加して下さい。
953003030,983013007,983013043,983013087,983013018,983013044,983013064,983013080
サンプルページをダウンロードして，自分の課題のメソッド名などを変更する。
期末課題のサンプル作成の例をフロッピーにsample.htmでダウンロード（コピー）して，自分のindex.htmからリンク(クリックしたらそのページを表示：例)して下さい。今日はフロッピ内で作成すればいいです。自分の担当項目，メールアドレス（○○自分の名前○○のところ）など，ダウンロードしたサンプルを修正します。今日は，サンプルプログラムの作成はまだしなくていいです。ただし，人によっては難しいものが当たっています。そういう人は，できる友人を見つけるか，12/25に相談，作成にくるようにして下さい。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、1224-X-学籍番号
X:午後の授業の時限数 午後１時からの授業の人は、１を入れます。いつもの授業の数字をいれて下さい。
メールの中身 アンケート
「サンタさんが本当にいるの？」と子供に聞かれたどう答えるか？
プログラム( 教科書『JavaScript』87ページ)を意図的に間違いを入力して、エラーと原因を確認する。
まず、sample4をフロッピーに保存して、実験を開始する
実験１ 教科書のサンプル５行目のfunction lastmod() の gunction をして、実行してみる。
実験２ 教科書のサンプル６行目のstrをsttrとして、実行してみる
実験３ 教科書のサンプル８行目の"最終更新日："の後ろの半角の " を全角の ”として実行してみる
「最新更新日の表示」機能を自分のホームページに組み込み、FTPで転送し、公開する。
時間があれば、自分のホームページを良くする。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、1210-X-学籍番号
X:午後の授業の時限数 午後１時からの授業の人は、１を入れます。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
教科書『JavaScript』17ページから
文（ステートメント）、予約語、コメント、制御構文、演算子、変数、リテラル、配列
注意：本を読んでもよく分からないところが、いっぱいあると思います。初心者のうちは、分かるところのみを読む、また利用するという態度でかまいません。
簡単な式、表示の追加ができるようにする。できたものの確認の仕方を身につける
その１ フォースを整数で表示する。
その２ 所持金(g)の値を計算して表示する。gの値は、学籍番号を元にsinをとり、それを10000倍して、絶対値とする。
サンプル３を表示して、動作させてみる
フロッピーに保存する。
フロッピー内にコピーしたサンプル３を表示
ソースを表示する。
その１に挑戦、プログラムを参考にしながら、修正する。教科書の索引を利用して、整数にするにはどうするか考える
ソース表示を閉じて、保存
ブラウザ（インターネットエクスプローラ）の更新ボタンを押して検査する
その２に挑戦。
できたら、ブラウザで確認する
本日の課題は、FTPで転送する義務はありません。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、1203-X-学籍番号
X:午後の授業の時限数 午後１時からの授業の人は、１を入れます。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
専用線、従量制回線
高級言語
機械語
コンパイル型言語処理、インタープリタ型言語処理
ホームページを作るためのプログラム言語 HTML
ホームページに動作を追加する言語 JavaScript
JavaとJavaScript
JavaScriptを使用して自分のホームページの下の欄にメッセージを表示する。
課題の目的
ソースを見る、簡単な修正ができる、転送ができる
課題のやり方
サンプル２を参考に自分のホームページを同じように直す。
先ず、
サンプル２のプログラムソース（原稿）をみる
フロッピー内のindex.htmのプログラムソースと比較して修正（コピー）
ソースを閉じて、フロッピー内の原稿で、今作成したものを確認
フロッピーの原稿をFTPで自分のエリアに転送
自分のホームページで更新ボタンを押して確認
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、1126-X-学籍番号
X:午後の授業の時限数 午後１時からの授業の人は、１を入れます。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
FTPで学校のワークステーションにアクセスできないトラブルが多発。フロッピーの方で更新してあれば、よしとした。
コピー貼り付けで、複数行にわたってコピー貼り付けができないと思っていている人がいて１行づつやっていた。
期末課題として、個人毎に、sample.htmを作成して、そこにサンプルを公開するとした。
１２月１７日は休講、冬休みに補講をする。
前回（４回目）にホームページの更新がうまく行かなかった人を特別ホロー
公開の場所の設定（確保と権限設定）（初回のみ）
転送（FTPの使用）
転送したものの権限設定
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、1112-X-学籍番号
X:午後の授業の時限数 午後１時からの授業の人は、１を入れます。
本日の出席は、ホームページが下記その１のアドレスに公開されていることで取ります。もし、本日、講義を欠席しても決まったところにホームページを公開し、来週の月曜までにメールで知らせれば出席とします。講義に出席しても、ホームページが公開していないときは、出席としません。
メールの中身 アンケート
その１ 自分のホームページのアドレス
その２ 今日の授業を理解できたか？（５段階評価）
その３ 今日の授業の自分の充実度（５段階評価）
その４ 授業の感想
FTPソフトで転送先が表示されないトラブルが続出。クライアント（パソコン）側を再起動して，再試行すれば
何割か成功した。
応用精密化学科（Ａ，Ｂ）は，転送ホームページ名をindex.htmlと指示した。生命工学科ではindex.htmlと指示した。解説のホームページの説明がindex.htmと書かれていたので合わせた。（index.htmlの方が，岐阜大学のサーバーのデフォルトのよう）
ローマ字入力練習
不等号の入力の仕方
コピー貼り付けの仕方
簡単なホームページを作成
サンプルを表示して、自分のフロッピに保存する。
それを修正する。
１ 見出しに自分の名前を入れる
２ ヤフーのリンクを設定する
３ 自分のメールアドレスを埋めこむ
保存して、ダブルクリックで表示して、あちゃらの画面が出たら成功です。次回は、サーバに保存して世界中に公開します。次回までフロッピに大切に保存しておいてください。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、1029-X-学籍番号
X:午後の授業の時限数 午後１時からの授業の人は、１を入れます。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
ローマ字入力の仕方とキーボード練習
電子メールの原理の解説とメールの設定
応用精密化学科 ニックネームの登録
生命工学科 メールの初期設定
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、1022-X-学籍番号
X:午後の授業の時限数 午後１時からの授業の人は、１を入れます。
今回メールを初めて出すクラス
メールの中身 アンケート
その１ パソコンをもっていたら使用している種別
例 MAC、Win98、Win95
その２ 岐大のコンピュータをどれぐらい使用しているか
例 メールを時々使用、ひまなときに図書館でホームページをみる など
その３ 今日の授業の感想
今回２回目のメールを出すクラス
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
授業の受け方、単位の取り方（出席重視、タッチタイプ、プログラム課題）、期末テストはない。
WinNTの基本的な操作の確認
ホームページの見方
チェックリスト
（日本総合ビジネス専門学校社会人向け短期パソコン習得講座用から）
キーボード練習
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、1015-学籍番号
メールの中身 アンケート
その１ パソコンをもっていたら使用している種別
例 MAC、Win98、Win95
その２ 岐大のコンピュータをどれぐらい使用しているか
例 メールを時々使用、ひまなときに図書館でホームページをみる など
その３ 今日の授業の感想
応用精密化学科の場合は、入学時に数時間のインターネット利用指導があったため、ほぼ上記の通り。だだしＡ組の方は、メールサーバのダウンしたため口頭で出席をとる。
生命工学科の場合は、上記の内容までいたらず。電源の上げ方，終了の仕方，ＩＤとパスワードの入力，窓の最小化，ホームページの見方，Yahooの使い方を学習する。メールの設定は次回にする。