工学部学生のための
プログラミング入門

（単位名：コンピュータプログラミング）

末広ページへ　このコーナーの目次へ　最新情報

　このページは、岐阜大学工学部の授業です。

私の授業は，授業開始前の２時間前(この授業は，午前８時３０分)に，どんな「警報」でも出ていたら休講です。「警報」が出ていない場合は，学校の方針に従います。注意報は授業あり。

連絡事項

期末テスト 2月7日（木）3限目（12：50～14：20）100番教室

講師：

　斎藤末広（岐阜大学非常勤）

　岐阜大学教育学部教育学科治療教育コース卒業後、ソフトハウス、株式会社テスクを経て、日本総合ビジネス専門学校にて教壇にたち，現在は，ウェブで教材を配付している。

目標：

　リテラシー（コンピュータを使って勉強する）
　プログラミングの基礎を学ぶ

授業の進め方

　出席はときどき取る。

　年内の授業は，１０分ほどキーボード練習がある。

　タッチタイプの練習，メール操作練習

　HTML，JavaScriptプログラミング

単位課題

　１　タッチタイプで目標数値をクリア

　美佳タイプのローマ字単語で，手元を隠して，45 字/分かつミス９回までで合格。各授業最後に，テスト（学生証必要）可能，締切は，（休講になったらその前の）最後の授業，（参考：岐阜大学美佳タイプ選手権）　→　これで最低限の単位はでます。

　２　期末テスト

　コンピュータのハード・ソフト，プログラミングの用語の意味を問います。

使用するハード・ソフト

　岐阜大学総合情報処理センター実習室パソコン(IBM互換機)
　美佳タイプ

教科書・参考資料

　『詳解HTML&CSS&JavaScript辞典第3版』　教科書には学籍番号，氏名を書くこと。

　Winパソコン基本操作：チェックリスト
（日本総合ビジネス専門学校社会人向け短期パソコン習得講座用から）

　『驚異のブラインド・タッチ』増田忠著　参考サイト：増田式キーボード学習法

　キーボード練習プログラム　ミカタイプ：美佳のタイプトレーナ　ダウンロード，英字用　テキスト１，テキスト２

　教科書サポートページ＠秀和システム

　Windows Script Host＠マクロソフト社公式サイト)

強く薦めること

　この授業で、パソコン、インターネットを自分の道具にすること。そのためには、キーボードを見ずにたたけるようにすること、さらに、自分専用のパソコンを手に入れ、すぐにでも自分の道具して使用を開始することである。→ 自分用のパソコンを手に入れよう。

　自分の学習パターンにインターネットを利用することを組み入れること。

授業の約束

　席は教室に入った順番で座ること。実習室を出るときは，自分の席，近くの席の椅子をしまう事

第１４回目(1/31) 今後の学習

目的

　コンピュータ，インターネットを学習の道具にするには。

説明

　ITのプロになるには，
　コンピュータが得意と証明するには

　好きな勉強をインターネットを使って加速する

　勉強，仕事は人類全体で分業。世界の人，仲間といっしょに勉強する

　英語力を付ける

回覧の本が戻っていないとき　http://gv2007.g.hatena.ne.jp/suehiro3721p/20080131/henkyaku

課題

　はてな学習日誌の学習項目を充実させる。

　グループ共有のキーワードの登録の仕方。注意：キーワード登録できるのはグループメンバーのみだが，閲覧はだれでもできる。

　各自，最低３つキーワード登録すること。著作権は守ること。

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：0131

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

Ｄ　登録したキーワード

学科名，学籍番号(下２桁のみ)，名前

第１３回目(1/24) CSS応用その１

目的

　CSSを使って，ウェブの見映えを変更する。

説明

　ウェブページのデザインの決まり方

　特に設定がない ⇒ ブラウザが持っている規定値で表示

　はてなグループの自分のページは

　さらに，はてなグループの規定値で表示

　さらに，はてなグループで選んだデザインで表示

　(このレベルの表示のソース調べて，デザインを研究する)

　さらに，個人ごとに追加した設定で表示

課題

　はてな学習日誌のデザインを変更する。

課題１

h1，h2, h3 を同一傾向の色でそろえる。

h1 {

background-color: #D9D6F5;

}

課題２

　div.main と div.sidebar の配置バランスを変更する

　div.main {

(ここに入れる)

}

div.sidebar {

right: auto;
left: 36px;

}

main に入れるパターン

float: left;

float: right;

margin-right: 25px:

margin-left: 10%

div. なしの，

.main {
.sidebar {

も試してみること。

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：0124

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

Ｄ　読書スピード (単位，字/分，をつけること。数字は半角)

学科名，学籍番号(下２桁のみ)，名前

第１２回目(1/17) CSS入門

目的

　CSSの役割を知る

課題

　0117.htm を修正する。

　　　偶数見出しを，緑色にする。(色の数字は，p581)
　　　奇数見出しを，茶色にする。

　自分のはてなダイアリの見出しの色を好きな色に変更する。

　はてな学習日誌に冬休みの記録を書く

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：0117

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

Ｄ　読書スピード (単位，字/分，をつけること。数字は半角)

学科名，学籍番号(下２桁のみ)，名前

第１１回目(12/20) 復習

目的

　復習

課題

　はてな学習日誌のグラフ表示を修正する。

　道具と人間　

　美佳タイプ選手権　全はてな　岐阜大学　平成19年度受講生

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：1220

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

Ｄ　読書スピード (単位，字/分，をつけること。数字は半角)

学科名，学籍番号(下２桁のみ)，名前

第１０回目(12/13) JavaScrit演習　判断

目的

　判断ができるようにする。

課題

　見本の性格判断を，８つの性格が判断できるようにする。

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：1213

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

Ｄ　読書スピード (単位，字/分，をつけること。数字は半角)

学科名，学籍番号(下２桁のみ)，名前

第９回目(12/06)　JavaScript演習　命令・関数・メソッドを作る

目的

　命令を定義する方法を理解する。

学習項目

　JavaScriptの関数を作成

課題

　サンプル１

　課題１　1206-01.htm 三角形の面積を求める関数を作成する。s = ( a * b )/ 2

　課題２　1206-02.htm 円の半径から，円周と面積を求める公式を関数化する。　

　課題３　1206-03.htm ax² + bx + c = 0 の解を求める公式を関数化する。x = (- b±√(b2-4ac)) / 2a

授業の最後に，メールを出すこと

本日は，このメールで出席を取ります。このメールは指示通りにかけたかどうかで，採点します。件名の 1207 は，必ず半角。

先生にメールを出す

件名(subject)：1207

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

Ｄ　読書スピード (単位，字/分，をつけること。数字は半角)

学科名，学籍番号(下２桁のみ)，名前

第８回目(11/29)　JavaScript演習

目的

　JavaScript の文字，文字列，数字の関係を理解する。

学習項目

　文字列の合成方法，表示

課題

　1 + 2 = 3，を，alert( ) を利用して表示する。

1129-01.htm

　　四則演算それぞれ， 3 * 4 = 12 のように表示する。数字は，prompt で受け付ける。

　1129-02.htm

　　左に授業のページ，右にヤフーメールのページを表示する。　

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：1129

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

学科名，名前

第７回目(11/22)　JavaScript演習

目的

　JavaScript の基本を理解する。

学習項目

　ショートカット

課題

　ショートカットの使い方を学習

　前回のプログラムを改定する

　プログラミング授業用環境　左下に1/4の大きさで授業のページ，左上にprogramingフォルダを開く，右側半分にヤフーメール

　英語学習環境　右下1/4に辞書のサイト，左半分に米国ヤフーのページ，さらに，メモ帳を開く(位置指定なし)

　大学のほかの科目の習環境(自分で考える)

IEを起動するショートカットの設定

その１

"C:\Program Files\Internet Explorer\IEXPLORE.EXE" http://www.yahoo.co.jp

その２

"C:\Program Files\Internet Explorer\IEXPLORE.EXE" Z:\programing\TestF\def\1115.htm

SrtTestF.vbs

Option Explicit

Dim pith
xPath = "testフォルダ" '対象フォルダ

Dim xShell
Dim xFS

Dim xFolder
Dim xSubFolder
Dim xFile

Set xShell = CreateObject("WScript.Shell")

Set xFS = CreateObject("Scripting.FileSystemObject")
Set xFolder = xFS.GetFolder(xPath)

'サブフォルダを開く

For Each xSubFolder in xFolder.SubFolders
    xShell.Run(Chr(34) & xSubFolder.Path & Chr(34))
Next

'ファイルを開く

For Each xFile In xFolder.Files
    xShell.Run(Chr(34) & xFile.Path & Chr(34))
Next

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：1122

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

学科名，名前

第６回目(11/15)　JavaScript入門

目的

　JavaScript の基本を理解する。

学習項目

　オブジェクト，変数，メソッド，プロパティ，グラフ表示(はてな学習日誌)

課題

　グラフ表示の仕方　http://gv2007.g.hatena.ne.jp/suehiro3721p/20071108

　教科書：p325，p358，p378，p559

　サンプル　1115 サンプル

　四則演算：+ - * /

　かっこ ( ) のみ

　左の1/2で授業のページを出す

　右にヤフーメールを出す

禁止事項

　画像は著作権で保護されている，他のホームページの画像を公開する場所では，勝手に使用しないこと。

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：1115

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

学科名，名前

第５回目(11/08)　HTML入門画像の出し方

　本日より，キーボードテストを開始する。授業が始まる前に練習をすること。
　本日の授業開始は，10:40，13:00。

目的

　HTML，はてなグループでの画像の学ぶ。

学習項目

　いくつかのタグを使用してみる。

課題

　教科書：p99

　サンプル　http://gv2007.g.hatena.ne.jp/suehiro3721p/20071108

　学習日誌に，学校の教科書の画像を入れて学習日誌を書く。

禁止事項

　画像は著作権で保護されている，他のホームページの画像を公開する場所では，勝手に使用しないこと。

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：1108

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

学科名，名前

第４回目(10/25)　HTML入門その２

目的

　HTMLのいくつかの命令を知る。

学習項目

　いくつかのタグを使用してみる。

課題

まず，学習日誌でなく，HTMLファイルを利用して実習する。

p18，p44, p47, p49, p61, p64

文字の色を変える例

このページの上部の，「この授業は，午前８時３０分」のソースプログラムは，

<b><span style="background-color: #FF0000"><font color="#FFFFFF">この授業は，午前８時３０分</font></span></b>

次

学習日誌の，先週の金曜から今週の水曜までの勉強したことがらを書く。知っているタグ命令は出来るだけ使用すること。

日にち単位で書くこと。

禁止事項

　インターネットを利用した授業は，好きなホームページを見たり，チャットなど授業中に遊ぼうと思うとどれだけでも遊べます。そのような人がいると，インターネットを利用した授業自体が成り立たなくなります。授業と遊びとしっかりと区別して取り組んでください。

授業の最後に，メールを出すこと

先生にメールを出す

件名(subject)：1025

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

学科名，名前

第３回目(10/18)　HTML入門

目的

　基本的なHTMLのプログラムが書けるようする。

学習項目

コンピュータ
　ハード(５大機能，９つの名称)
　ソフト　(BIOS，OS，ミドルウェア，アプリケーション)

ホームページを作る代表的な３つの言語

HTML	内容を記述する。
CSS	デザインを記述する
JavaScript	動作を与える

HTML/JavaScriptサンプル

関連項目　p11, p27, p43, p149, p399

<html>
<head>
    <title>あと何日</title>
</head>
<body>
<hr>
<script>

  var xToday    = new Date();
  var xBDate    = new Date(2008, 7-1, 21);
  var xNokori = (xBDate.getTime() - xToday.getTime()) / (60*60*24*1000);

  document.write("誕生日まで，<br>");
  document.write(Math.ceil(xNokori), "日<br>");

</script>
<hr>

<h4>マイリンク集</h4>
<a href="http://www.yscon.co.jp/j/lecture/200710/gifudaigaku/moku/index.htm">授業のページ</a>
<p>
<a href="http://www.english-by-english.com/">英英辞典</a><br>
<a href="http://www.alc.co.jp/">英辞郎＠アルク</a><br>

<hr>

</body>
</html>

課題

はてな学習日誌の今日の日付に，自分の学習用リンク集を作成する。

先生にメールを出す

件名(subject)：1018

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

学科名，名前

第２回目(10/11)　ハードウェア＆ソフトウェア，はてなグループ

ヤフーメールの設定が終わっていないものは，授業開始前に終了しておくとよい。よく分からないものは，授業に指導します。

目的

　キーボード練習ができる状態にする。

学習項目

ハードウェア

　コンピュータの５大機能と９つの名称

ソフトウェア

　BIOS，OS，ミドルウェア，アプリケーション

　ドライバソフト

学習するプログラム言語

　HTML

　CSS

　JavaScript

実習，利用する環境

　はてなグループ　http://gv2007.g.hatena.ne.jp　に参加する

　はてなIDを取得，gv○○○
　はてなグループに加入申請する。　はてなIDを，斎藤にメールで知らせる。そうすると，斎藤が登録作業する。その後，各自が参加する。
　はてなグループの自分の学習日誌を一般公開でなく，グループ内公開と設定する

　学習日誌に自己紹介を書く

　小見出しにしたい行を，例えば

<h4>好きな映画</h4>

のように，タブで挟むこと。HTMLタグは，<h2> ～ <h6>を試しに使ってみるこ。

<hr> タグも使用して，どうなるか確かめること。

<b>○○</b> も使ってみること。

先生にメールを出す

件名(subject)：1004

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

第１回目(10/04)　美佳タイプ，ヤフーメール

目的

　キーボード練習ができる状態にする。

学習項目

　美佳タイプをダウンロードし，各自の[ホームディレクト](Z:)に入れる。
　ヤフーメールで，自分のメールを出せるように設定する。

　補足：[ホームディレクト]は，岐阜大学の方で用意してあり，卒業まで使用可能です。

授業の流れ

　席の座り方，退出の仕方の約束確認

　電源の入れ方，ID(ユーザー名)とパスワードの入れ方，電源の落とし方の説明

　Winパソコン基本操作：チェックリスト

　文字がきスピードの測定　日本国憲法前文　タッチタイプの目標はこの３倍。

　指回しのやり方説明

　美佳タイプをダウンロードし，各自の[ホームディレクト]に入れる。
　　メニューの4-2の確認

　ホームポジションの確認

先生にメールを出す

件名(subject)：1004

内容：

Ａ　授業の充実度　５段階評価(1 から５)

B　授業の理解度５段階評価(1 から５)

C　授業の感想，よく分からなかった用語

メールアドレスは，spage@yscon.co.jp に空メールを送り，返信が届いたら，そこに書いてあるメールアドレスに送る。件名は，必ず，半角数字を利用すること。

spage@yscon.co.jp

末広ホームへこのコーナの目次へ

工学部学生のためのプログラミング入門

連絡事項

講師：

目標：

授業の進め方

単位課題

１ タッチタイプで目標数値をクリア

２ 期末テスト

使用するハード・ソフト

教科書・参考資料

強く薦めること

授業の約束

第１４回目(1/31) 今後の学習

目的

説明

課題

授業の最後に，メールを出すこと

第１３回目(1/24) CSS応用 その１

目的

説明

課題

課題１

課題２

授業の最後に，メールを出すこと

第１２回目(1/17) CSS入門

目的

課題

授業の最後に，メールを出すこと

第１１回目(12/20) 復習

目的

課題

授業の最後に，メールを出すこと

第１０回目(12/13) JavaScrit演習 判断

目的

課題

授業の最後に，メールを出すこと

第９回目(12/06) JavaScript演習 命令・関数・メソッドを作る

目的

学習項目

課題

授業の最後に，メールを出すこと

第８回目(11/29) JavaScript演習

目的

学習項目

課題

授業の最後に，メールを出すこと

第７回目(11/22) JavaScript演習

目的

学習項目

課題

授業の最後に，メールを出すこと

第６回目(11/15) JavaScript入門

目的

学習項目

課題

禁止事項

授業の最後に，メールを出すこと

第５回目(11/08) HTML入門 画像の出し方

目的

学習項目

課題

禁止事項

授業の最後に，メールを出すこと

第４回目(10/25) HTML入門 その２

目的

学習項目

課題

文字の色を変える例

禁止事項

授業の最後に，メールを出すこと

第３回目(10/18) HTML入門

目的

学習項目

ホームページを作る代表的な３つの言語

HTML/JavaScriptサンプル

課題

第２回目(10/11) ハードウェア＆ソフトウェア，はてなグループ

目的

学習項目

ハードウェア

工学部学生のための
プログラミング入門

　１　タッチタイプで目標数値をクリア

　２　期末テスト

第１３回目(1/24) CSS応用その１

第１０回目(12/13) JavaScrit演習　判断

第９回目(12/06)　JavaScript演習　命令・関数・メソッドを作る

第８回目(11/29)　JavaScript演習

第７回目(11/22)　JavaScript演習

第６回目(11/15)　JavaScript入門

第５回目(11/08)　HTML入門画像の出し方

第４回目(10/25)　HTML入門その２

第３回目(10/18)　HTML入門

第２回目(10/11)　ハードウェア＆ソフトウェア，はてなグループ

第１回目(10/04)　美佳タイプ，ヤフーメール