「値と演算子」の章を改訂 (#5)

Author: chvmvd

docs/04-expressions/index.mdx

@@ -0,0 +1,69 @@
+---
+title: 値と演算子
+---
+
+## 値
+
+次のコードを実行すると、`こんにちは、世界！` と画面に表示されました。
+
+```javascript
+document.write("こんにちは、世界！");
+```
+
+`"こんにちは、世界！"` や `"Hello World!"` などのように `"` (ダブルクォーテーション) で囲まれたものを、**文字列**と呼びます。<Term>文字列</Term>は、**値**の一種です。
+
+次のコードを実行すると、`3` と画面に表示されます。
+
+```javascript
+document.write(3);
+```
+
+`3`、`-100` などのように**数値**を直接記述することもできます。<Term>数値</Term>もまた<Term>値</Term>の一種です。
+
+![値の種類](./value-types.drawio.svg)
+
+## 演算子
+
+**演算子**を用いると、<Term>値</Term>を用いて計算をすることができます。
+
+例えば `+` (加算演算子) を使うと、2 つの<Term>数値</Term>を足すことができます。
+次のコードを実行すると、`7` と画面に表示されます。
+
+```javascript
+document.write(3 + 4); // 7
+```
+
+### 代表的な演算子
+
+`+` 以外にも様々な<Term>演算子</Term>があります。
+
+| 演算子 | 意味   | 例             |
+| ------ | ------ | -------------- |
+| `+`    | 足す   | `1 + 1` は `2` |
+| `-`    | 引く   | `2 - 1` は `1` |
+| `*`    | 掛ける | `2 * 2` は `4` |
+| `/`    | 割る   | `4 / 2` は `2` |
+
+### 演算子の優先順位
+
+{/* prettier-ignore */}
+<Term>演算子</Term>には、優先順位が設定されています。
+
+数学の計算と同様に、`*` は `+` よりも優先順位が高く設定されています。
+
+そのため、次のコードを実行すると、先に `4 * 5` が計算されて `20` になり、次に `3 + 20` が計算されて `23` という<Term>値</Term>となります。
+
+```javascript
+document.write(3 + 4 * 5);
+```
+
+### 文字列の結合
+
+<Term>演算子</Term>は、<Term>数値</Term>以外にも使うことができます。
+
+`+` (文字列結合演算子) を使うと、2 つの<Term>文字列</Term>を結合することができます。
+
+```javascript
+document.write("こんにちは、" + "世界！"); // こんにちは、世界！
+document.write("Hello" + "World!"); // HelloWorld!
+```

docs/04-operators/index.mdx

@@ -153,12 +153,6 @@ export default {
       definition: "JavaScriptの実行エンジンが式から値を生成する動作。",
       referencePage: "/docs/expressions/",
     },
-    javascriptOperatorPriority: {
-      name: "演算子の優先順位 (JavaScript)",
-      definition:
-        "複数の演算子を含む式の評価順序を決定するための指標。例えば、乗算演算子は加算演算子より優先順位が高いため、 3 + 4 * 5 は 3 + (4 * 5) と評価される。",
-      referencePage: "/docs/expressions/",
-    },
     javascriptStringConcatenation: {
       name: "文字列の結合",
       definition: