Skip to content

Commit 1016582

Browse files
chvmvdchvmvd
authored
Merge pull request #423 from ut-code/migrate-to-const
2 parents ca1dc11 + ba1c0b2 commit 1016582

File tree

23 files changed

+108
-108
lines changed

23 files changed

+108
-108
lines changed

‎docs/1-trial-session/06-boolean/index.md‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,11 @@ import ViewSource from "@site/src/components/ViewSource";
1818
<p><Term type="javascriptBoolean">論理値</Term>に対して適用できる<Term type="javascriptOperator">演算子</Term>が存在します。</p>
1919

2020
```javascript
21-
let isMonsterBig = true;
22-
let isMonsterSmall = !true; // false
23-
let isHunterStrong = false;
24-
let shouldEscape = !isHunterStrong && isMonsterBig; // true
25-
let shouldFight = isHunterStrong || isMonsterSmall; // false
21+
const isMonsterBig = true;
22+
const isMonsterSmall = !true; // false
23+
const isHunterStrong = false;
24+
const shouldEscape = !isHunterStrong && isMonsterBig; // true
25+
const shouldFight = isHunterStrong || isMonsterSmall; // false
2626
```
2727

2828
詳細は以下の通りです。 `!` のみが作用する対象を 1 つしかとらないことに注意してください。
@@ -38,12 +38,12 @@ let shouldFight = isHunterStrong || isMonsterSmall; // false
3838
比較<Term type="javascriptOperator">演算子</Term>は、複数の<Term type="javascriptValue">値</Term>を比較して、単一の<Term type="javascriptBoolean">論理値</Term>を得ます。
3939

4040
```javascript
41-
let age = 15;
42-
let height = 155;
43-
let isFourteen = age === 14; // false
44-
let isNotFourteen = age !== 14; // true
45-
let isChild = age < 20; // true
46-
let canRideRollerCoasters = age >= 10 && height >= 140; // true
41+
const age = 15;
42+
const height = 155;
43+
const isFourteen = age === 14; // false
44+
const isNotFourteen = age !== 14; // true
45+
const isChild = age < 20; // true
46+
const canRideRollerCoasters = age >= 10 && height >= 140; // true
4747
```
4848

4949
各<Term type="javascriptOperator">演算子</Term>の詳細は、次の通りです。

‎docs/1-trial-session/07-if-statement/_samples/the-right-to-vote/script.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
let age = 20;
1+
const age = 20;
22
if (age < 18) {
33
document.write("選挙権はありません");
44
} else if (age < 25) {

‎docs/1-trial-session/07-if-statement/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,13 @@ import Answer from "@site/src/components/Answer";
1313
## 基本構造
1414

1515
```javascript
16-
let age = 18;
16+
const age = 18;
1717
if (age < 20) {
1818
document.write("未成年者の場合は法定代理人の同意が必要です。");
1919
}
2020
```
2121

22-
このプログラムは、`未成年者の場合は法定代理人の同意が必要です。` と表示しますが、1 行目を `let age = 20;` に変更すると何も表示されなくなります。
22+
このプログラムは、`未成年者の場合は法定代理人の同意が必要です。` と表示しますが、1 行目を `const age = 20;` に変更すると何も表示されなくなります。
2323

2424
2 行目の `if (age < 20) {` 部分がポイントです。ここに差し掛かると、括弧内の<Term type="javascriptExpression">式</Term> `age < 20` が<Term type="javascriptEvaluation">評価</Term>され、`true` になります。このため、直後の波括弧内の処理が実行されます。
2525

@@ -48,7 +48,7 @@ if (式) {
4848
<p><Term type="javascriptExpression">式</Term>の<Term type="javascriptEvaluation">評価</Term>結果が <code>true</code> であれば処理 1 が、<code>false</code> であれば処理 2 が実行されます。</p>
4949

5050
```javascript
51-
let age = 18;
51+
const age = 18;
5252
if (age >= 20) {
5353
document.write("大人です");
5454
} else {
@@ -79,7 +79,7 @@ if (式1) {
7979
自分の年齢を<Term type="javascriptVariable">変数</Term>に入れておきます。
8080

8181
```javascript
82-
let age = 20;
82+
const age = 20;
8383
```
8484

8585
下を満たすプログラムを作成してください。

‎docs/1-trial-session/11-object/_samples/incrementAge/script.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@ function incrementAge(person) {
33
return person;
44
}
55

6-
let tanaka = { name: "田中", age: 18 };
7-
let nextYearTanaka = incrementAge(tanaka);
6+
const tanaka = { name: "田中", age: 18 };
7+
const nextYearTanaka = incrementAge(tanaka);
88
document.write(nextYearTanaka.age);

‎docs/1-trial-session/11-object/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,15 +26,15 @@ JavaScript の<Term type="javascriptObject">オブジェクト</Term>は、ほ
2626
<Term type="javascriptObject">オブジェクト</Term>は、複数の<Term strong type="javascriptProperty" strong>プロパティ</Term>と呼ばれる<Term type="javascriptValue">値</Term>を持ちます。<Term type="javascriptProperty">プロパティ</Term>にはそれぞれ名前がついています。<Term type="javascriptProperty">プロパティ</Term>の名前には文字列しか指定できませんが、<Term type="javascriptProperty">プロパティ</Term>の<Term type="javascriptValue">値</Term>としては <Term type="javascript">JavaScript</Term> で使用できるすべての<Term type="javascriptValue">値</Term>が使用可能です。
2727

2828
```javascript
29-
let person = { name: "田中", age: 18 };
29+
const person = { name: "田中", age: 18 };
3030
```
3131

3232
![プロパティ](properties.png)
3333

3434
<p><Term type="javascriptObject">オブジェクト</Term>の中に<Term type="javascriptObject">オブジェクト</Term>を入れることもできます。</p>
3535

3636
```javascript
37-
let person = {
37+
const person = {
3838
name: "田中",
3939
scores: { math: 80, science: 90 },
4040
};
@@ -66,8 +66,8 @@ function incrementAge(person) {
6666
// ここに書く
6767
}
6868

69-
let tanaka = { name: "田中", age: 18 };
70-
let nextYearTanaka = incrementAge(tanaka);
69+
const tanaka = { name: "田中", age: 18 };
70+
const nextYearTanaka = incrementAge(tanaka);
7171
document.write(nextYearTanaka.age); // 19 と表示されてほしい
7272
```
7373

‎docs/1-trial-session/13-dom/_samples/css/script.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
let element = document.getElementById("foo");
1+
const element = document.getElementById("foo");
22
element.style.border = "1px solid #aaa";
33
element.style.borderRadius = "10px";
44
element.style.margin = "30px";

‎docs/1-trial-session/13-dom/_samples/get-element-by-id/script.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
let element = document.getElementById("greeting");
1+
const element = document.getElementById("greeting");
22
element.textContent = "Hello DOM";

‎docs/1-trial-session/13-dom/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import ViewSource from "@site/src/components/ViewSource";
1616
```
1717

1818
```js title="script.js"
19-
let element = document.getElementById("greeting");
19+
const element = document.getElementById("greeting");
2020
element.textContent = "Hello DOM";
2121
```
2222

‎docs/1-trial-session/14-events/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,11 @@ function greet() {
1919
document.write("Hello World");
2020
}
2121

22-
let func = greet;
22+
const func = greet;
2323
func();
2424
```
2525

26-
上の例では、 `let func = greet;` の行で<Term type="javascriptVariable">変数</Term> `func` に<Term type="javascriptFunction">関数</Term> `greet` を<Term type="javascriptAssignment">代入</Term>しています。<Term type="javascriptFunction">関数</Term>を<Term type="javascriptValue">値</Term>として扱うときは、<Term type="javascriptFunction">関数</Term>呼び出し<Term type="javascriptExpression">式</Term>の括弧は使用しません。これにより、<Term type="javascriptFunction">関数</Term>が<Term type="javascriptAssignment">代入</Term>された<Term type="javascriptVariable">変数</Term>を経由してその<Term type="javascriptFunction">関数</Term>を実行できます。
26+
上の例では、 `const func = greet;` の行で<Term type="javascriptVariable">変数</Term> `func` に<Term type="javascriptFunction">関数</Term> `greet` を<Term type="javascriptAssignment">代入</Term>しています。<Term type="javascriptFunction">関数</Term>を<Term type="javascriptValue">値</Term>として扱うときは、<Term type="javascriptFunction">関数</Term>呼び出し<Term type="javascriptExpression">式</Term>の括弧は使用しません。これにより、<Term type="javascriptFunction">関数</Term>が<Term type="javascriptAssignment">代入</Term>された<Term type="javascriptVariable">変数</Term>を経由してその<Term type="javascriptFunction">関数</Term>を実行できます。
2727

2828
## <Term type="eventHandler">イベントハンドラ</Term>
2929

@@ -39,7 +39,7 @@ function clicked() {
3939
document.write("Hello World");
4040
}
4141

42-
let greetButton = document.getElementById("greet-button");
42+
const greetButton = document.getElementById("greet-button");
4343
greetButton.onclick = clicked;
4444
```
4545

@@ -56,7 +56,7 @@ function clicked() {
5656
document.write("Hello World");
5757
}
5858

59-
let greetButton = document.getElementById("greet-button");
59+
const greetButton = document.getElementById("greet-button");
6060
greetButton.onclick = clicked();
6161
```
6262

‎docs/1-trial-session/15-project/_samples/omikuji/script.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
let omikujiButton = document.getElementById("omikuji-button");
2-
let result = document.getElementById("result");
1+
const omikujiButton = document.getElementById("omikuji-button");
2+
const result = document.getElementById("result");
33

44
function omikuji() {
5-
let r = Math.random();
5+
const r = Math.random();
66
if (r < 0.2) {
77
result.textContent = "大吉";
88
result.style.color = "red";

0 commit comments

Comments
 (0)