講義:プログラミング基礎’2016 その7

講義:プログラミング基礎’2016 その7

キーボードテスト基準

  • 6/2 までに、65字/分以上,ミス10未満であれば,A
  • 45字/分以上55字/分未満,ミス10未満なら合格 B。

(Q なぜ,基準を上げたのですが,A 早く受かった方がいいということを示すためです。)

授業のルール

  • どんな警報*1でも,6:45 に出ていたら,休講。(斎藤ルール)。休講のときは書き込みが可能であれば,ここに書き込みします。
  • 詰めて座る
  • スマフォはカバンの中
  • 先生が教室にいる間は,PC で授業以外のことはしない


教科書 入門者のJavaScript (ブルーバックス)『入門者のJavaScript』

○章,p.xx とあれば、『入門者のJavaScript』の章,ページ。

コンピュータ・ソフトウエア用語(本日使う用語),プログラムの命令

授業中にここにない専門用語を私が使ったら,その場で,質問してほしい。

本日の講義の流れ

講義

第8章

教科書と不一致のところ増えています。

まず,サンプルソース保管。
  • xxx簡易ビューアフォルダをコピーして,0602簡易画像ビューア,フォルダを作成する

前回の授業の完成版

viewer0602.html として保存すること


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>簡易画像ビューワ</title>
<link rel="stylesheet" href="viewer.css">
<script>

var pictNo = 1;
var myImg = []; // 変数配列の宣言

myImg[1] = document.createElement('img');
myImg[2] = document.createElement('img');
myImg[3] = document.createElement('img');
myImg[4] = document.createElement('img');

myImg[1].src = 'img/1.jpg';
myImg[2].src = 'img/2.jpg';
myImg[3].src = 'img/3.jpg';
myImg[4].src = 'img/4.jpg';

/* メモ書き
for (var i=1; i< 5; i++){
  myImg[i] = document.createElement('img');
  myImg[i].src = 'img/' + i + '.jpg';
}
*/

function revBtnClick(){
  pictNo--;
  
  if (pictNo < 1) {
    pictNo = 4;
  }
  
  document.getElementById('no').innerHTML='No.' + pictNo;
  document.getElementById('pict').src=myImg[pictNo].src; // 注目
  document.getElementById('no').className='no1';
}

function fwdBtnClick(){
  pictNo++;
  
  if (pictNo > 4) {
    pictNo = 1;
  }
  
  document.getElementById('no').innerHTML='No.' + pictNo;
  document.getElementById('pict').src='img/' + pictNo + '.jpg';
  document.getElementById('no').className='no2';
}

</script>

</head>
<body>

<img id="pict" src="img/1.jpg">
<div id="no" class="no1">No.1</div>
<button onclick="revBtnClick();"></button>
<button onclick="fwdBtnClick();"></button>

</body>
</html>


復習を兼ねて,動作,説明

よくあるトラブル

画像の変数を用意

 document.createElement('img')

 数字や文字は,var a だけよい

配列

数列An なら,

宣言 var A = [];

漸化式 A[n] = A[n-1] + 1;

代入 A[1] = 1;

for 文 // 繰り返し

for (var i = 1; i<5; i++){

 実行する関数1;

 実行する関数2;

}


アンケート

配布された用紙に記入。紙は,縦長に使用すること。

日付,時限数,学生番号(下2桁),氏名

席の前後左右の人の名前(漢字とふりがな,その人に書いてもらう)とその人の一度行ってみたいところと理由

例:斎藤 末広(さいとう すえひろ) バリ島,植物が素敵な感じがするから

前:

後:

左:

右:

A 今日の授業でためになったこと

B 授業に関する質問

C 授業の充実度(1-5)

*1:注意報ではない