Java Education 成果物インデックス

作成済みの教材・アニメーションページ一覧

表示する授業
pro2-processing pro2 Processing

Processing の class / setup / draw の考え方

class は設計書、setup は初回処理、draw はフレームごとのくり返し処理として整理するページです。

/pro2-processing/
class pro2 Java

for文・クラス・オブジェクトの考え方

Java の for 文、クラス、オブジェクトの基本的な考え方を整理した教材ページです。

/class/
pro2-e4-2 pro2 配列

x[0]〜x[49] にクリック位置を保存する

クリック位置を配列へ保存し、上から入れる案と下から入れる案の動きを比較できます。

/pro2-e4-2/
pro2-e4-2-b pro2 配列

x[0]〜x[49] に番号を進めながら保存する(50の時は0に戻す)

配列をずらさず、書き込み位置を表す int の値を増やして保存先を進める考え方を可視化しています。

/pro2-e4-2-b/
pro2-e5-1 pro2 ファイル読み取り

posx.txt と posy.txt の同じ行を座標にして円を描く

2つのテキストファイルを読み取り、同じ行番号の値を x 座標・y 座標として対応づける流れをアニメーションで確認できます。

/pro2-e5-1/
pro2-j6 pro2 文字列

String の split・結合・比較の考え方

文字列をつなぐ、区切り文字で分割する、equals で比較する、分割後の配列から特定の文字列を数える流れを整理しています。

/pro2-j6/
pro2-j7 pro2 2次元配列

多次元配列(2次元配列)の考え方

2次元配列を入れ子の配列として見て、data[行][列] の添字指定、二重ループ、平均計算の形を確認できます。

/pro2-j7/
pro2-e8-1 pro2 CSV出力

50行30列の明るさを data.csv に保存する

クリックした矩形の明るさを2次元配列に保存し、カンマ区切りの data.csv として出力する流れを確認できます。

/pro2-e8-1/
pro2-e8-2-txt pro2 ファイル読み取り

question.txt を読み込みカンマ区切りで分解する

loadStrings で1行ずつ読み込み、split でカンマごとに6列へ分解する流れを、行をクリックしながら確認できます。

/pro2-e8-2-txt/
pro2-e8-2-key pro2 画面遷移

キー入力で画面を切り替えるクイズの仕組み

boolean のフラグで「出題」と「回答」の画面を切り替える状態管理を、実際にキーを押しながら確認できます。

/pro2-e8-2-key/
pro2-e8-2-mouse pro2 座標判定

マウス座標で1〜4の選択肢を判定する

GUIライブラリを使わず、四角を描いてクリックした座標がどの四角の範囲に入るかで選択肢を判定する仕組みを試せます。

/pro2-e8-2-mouse/
pro2-j9 pro2 List

コレクションクラス List の操作

大きさを決めずに要素を追加・削除できる List の add・set・remove・size を操作で試し、Iterator の next・hasNext の動きも確認できます。

/pro2-j9/
pro2-j10 pro2 GUI

GUIライブラリ ControlP5 を使ったプログラム

ボタン・テキストエリア・テキストフィールド・ドロップダウンリストの4部品を、実際に操作できるGUIウィンドウで試しながら使い方を確認できます。

/pro2-j10/
pro2-e13 pro2 クラス・乱数

Circleクラスでつくるランダムウォーク

直前の円の座標を保持し、乱数に応じて上下左右へ円を描く流れを、最新の円を示す矢印とともに確認できます。

/pro2-e13/
pro3-init-java pro3 Java

Windows で JAVA_HOME を設定する手順

JDK のインストール先を確認し、環境変数 JAVA_HOME と Path を設定して java / javac を使えるようにするページです。

/pro3-init-java/
pro3-02-j pro3 Java基礎

演算子、変数と型、文字列、if文と繰り返し処理

Processingとの対応を確認しながら、Javaの演算子、プリミティブ型、文字列、条件分岐、繰り返し処理を整理するページです。

/pro3-02-j/
pro3-05-a pro3 Java基礎

インスタンスメソッドとクラスメソッド

Rectangleクラスを例に、インスタンスメソッドとクラスメソッド、this、static、メソッドのオーバーロードを学ぶページです。

/pro3-05-a/
pro3-05-a-2 pro3 Java基礎

mainメソッド・コマンドライン引数・Mathクラス

Javaプログラムの開始地点、コンパイルと実行、コマンドライン引数、Mathクラスのメソッドと定数を学ぶページです。

/pro3-05-a-2/
pro3-06-a pro3 Java継承

クラスの継承・super・this

extendsによる継承、親子のコンストラクタ、superとthis、IS-A関係とHAS-A関係を学ぶページです。

/pro3-06-a/
pro3-07-a pro3 Java継承

多態性・アクセス制御・抽象クラス

オーバーライド、多態性、アクセス修飾子、情報隠蔽、抽象クラスを実行可能なサンプルで学ぶページです。

/pro3-07-a/
pro3-java-instance pro3 Java

interface と class 継承の違いを、Java のコード例で整理する

interface と class 継承の役割の違いを、コードと概念の対応で確認するページです。

/pro3-java-instance/