このページは、岐阜大学 工学部 応用精密化学科，生命工学科１年のクラスの授業の内容です。
斎藤末広（岐阜大学非常勤）
岐阜大学教育学部教育学科治療教育コース卒業後、ソフトハウス、株式会社テスクを経て、現在、日本総合ビジネス専門学校、助教授。
リテラシー（タッチタイプ，メールの操作）
プログラミングの基礎
タッチタイプの練習，メール操作によって，パソコンに親しむ。
JavaScriptの作成を通じて，プログラミングの基礎を身につける。
美佳タイプのローマ字単語で，手元を隠して，45 字/分で合格。毎授業，常時テスト（学生証必要）可能，締切は，最後の授業，（参考：岐阜大学美佳タイプ選手権）
教科書のプログラムを作成する。
プログラムの基礎を問う。
教科書『JavaScript入門』河西朝雄著，技術評論社
Winパソコン基本操作：チェックリスト
（日本総合ビジネス専門学校社会人向け短期パソコン習得講座用から）
『驚異のブラインド・タッチ』増田忠 著 参考サイト：増田式キーボード学習法
キーボード練習プログラム ミカタイプ：美佳のタイプトレーナ ダウンロード
メールマガジン『JavaScript&Javaで目指そう！基本情報技術者試験』
この授業で、パソコン、インターネットを自分の道具にすること。そのためには、キーボードを見ずにたたけるようにすること、さらに、自分用のパソコンを手に入れ、すぐにでも自分の道具して使用を開始することである。
また、自分の学習パターンにインターネットを利用することを組み入れること。
☆
授業をきっかけにパソコンに興味がもてるようになりました.。ミカタイプを練習することによって，上達することの面白さが分かりました。
☆
いくつものプログラムをうちこんでいるうちに，そのプログラムの意味を考えることが好きになり，他のホームページのソースもみて，その意味を考え，それがどのように作用するのかも考えるようになった。
☆
先生の授業は，とにかく例題と練習問題を作りまくるという感じでしたが，for
と if 文ならば，完全に理解できたと思います。
☆
いままで，プログラミングなんてやったこともなかったので，この授業はいい経験になりました。自分で苦労して作ったプログラムがちゃんと動作したときは，感動でした。それと同時にプログラムを作る大変さも分かりました。
☆
この授業をきっかけにパソコンを購入しました。またこういう授業があったらうけたいです。
☆
少しだけであるが，プログラムがただの文字と数字の羅列から，読むことのできるものにかわった。
☆
プログラムとかは業界にいる人たちがすることだとずっと思っていたから授業でプログラムをやったときは驚いた。
課題１ 万年歴を動かす(p83)
課題２ 他の人が作ったバグを探して，正常にします。
イベントとは，日本語では，運動会とか，展示会の催し物を指す。コンピュータの世界では，イベントいうと，マウスでクリックしたとか，数字を変化させたなどの，出来事を指す。代表的なイベントである，マウスクリックのプログラムを作成する。
例題１８ ボタンのクリックでバックカラーを変更する。
練習１８ ボタンクリックで，テキスト枠に文字を入れる。
if(条件式){
条件式が成立するときにやる命令（群）
}
else{
条件式が成立しないときにやる命令（群）
}
else{ } は省略可能です。
判断文は，Jマガ第９号で解説予定
img1.gif
として保存する
img2.gif
として保存する。
本日の課題
例題３を動作可能にする。例題１(rei1.htm)をコピーして，例題３(rei3.thm)に修正する。
余裕があれば，練習３，例題４，練習４と挑戦する。
練習４のために画像を用意するときに，写真等は，img1.gif のように .gif （ジフ）形式でなく，.jpg(ジェイペグ)形式が多い。利用の仕方は同じ。
プログラムのエラーを取り除くことを，デバック(debug)という。エラーを虫（bug)にたとえて，虫を取り除くということで，debugといわれている。
デバックのテクニック
画面をうまく分割して，実行結果，ソースを見やすいようにする。
エラーをうまくみる
よく発生するエラーを学習しておく
else{ } は省略可能です。
判断文は，Jマガ第９号で解説予定
img1.gif
として保存する
img2.gif
として保存する。
本日の課題
例題３を動作可能にする。例題１(rei1.htm)をコピーして，例題３(rei3.thm)に修正する。
余裕があれば，練習３，例題４，練習４と挑戦する。
練習４のために画像を用意するときに，写真等は，img1.gif のように .gif （ジフ）形式でなく，.jpg(ジェイペグ)形式が多い。利用の仕方は同じ。
for ( i =0 ; i < 3; i ++){
}
教科書p16
img1.gif
として保存する
変化する数を利用する。i が，0, 1, 2 と数を記憶している。
教科書p19
本日の課題
練習１，例題１を動作可能にする。
<title> などの HTML 言語は大文字小文字は関係ない
<script> </scritp> の間は，JavaScript
で大文字と小文字が区別される。
<script language="JavaScript"> は，<script> と同等
漢字変換をした後は，すぐにもとに戻しておくとこ，漢字変換の状態で，
スペース（全角スペース）を入れると，トラブルのもと。矢印キーで移動していみると半角のスペースか，全角のスペースが区別できる。
| 専門用語 | Windowsでは | ゲーム機 |
| ハードウェア | パソコン本体，キーボード，表示装置，マウス，フロッピー等 | ゲーム本体，ゲームパッド，テレビ，カートリッジ，メモリカード |
| ソフトウェア （プログラム+データ） |
Windos2000，インターネットエクスプロラー，ユードラ | ロゴ画面，ファイナルファンタジー |
| 専門用語 | Windowsでは | ゲーム機 |
| オペレーティングシステム（OS) | Windos2000 | ロゴ画面 |
| アプリケーションプログラム | インターネットエクスプロラー，ユードラ | ファイナルファンタジー，DDR |
| データ | ホームページ，電子メールのメール | ゲームの途中経過，音楽 |
運動会のプログラム，料理のレシペ
人間とコンピュータとの約束，コンピュータの言葉
原始プログラムと機械語プログラム
参考，Ｊマガ第１号
課題
自分の次の誕生日までの日数を表示する。
* <html>
<head>
<title>Hello JavaScript</title>
</head>
<body>
<script>
document.write("<h1>Hello JavaScript</h1>")
</script>
<hr>
<script>
var xToday = new Date();
var xTestDate = new Date(2002,7-1,21); // 月の数え方に注意
xNokori = (xTestDate.getTime() - xToday.getTime()) / (60*60*24*1000);
// 分母は1日のミリ秒数
document.write("<h2><CENTER>");
document.write("斎藤末広の誕生日まで，<br>");
document.write(Math.ceil(xNokori), "日<br>");
document.write("</h2></CENTER>");
</script>
<hr>
</body>
</html>* |
キーボード練習，練習用ソフトダウンロード，メールの利用，ホームページの利用法
前回同様の授業の例（平成１３年度前期 岐阜大学工学部応用精密化学科コンピュータプログラム）