Array on 令和8年度プログラミング基礎

第10回(配列2)

Mon, 01 Jan 0001 00:00:00 +0000

復習

復習1: 配列の要素をインデックスで取り出す

次のプログラムを実行するとコンソールに何が表示されるか考えてみてください．

float[] ArrayA = {10.1, 20.2, 30.3, 40.4, 50.5};
println(ArrayA[0]);
println(ArrayA[2]);
println(ArrayA[4]);

復習2: `int` 型の配列を作る

要素数3の int 型の配列(名前は自由)を作り，次の値を代入してください。

80, 65, 90

その後，すべての値を次のようにコンソールに表示してください。

80
65
90

復習3: string型の配列を作る

要素数4の string 型の配列を作り，次の文字列を代入してください．

数学，英語，理科，社会

その後，すべての値を次のようにコンソールに表示してください．

数学
英語
理科
社会

復習4: 復習3をfor文で書いてください

復習5: 浮動小数点(配列ではないけれど)

次のプログラムを実行するとコンソールに何が表示されるか考えてみてください．

int a = 5;
int b = 3;
println(a/b);

1.5 を得たいときどうすればいいでしょうか．

説明すること

color型の配列

color型

たとえば，赤色を表す変数は次のように作ることができます．

color c;
c = color(255, 0, 0);

赤い円を描いてみます：

color c = color(255, 0, 0); // 上記コードを1行で書いた場合
size(100,100);
fill(c);
ellipse(50, 50, 40, 40);

第11回(まとめ)

Mon, 01 Jan 0001 00:00:00 +0000

これまで，

数値と変数
条件文
繰り返し
配列

を学んできました．ここまでの授業や課題で，質問が多かったポイント・勘違いしやすいポイントを，もう一度立ち返って整理します．

説明部

`setup()` と `draw()` の役割

関数	いつ呼ばれる？	何を書く？
`setup()`	プログラム開始時に 1回だけ	初期設定 (ウィンドウサイズ，初期値)
`draw()`	毎フレーム (通常 1秒に60回)	毎フレーム描画する内容，状態の更新

変数のスコープ：グローバル変数とローカル変数

スコープ

変数には 使える範囲 (=スコープ)があります．

中括弧 { } の 中で宣言された変数 は，その中括弧の 中だけ で使えます．

void setup(){
  int a = 5;       // ここで宣言
  println(a);      // OK
}

void draw(){
  println(a);      // エラー！aはここでは存在しない
}

これは a が setup() の中で宣言された ローカル変数 だからです．

setup() が終わった瞬間に a は消えてしまいます．

第9回(TA向け)

Mon, 01 Jan 0001 00:00:00 +0000

本日の課題

課題1:配列-基礎5

異なる型の配列を組み合わせたプログラムを実装してください：

月〜金の曜日名を格納した String[] 型の配列 days を作成してください
各曜日の気温（10〜30度のランダムな整数）を格納する int[] 型の配列 temperatures を作成してください
「〇曜日の気温は〇度です」という形式でコンソールに表示してください

月曜日の気温は23度です
火曜日の気温は28度です
水曜日の気温は15度です
木曜日の気温は30度です
金曜日の気温は27度です

回答例

String[] days = {"月","火","水","木","金"};
int[] temperatures = new int[5];

for(int i=0; i<days.length; i++){
  temperatures[i] = int(random(10,31));
  println(days[i]+"曜日の気温は"+temperatures[i]+"度です");
}

課題2:配列-応用6

課題1のプログラムを拡張します．

500×300のウィンドウを作成してください
月〜金の各曜日の気温（10〜30度のランダムな整数）を配列に格納してください
各曜日の気温を棒グラフで描画してください
- 棒の幅は40，高さは 気温 × 5 とし，下端（y=height-50）から上に伸びるようにしてください
- 棒の下に曜日名，棒の上に気温を表示してください
x軸・y軸を描画してください

String[] days = {"Mon", "Tue", "Wed", "Thu", "Fri"};
int[] temperatures = new int[5];

void setup() {
  size(500, 300);
  background(255,255,255);
  textAlign(CENTER);
  textSize(16);
  

  for (int i = 0; i < days.length; i++) {
    temperatures[i] = int(random(10,31));
    fill(0,0,0);
    int x = i*80+80;
    int y = height - (5*temperatures[i] + 50);
    rect(x, y, 40, 5*temperatures[i]);
    fill(255,0,0);
    text(days[i], x+20, height-20);
    text(temperatures[i], x+20, y-20);
  }
  line(50,height-50, 450, height-50);
  line(50,height-50, 50, 50);
}

課題3:配列-応用9

4個の整数値を要素に持つ配列から様々な統計量を求めるプログラムを実装してください

第9回(配列1)

Mon, 01 Jan 0001 00:00:00 +0000

配列

公式ドキュメント/配列

配列は同じ種類のデータを複数まとめて格納できる型です．整数(int)の配列，少数(float)の配列，文字列(string)の配列，色(color)の配列など，さまざまな型の配列を作ることができます．

配列の作り方

配列を使うには， 宣言・生成・代入 の3つの手順が必要です．

配列を宣言する

int 型を例に説明します．

Processingに以下を宣言したいとき:

Aという名前の変数を使います．
Aはint型の配列です．

次のように書きます：

int[] A;

コードの説明

コードの意味は，左から

Array on 令和8年度 プログラミング基礎

第10回(配列2)

復習

復習1: 配列の要素をインデックスで取り出す

復習2: int 型の配列を作る

復習3: string型の配列を作る

復習4: 復習3をfor文で書いてください

復習5: 浮動小数点(配列ではないけれど)

説明すること

color型の配列

color型

第11回(まとめ)

説明部

setup() と draw() の役割

変数のスコープ：グローバル変数とローカル変数

スコープ

第9回(TA向け)

本日の課題

課題1:配列-基礎5

回答例

課題2:配列-応用6

課題3:配列-応用9

第9回(配列1)

配列

配列の作り方

配列を宣言する

Array on 令和8年度プログラミング基礎

復習2: `int` 型の配列を作る

`setup()` と `draw()` の役割