この講義の目的

• 作り手になろう
• プログラミングは、最も簡単な生産方法の1つ
• Webは、最もお手軽なプログラミング環境の1つ

採点の要素

• 中間試験（第7回に予定）
• 最終発表と成果物
• 日々の講義への貢献

休講と補講の予定

担当教員：清水智公

環境を作ろう

• Firefox Developer Editionのインストール
• Visual Studio Codeのインストール
• node.js のインストール
• Githubへのサインイン
• Github Desktopのインストール

IDを教えてください

Github

• バージョン管理システム
• コラボレーション支援
• タスク管理、活動の可視化もできる

どのファイルが最新？

• index.html
• index_new.html
• index (old).html
• index_20150920.html
• index_2015092001.html
• index.html（最新）
• index.html（ほんとの最新）

そこでバージョン管理

GitHubの操作

• レポジトリの作成 (create)
• 手元へのクローン (clone)
• 履歴の保存 (commit)
• 履歴の送信 (push)

初めての clone

クローン方法

Finder でのレポジトリの表示

GitHubの操作：ファイルの変更を破棄

ファイル削除後の GitHub Desktop

変更の破棄

GitHubの操作：コミット

変更のコミット

練習問題1：変更とコミットに慣れる

• index.html に書かれている単語について調べ、その定義を記入すること
• 1 つの単語の意味を記入するたびに、コミットを行うこと

Pull request

送信された pull request

Web 上で閲覧可能であることに留意すること

対話的な JavaScript の実行

コンソールの表示

コンソールで次を実行する

1 + 2
3 * 5
1 * 2 * 3 + 4
10 % 7
86418 % 7
Number.POSITIVE_INFINITY * 2
Number.POSITIVE_INFINITY + Number.NEGATIVE_INFINITY
Number.MAX_VALUE
Number.MAX_VALUE + 1

式と評価

式と評価（つづき）

式と評価（つづき）

算術演算子

関数の呼び出し

add(1, 2)
add(1, 2) + 1
add(1, add(2, 3)) + 4
add(add(1, 2), add(3, 4)) + 5

より複雑な関数の呼び出し

divide(1, Math.exp(multiply(add(multiply(2, 4), 1), -1)) + 1)

この関数を計算している：

変数：計算の途中経過の記憶

var ix = multiply(2, 4);
var x = add(ix, 1);
var denominator = add(multiply(x, -1), 1);
divide(1, denominator);

変数名の宣言

var a;
var b, c, d;
var e = 10;

• 記号を変数と明示するため
• カンマ (,) で区切って、複数の変数を1文で宣言できる
• 変数の宣言と、代入を1文で行える

代入：変数と値の結びつけ

参照：文の中で変数を利用すること

var a = 1;
var b = 2;
var c = a + b;
var ix = multiply(a, c);
var x = add(ix, b);
var denominator = add(multiply(x, -1), a);
divide(1, denominator);

関数定義

function sigmoid(value, gain){
  gain = multiply(gain, -1);
  value = multiply(value, gain);
  var denominator = 1 + Math.exp(value);
  return divide(1, denominator);
}

var a = sigmoid(0, 1);
var b = sigmoid(1, 2);
var c = sigmoid(2 * 4 + 1, 1);

• プログラムの部分をまとめること
• 多くの場合は、まとめた部分に対して名前をつける
• プログラム作成の効率化、処理の抽象化、可読性の向上

仮引数

function sigmoid(value, gain){
  gain = multiply(gain, -1);
  value = multiply(value, gain);
  var denominator = 1 + Math.exp(value);
  return divide(1, denominator);
}

• 関数定義時には、引数の値は未定
• 計算に利用するため、引数をそれぞれ変数（仮引数）として表現
• 関数定義時に()へ列挙することで、仮引数を宣言できる

実引数

function sigmoid(value, gain){
  gain = multiply(gain, -1);
  value = multiply(value, gain);
  var denominator = 1 + Math.exp(value);
  return divide(1, denominator);
}

var a = sigmoid(0, 1);

• 関数呼び出し時に、引数の値は決定される
• 値が決定した引数を実引数と呼ぶ
• 上記の例では0と1が value と gain に代入され計算が行われる

返り値

function increment(value){
  return value + 1;
}

var a = increment(10); //11が代入される
var b = increment(1); // 2 が代入される

• 返り値：関数の評価値
• 何を評価値とするかは、プログラマが明示する
• return 文を使うと、そのあとの式の評価値が関数の返り値となる

返り値（つづき）

function add(a, b){
  return a + b;
  // この行以降は実行されない
  var c = a + b;
  var d = c + c;
  return a + b + c + d;
}

• return 文を実行すると、その関数内の処理を終了する
• 複数の値を、関数の返り値にはできない
• 複数の値を返したい場合は、Objectとして1つにまとめる必要がある

変数のスコープ

var a = 10;
var b = 2;
var c = 0;

function someFunc(a){
  var c = 10;
  return b * a + c;
}

var d = someFunc(5);

• d には何が代入されるだろうか？
• 関数呼び出し終了時に、c には何が代入されているだろうか？

変数のスコープ（つづき）

var a = 10;
var b = 2;
var c = 0;

function someFunc(a){
  var c = 10;
  return b * a + c;
}

var d = someFunc(5);

• 関数内でも変数を宣言できる
• 関数内と関数外で同名の変数が宣言されている場合、参照時に関数内のものが利用される
• 関数内で宣言した変数（仮引数も含む）は、関数外で参照できない