Split JavaScript primitive type docs into focused sections

Co-authored-by: na-trium-144 <100704180+na-trium-144@users.noreply.github.com>
Agent-Logs-Url: https://github.com/ut-code/my-code/sessions/34fbc605-3a4e-4915-9c25-26c8cf45a082

Author: Copilot

public/docs/javascript/1-basics/2-0-primitive-type.md

@@ -3,9 +3,9 @@ id: javascript-basics-primitive-type
 title: 'データ型: プリミティブ型'
 level: 2
 question:
+  - プリミティブ型とは、ざっくり言うとどういう値のことですか？
   - プリミティブ型がイミュータブル（変更不可）というのは、どういう状態を指しますか？
-  - String型で「テンプレートリテラル」を使うと、具体的に何が便利になるのですか？
-  - Number型で整数と浮動小数点数の区別がないというのは、何か問題になることはありますか？
+  - String / Number / Boolean / undefined / null の詳細はどこで学べますか？
   - SymbolやBigIntは、通常の開発でどのくらいの頻度で使うものですか？
 ---
 
@@ -15,38 +15,12 @@ JavaScriptは動的型付け言語であり、変数は特定の型に紐付き
 
 プリミティブ型はイミュータブル（変更不可）であり、以下の7種類が存在します。
 
-1.  **String**: 文字列。ES6から導入された「テンプレートリテラル（バッククォート `` ` ``）」を使うと、変数の埋め込みが容易です。
-2.  **Number**: 数値。整数と浮動小数点数の区別はなく、すべて倍精度浮動小数点数（IEEE 754）として扱われます。
-3.  **Boolean**: `true` または `false`。
-4.  **undefined**: 「値が未定義である」ことを表す型。変数を宣言して値を代入していない状態です。
-5.  **null**: 「値が存在しない」ことを意図的に示す型。
-6.  **Symbol**: 一意で不変な識別子。オブジェクトのプロパティキーなどに使われます。
-7.  **BigInt**: `Number`型では表現できない巨大な整数を扱います（末尾に `n` をつけます）。
+1.  **String**: 文字列
+2.  **Number**: 数値
+3.  **Boolean**: `true` または `false`
+4.  **undefined**: 「値が未定義である」ことを表す型
+5.  **null**: 「値が存在しない」ことを意図的に示す型
+6.  **Symbol**: 一意で不変な識別子（主にオブジェクトのプロパティキー用途）
+7.  **BigInt**: `Number`型では表現できない巨大な整数を扱う型（末尾に `n`）
 
-```js-repl
-> // String: シングルクォートまたはダブルクォートで囲む
-> const language = "JavaScript";
-undefined
-> language
-'JavaScript'
-> // テンプレートリテラル（バッククォート）を使うと変数を文字列に埋め込める
-> const version = 2015;
-undefined
-> `${language} ES${version}`
-'JavaScript ES2015'
-> // Number: 整数も小数も同じ型
-> const price = 1980;
-undefined
-> const tax = 0.1;
-undefined
-> price * (1 + tax)
-2178.0000000000002
-> // Boolean
-> const isActive = true;
-undefined
-> typeof isActive
-'boolean'
-> // BigInt: 末尾に n をつける
-> 9007199254740991n + 1n
-9007199254740992n
-```
+この章では、まず最もよく使う `String` / `Number` / `Boolean` / `undefined` / `null` を順に見ていきます。`Symbol` と `BigInt` は用途が限定的なため、ここでは「プリミティブ型の一種」であることだけ押さえれば十分です。

public/docs/javascript/1-basics/2-1-null-undefined.md

@@ -0,0 +1,31 @@
+---
+id: javascript-basics-string
+title: 文字列（String）
+level: 3
+question:
+  - シングルクォートとダブルクォートで文字列を囲むことの違いは何ですか？
+  - テンプレートリテラルは、どんな場面で使うと便利ですか？
+  - テンプレートリテラルの `${}` の中に計算式を書けますか？
+---
+
+### 文字列（String）
+
+JavaScriptの文字列は、シングルクォート (`'`) またはダブルクォート (`"`) で作成します。
+
+また、バッククォート (`` ` ``) で囲む**テンプレートリテラル**を使うと、変数や式を文字列に埋め込めます。文字列の連結（`+`）より読みやすくなることが多いため、こちらを使うのが一般的です。
+
+```js-repl
+> const name = "Ada";
+undefined
+> const language = 'JavaScript';
+undefined
+> // + で連結
+> "Hello, " + name + "!"
+'Hello, Ada!'
+> // テンプレートリテラルで埋め込み
+> `Hello, ${name}!`
+'Hello, Ada!'
+> // 式も埋め込める
+> `${language}は${10 + 5}日で入門できます`
+'JavaScriptは15日で入門できます'
+```

public/docs/javascript/1-basics/2-1-string.md

@@ -0,0 +1,38 @@
+---
+id: javascript-basics-number
+title: 数値（Number）
+level: 3
+question:
+  - JavaScriptで整数と小数を区別しないのは、どういう意味ですか？
+  - 除算や剰余など、基本的な計算はどのように書けば良いですか？
+  - 小数計算で誤差が出ることがあるのはなぜですか？
+---
+
+### 数値（Number）
+
+JavaScriptの数値は `Number` 型で表され、**整数と小数を区別しません**。どちらも同じ `number` として扱われます。
+
+四則演算は直感的に行えます。べき乗は `**`、剰余は `%` を使います。
+
+```js-repl
+> const a = 10;     // 整数
+undefined
+> const b = 3.14;   // 小数
+undefined
+> typeof a
+'number'
+> typeof b
+'number'
+> 10 + 3
+13
+> 10 / 3
+3.3333333333333335
+> 10 % 3
+1
+> 2 ** 4
+16
+> 0.1 + 0.2
+0.30000000000000004
+```
+
+`0.1 + 0.2` のような小数計算で誤差が出るのは、JavaScriptが数値を内部的に2進数の浮動小数点として扱うためです。

public/docs/javascript/1-basics/2-2-number.md

@@ -0,0 +1,33 @@
+---
+id: javascript-basics-boolean
+title: 真偽値（Boolean）
+level: 3
+question:
+  - Boolean型はどんな場面で使いますか？
+  - 論理演算子 `&&` と `||` と `!` の基本を教えてください。
+  - '`true` / `false` は文字列の `"true"` / `"false"` と何が違いますか？'
+---
+
+### 真偽値（Boolean）
+
+真偽値は `true` と `false` の2つの値を持ちます。条件分岐や判定処理で使う基本的な型です。
+
+論理演算子には、AND（`&&`）、OR（`||`）、NOT（`!`）があります。
+
+```js-repl
+> const isActive = true;
+undefined
+> const hasPermission = false;
+undefined
+> typeof isActive
+'boolean'
+> // AND: 両方 true なら true
+> isActive && hasPermission
+false
+> // OR: どちらかが true なら true
+> isActive || hasPermission
+true
+> // NOT: true/false を反転
+> !isActive
+false
+```

public/docs/javascript/1-basics/2-3-boolean.md

@@ -0,0 +1,31 @@
+---
+id: javascript-basics-undefined-null
+title: undefined と null
+level: 3
+question:
+  - undefinedとnullは、どう使い分けるのが良いですか？
+  - 変数を宣言しただけの状態がundefinedになるのはなぜですか？
+  - '`typeof null` が `''object''` になるのは本当に正しいのですか？'
+---
+
+### undefined と null
+
+他言語経験者が最初に混乱しやすいのが、この `undefined` と `null` の違いです。
+
+- **undefined**: JavaScriptエンジンが「値がまだない」ことを示すときに現れます（例: 宣言だけして代入していない変数）。
+- **null**: プログラマが「ここには値がない」と明示したいときに代入します。
+
+```js-repl
+> let unassigned;
+undefined
+> unassigned
+undefined
+> let empty = null;
+undefined
+> typeof unassigned
+'undefined'
+> typeof empty
+'object'
+```
+
+`typeof null` が `'object'` になるのは、JavaScript初期から残っている歴史的な仕様です。`null` 自体はオブジェクトではなく、プリミティブ型の値です。