Merge branch 'updated-add-more-prac-exercise-from-loop-to-array' into change-var-name-in-function-exercise

aster-void · web-flow · commit 4f69c1fb7381 · 2023-10-11T20:51:10.000+09:00
diff --git a/docs/1-trial-session/08-loop/index.md b/docs/1-trial-session/08-loop/index.md
@@ -207,7 +207,7 @@ document.write(product);
 
 ### 別解
 
-複合演算子を使うと以下のようにも書けます。
+複合代入演算子を使うと以下のようにも書けます。
 
 ```javascript
 let product = 1;
@@ -227,10 +227,10 @@ document.write(product);
 
 ある整数の変数 `n` が与えられたとき、その値が素数であるかどうか判定して表示する`for`文を書いてみましょう。
 
-そして、`n`に 6, 11 ,57, 89 を入れてテストしてみましょう。
+そして、`n` に 6、11、57、89 を入れてテストしてみましょう。
 
 :::info
-素数の定義は「1とその数以外の整数で割り切れない自然数」でしたね。
+素数の定義は「1より大きい自然数のうち、1とその数以外で割り切れないもの」でしたね。
 
 `範囲内の全ての自然数 i に対して〇〇である` はどうやって評価すればよいでしょうか？
 
@@ -245,6 +245,8 @@ document.write(product);
 
 <Answer>
 
+変数の、最後に代入した値のみを保持する性質を利用します。
+
 ```javascript
 let n = 57; // 任意の整数
 
@@ -254,9 +256,9 @@ if (n <= 1) {
   isPrime = false;
 }
 
-for (let i = 2; i < n; i += 1) {
-  if (n % i == 0) {
-    isPrime = false; // 変数は最後に代入した値のみを保持する。
+for (let i = 2; i < integer; i += 1) {
+  if (n % i === 0) {
+    isPrime = false;
   }
 }
 
@@ -274,7 +276,7 @@ if (isPrime) {
 前項で割ったあまりが0でないこととの `&&` (AND) をとることで帰納的に求めることもできます。
 
 ```javascript
-let n = 89; //任意の整数
+let n = 89; // 任意の整数
 
 let isPrime = true;
 if (n <= 1) {
diff --git a/docs/1-trial-session/09-functions/index.md b/docs/1-trial-session/09-functions/index.md
@@ -193,8 +193,6 @@ function max(a, b) {
 
 `a > b` が `true` の場合、if 構文内部の `return` で関数実行が中断されるため、`else` キーワードは必ずしも必要ではありません。そのため、以下のように書くこともできます。
 
-:::
-
 ```javascript
 function max(a, b) {
   if (a > b) {
@@ -206,14 +204,14 @@ function max(a, b) {
 
 <ViewSource url={import.meta.url} path="_samples/max-no-else" />
 
+:::
+
 </Answer>
 
 ## 中級演習
 
 ### 携帯電話料金
 
-## 演習
-
 携帯電話料金を計算する<Term type="javascriptFunction">関数</Term>を作ってみましょう。
 
 ```javascript
diff --git a/docs/1-trial-session/10-array/_samples/array-printer-join/index.html b/docs/1-trial-session/10-array/_samples/array-printer-join/index.html
diff --git a/docs/1-trial-session/10-array/_samples/array-printer-join/script.js b/docs/1-trial-session/10-array/_samples/array-printer-join/script.js
diff --git a/docs/1-trial-session/10-array/_samples/array-printer/script.js b/docs/1-trial-session/10-array/_samples/array-printer/script.js
diff --git a/docs/1-trial-session/10-array/_samples/array-sum/index.html b/docs/1-trial-session/10-array/_samples/array-sum/index.html
@@ -2,7 +2,7 @@
 <html lang="ja">
   <head>
     <meta charset="ja" />
-    <title>配列表示関数 解答例</title>
+    <title>配列の和 解答例</title>
   </head>
   <body>
     <script src="./script.js"></script>
diff --git a/docs/1-trial-session/10-array/_samples/array-sum/script.js b/docs/1-trial-session/10-array/_samples/array-sum/script.js
@@ -0,0 +1,13 @@
+const array1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+const array2 = [-3, -1, 9, -10, 3, 7, 6, 1, 0, 5];
+
+function sumArray(array) {
+  let sum = 0;
+  for (let i = 0; i < array.length; i += 1) {
+    sum += array[i];
+  }
+  return sum;
+}
+
+document.write(`sum of array1: ${sumArray(array1)} <br>`);
+document.write(`sum of array2: ${sumArray(array2)} <br>`);
diff --git a/docs/1-trial-session/10-array/index.md b/docs/1-trial-session/10-array/index.md
@@ -33,7 +33,7 @@ studentNames[1] = "内藤";
 
 :::
 
-`[` 〜 `]` の中には非負整数値になる任意の式を記述できます。変数や`関数()`も式なので使用することが可能です。
+`[` 〜 `]` の中には非負整数値になる任意の式を記述できます。変数や関数呼び出しも式なので使用することが可能です。
 
 ```javascript
 const six = 6;
@@ -110,20 +110,28 @@ document.write(studentNames); // 田中,佐藤,鈴木,内藤
 
 ### 連続表示
 
-- 引数に与えられた配列の要素を、通常のfor文を使って順番に表示してみましょう。
+- 引数に与えられた配列の、要素の和を取る関数 `sumArray` を書いてみましょう。
 
 :::tip
-変数 `i` を 0 から `(作成した配列の長さ) - 1` まで順番に増やしながら、配列の `i` インデックスの要素を表示しましょう。
+変数 `i` を `0` から `(作成した配列の長さ) - 1` まで順番に増やしながら、配列の `i` 番目の要素を足してみましょう。
 :::
 
 <Answer>
 
 ```javascript
-const array = ["田中", "佐藤", "鈴木"];
+const array1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+const array2 = [-3, -1, 9, -10, 3, 7, 6, 1, 0, 5];
 
-for (let i = 0; i < array.length; i += 1) {
-  document.write(array[i]);
+function sumArray(array) {
+  let sum = 0;
+  for (let i = 0; i < array.length; i += 1) {
+    sum += array[i];
+  }
+  return sum;
 }
+
+document.write(`sum of array1: ${sumArray(array1)} <br>`);
+document.write(`sum of array2: ${sumArray(array2)} <br>`);
 ```
 
 <ViewSource url={import.meta.url} path="_samples/array-printer" />
@@ -147,7 +155,7 @@ document.write(text);
 
 ### 最大値
 
-引数にひとつの配列が与えられたとき、その配列の最大値を求める関数 `arrayMax` を作成しましょう。
+引数にひとつの配列が与えられたとき、その配列の最大値を求める関数 `findMax` を作成しましょう。
 
 :::note
 
@@ -175,8 +183,8 @@ const array4 = [-878, -40, -324, -410, -592, -610, -880, -65, -423, -32];
 配列の最初の値を初期値に設定することで解消します。
 
 ```javascript
-function arrayMax(array) {
-  if (array.length == 0) return; //空配列の例外処理
+function findMax(array) {
+  if (array.length === 0) return; // 空配列の例外処理
   let maxValue = array[0];
   for (let i = 0; i < array.length; i += 1) {
     if (array[i] > maxValue) maxValue = array[i];
@@ -191,8 +199,6 @@ function arrayMax(array) {
 
 <ViewSource url={import.meta.url} path="_samples/array-max" />
 
----
-
 :::info 別解 (参考)
 
 [`array.reduce` メソッド](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) を使ってこのように書くこともできます。
@@ -203,7 +209,7 @@ function max(a, b) {
   else return b;
 }
 
-function arrayMax(array) {
+function findMax(array) {
   if (array.length == 0) return; //空配列をエスケープ
   return array.reduce(max, array[0]);
 }
diff --git a/docs/1-trial-session/14-events/index.md b/docs/1-trial-session/14-events/index.md
@@ -107,4 +107,4 @@ HTMLファイルに一工夫が必要です。見えない`<div>` タグを用
 
 </Details>
 
-<ViewSource url={import.meta.url} path="_samples/project-jack-in-a-box/" />
+<ViewSource url={import.meta.url} path="_samples/project-jack-in-a-box/" />
diff --git a/docs/3-web-servers/04-server/index.md b/docs/3-web-servers/04-server/index.md
@@ -221,7 +221,7 @@ app.listen(3000);
 ```
 
 ```html title=template.ejs
-<!DOCTYPE html>
+<!doctype html>
 <html lang="ja">
   <head>
     <meta charset="utf-8" />
diff --git a/src/components/ViewSource/index.jsx b/src/components/ViewSource/index.jsx
@@ -19,11 +19,11 @@ export default function ViewSource({ url, path, noCodeSandbox }) {
   const commitRef = useDocusaurusContext()?.siteConfig.customFields.commitRef;
   const gitHubUrl = new URL(
     path,
-    `https://github.com/ut-code/utcode-learn/tree/${commitRef}/${basePath}`
+    `https://github.com/ut-code/utcode-learn/tree/${commitRef}/${basePath}`,
   );
   const codeSandboxUrl = new URL(
     path,
-    `https://githubbox.com/ut-code/utcode-learn/tree/${commitRef}/${basePath}`
+    `https://githubbox.com/ut-code/utcode-learn/tree/${commitRef}/${basePath}`,
   );
   return (
     <div className={styles.root}>

Original file line number	Diff line number	Diff line change
@@ -107,4 +107,4 @@ HTMLファイルに一工夫が必要です。見えない`<div>` タグを用
`107`	`107`
`108`	`108`	`</Details>`
`109`	`109`
`110`		`-<ViewSource url={import.meta.url} path="_samples/project-jack-in-a-box/" />`
	`110`	`+<ViewSource url={import.meta.url} path="_samples/project-jack-in-a-box/" />`