この資料について

講義資料は全てこのサイトにデプロイされます.

サンプルコードは講義資料のはじめにダウンロードリンクが張ってあり,zip 形式のファイルがダウンロードできるようになっています.

つまり,このサイトの URL をブックマークしておけば,毎回開くだけで講義に参加できます.

JavaScript01

サンプルコード

ワンクリックでサンプルコードの zip ファイルをダウンロード!

download

変数

シンタックスハイライトも有効.

const hoge = 100;
const fuga = 200;

conosle.log(hoge + fuga);

条件分岐

HTML で表示されるのでコードの切れ目も気にする必要なし!

const number = 10;

if (number === 10) {
  console.log("Number is 10.");
} else {
  console.log("Number is not 10.");
}

おみくじアプリケーション実装

変数と条件分岐を使っておみくじのアプリケーションをつくろう.

JavaScript02

サンプルコード

download

配列

配列はつよい!

const array = [...new Array(100).keys()].map((x) => x + 1);

繰り返し

繰り返しむずかしい.

for (let i = 0; i < 10; i++) {
  console.log(i);
}

クイズアプリケーション実装

配列と繰り返しを使ってクイズをつくろう.