Skip to content

Commit 1d83199

Browse files
chvmvdchvmvd
committed
Remove unnecessary p element
1 parent 3ebdc44 commit 1d83199

File tree

15 files changed

+190
-300
lines changed

15 files changed

+190
-300
lines changed

‎docs/1-trial-session/03-javascript/index.mdx‎

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -43,9 +43,7 @@ document.write("Hello World!");
4343

4444
## <Term type="javascript">JavaScript</Term> が動く仕組み
4545

46-
<p>
47-
<Term type="html">HTML</Term> ファイルの中に、以下のような記述があります。
48-
</p>
46+
<Term type="html">HTML</Term> ファイルの中に、以下のような記述があります。
4947

5048
```html title="index.html"
5149
<script src="./script.js"></script>
@@ -61,15 +59,12 @@ document.write("Hello World!");
6159

6260
## <Term type="javascript">JavaScript</Term> の基本文法
6361

64-
<p>
65-
<Term type="javascript">JavaScript</Term>{" "}
66-
のプログラムで、セミコロンで区切られた部分を
67-
<Term type="javascriptStatement">文</Term>と呼びます。
68-
<Term type="javascript">JavaScript</Term> の実行環境は、プログラム中に含まれる
69-
<Term type="javascriptStatement">文</Term>
70-
を上から下に向けて順番に実行していきます。<code>document.write</code>
71-
はブラウザの画面に出力するための命令です。
72-
</p>
62+
<Term type="javascript">JavaScript</Term> のプログラムで、セミコロンで区切られた部分を
63+
<Term type="javascriptStatement">文</Term>と呼びます。
64+
<Term type="javascript">JavaScript</Term> の実行環境は、プログラム中に含まれる
65+
<Term type="javascriptStatement">文</Term>
66+
を上から下に向けて順番に実行していきます。 `document.write`
67+
はブラウザの画面に出力するための命令です。
7368

7469
```javascript title="script.js"
7570
document.write("Hello World1");

‎docs/1-trial-session/04-expressions/index.mdx‎

Lines changed: 14 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -26,26 +26,19 @@ document.write("Hello World");
2626
document.write(3);
2727
```
2828

29-
<p>
30-
<Term type="javascriptOperator">
31-
<strong>演算子</strong>
32-
</Term>
33-
を用いると、<Term type="javascriptValue">値</Term>
34-
を用いて計算をすることができます。例えば <code>+</code>（加算
35-
<Term type="javascriptOperator">演算子</Term>
36-
）で、足し算の計算を行うことができます。
37-
</p>
29+
<Term type="javascriptOperator">**演算子**</Term>を用いると、
30+
<Term type="javascriptValue">値</Term>を用いて計算をすることができます。例えば `+`（加算
31+
<Term type="javascriptOperator">演算子</Term>
32+
）で、足し算の計算を行うことができます。
3833

3934
```javascript title="script.js"
4035
document.write(3 + 4);
4136
```
4237

4338
## <Term type="javascriptOperator">演算子</Term>の<Term type="javascriptOperatorPriority">優先順位</Term>
4439

45-
<p>
46-
<Term type="javascriptOperator">演算子</Term>には、
47-
<Term type="javascriptOperatorPriority">優先順位</Term>が設定されています。
48-
</p>
40+
<Term type="javascriptOperator">演算子</Term>には、
41+
<Term type="javascriptOperatorPriority">優先順位</Term>が設定されています。
4942

5043
```javascript title="script.js"
5144
document.write(3 + 4 * 5);
@@ -59,17 +52,14 @@ document.write(3 + 4 * 5);
5952

6053
## いろいろな<Term type="javascriptOperator">演算子</Term>
6154

62-
<p>
63-
<Term type="javascriptOperator">演算子</Term>が適用できるのは、何も
64-
<Term type="javascriptNumber">数値</Term>だけではありません。
65-
<Term type="javascriptString">文字列</Term>に適用できる
66-
<Term type="javascriptOperator">演算子</Term>もあります。先ほどの <code>
67-
+
68-
</code>（加算<Term type="javascriptOperator">演算子</Term>）は、
69-
<Term type="javascriptString">文字列</Term>同士で使用された場合は、
70-
<Term type="javascriptString">文字列</Term>結合
71-
<Term type="javascriptOperator">演算子</Term>となります。
72-
</p>
55+
<Term type="javascriptOperator">演算子</Term>が適用できるのは、何も
56+
<Term type="javascriptNumber">数値</Term>だけではありません。
57+
<Term type="javascriptString">文字列</Term>に適用できる
58+
<Term type="javascriptOperator">演算子</Term>もあります。 先ほどの `+`（加算
59+
<Term type="javascriptOperator">演算子</Term>）は、
60+
<Term type="javascriptString">文字列</Term>同士で使用された場合は、
61+
<Term type="javascriptString">文字列</Term>結合
62+
<Term type="javascriptOperator">演算子</Term>となります。
7363

7464
```javascript title="script.js"
7565
document.write("Hello" + "World");

‎docs/1-trial-session/05-variables/index.mdx‎

Lines changed: 31 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,13 @@ title: 変数
44

55
## <Term type="javascriptVariable">変数</Term>とは
66

7-
<p>
8-
<Term type="javascriptVariable">変数</Term>を用いると、
9-
<Term type="javascriptValue">値</Term>
10-
を一時的に保存し、再利用することができます。数学における変数は通常数値を表すものですが、プログラムにおける
11-
<Term type="javascriptVariable">変数</Term>は、
12-
<Term type="javascriptString">文字列</Term>等を含め、全ての種類の「
13-
<Term type="javascriptValue">値</Term>」を格納することができます。
14-
</p>
7+
<Term type="javascriptVariable">変数</Term>を用いると、
8+
<Term type="javascriptValue">値</Term>
9+
を一時的に保存し、再利用することができます。
10+
数学における変数は通常数値を表すものですが、プログラムにおける
11+
<Term type="javascriptVariable">変数</Term>は、
12+
<Term type="javascriptString">文字列</Term>等を含め、全ての種類の「
13+
<Term type="javascriptValue">値</Term>」を格納することができます。
1514

1615
## <Term type="javascriptVariable">変数</Term>の<Term type="javascriptDeclaration">宣言</Term>と使用
1716

@@ -29,13 +28,10 @@ document.write(myGreatName);
2928

3029
2 行目では、<Term type="javascriptVariable">変数</Term> `myGreatName` が<Term type="javascriptEvaluation">評価</Term>され、<Term type="javascriptAssignment">代入</Term>されていた<Term type="javascriptString">文字列</Term><Term type="javascriptValue">値</Term> `"Becky Jones"` が画面に表示されます。
3130

32-
<p>
33-
<Term type="javascriptVariable">変数</Term>を
34-
<Term type="javascriptDeclaration">宣言</Term>するキーワードには、
35-
<code>let</code> 以外にも <code>const</code> があります。記法自体は
36-
<code>let</code>{" "}
37-
と同様ですが、少し違いがあります。違いについては、次の節で説明します。
38-
</p>
31+
<Term type="javascriptVariable">変数</Term>を
32+
<Term type="javascriptDeclaration">宣言</Term>するキーワードには、`let` 以外にも
33+
`const` があります。記法自体は `let`
34+
と同様ですが、少し違いがあります。違いについては、次の節で説明します。
3935

4036
```javascript title="script.js"
4137
const myGreatName = "Becky Jones";
@@ -48,14 +44,12 @@ document.write(myGreatName);
4844

4945
:::info
5046

51-
<p>
52-
<Term type="javascript">JavaScript</Term> の
53-
<Term type="javascriptVariable">変数</Term>名には、通常
54-
<Term type="camelCase">キャメルケース</Term>が用いられます。
55-
<Term type="snakeCase">スネークケース</Term>や
56-
<Term type="pascalCase">パスカルケース</Term>
57-
などの命名規則が利用される文法もあります。
58-
</p>
47+
<Term type="javascript">JavaScript</Term> の<Term type="javascriptVariable">
48+
変数
49+
</Term>名には、通常<Term type="camelCase">キャメルケース</Term>が用いられます。
50+
<Term type="snakeCase">スネークケース</Term>や
51+
<Term type="pascalCase">パスカルケース</Term>
52+
などの命名規則が利用される文法もあります。
5953

6054
:::
6155

@@ -93,15 +87,12 @@ mysteriousNumber = 2;
9387
document.write(mysteriousNumber); // 2
9488
```
9589

96-
<p>
97-
<Term type="javascriptVariable">変数</Term>には、最後に
98-
<Term type="javascriptAssignment">代入</Term>された
99-
<Term type="javascriptValue">値</Term>のみを保持する性質があります。そのため、
100-
<Term type="javascriptVariable">変数</Term> <code>mysteriousNumber</code> は 3
101-
回<Term type="javascriptAssignment">代入</Term>が行われていますが、最後に
102-
<Term type="javascriptAssignment">代入</Term>された <code> 2</code>{" "}
103-
が表示されます。
104-
</p>
90+
<Term type="javascriptVariable">変数</Term>には、最後に
91+
<Term type="javascriptAssignment">代入</Term>された
92+
<Term type="javascriptValue">値</Term>のみを保持する性質があります。そのため、
93+
<Term type="javascriptVariable">変数</Term> `mysteriousNumber` は 3 回
94+
<Term type="javascriptAssignment">代入</Term>が行われていますが、最後に
95+
<Term type="javascriptAssignment">代入</Term>された `2` が表示されます。
10596

10697
一方、`const` で<Term type="javascriptDeclaration">宣言</Term>された<Term type="javascriptVariable">変数</Term>には、再<Term type="javascriptAssignment">代入</Term>ができません。そのため、上記のコードの `let` を `const` に置き換えることはできません。
10798

@@ -115,16 +106,13 @@ document.write(price);
115106

116107
<ViewSource url={import.meta.url} path="_samples/compound-assignment" />
117108

118-
<p>
119-
<Term type="javascriptAssignment">代入</Term>
120-
<Term type="javascriptOperator">演算子</Term>は、まず右辺の<Term type="javascriptExpression">
121-
式
122-
</Term>を<Term type="javascriptEvaluation">評価</Term>します。これにより、右辺は{" "}
123-
<code>100 / 2</code> となります。よって、最終的に<Term type="javascriptVariable">
124-
変数
125-
</Term> <code>price</code> の<Term type="javascriptValue">値</Term>は <code>
126-
50
127-
</code> となり、これは <code>price</code> を半分にする操作に対応します。
128-
</p>
109+
<Term type="javascriptAssignment">代入</Term>
110+
<Term type="javascriptOperator">演算子</Term>は、まず右辺の<Term type="javascriptExpression">
111+
式
112+
</Term>を<Term type="javascriptEvaluation">評価</Term>します。これにより、右辺は
113+
`100 / 2` となります。よって、最終的に<Term type="javascriptVariable">
114+
変数
115+
</Term> `price` の<Term type="javascriptValue">値</Term>は `50` となり、これは
116+
`price` を半分にする操作に対応します。
129117

130118
![変数の再代入](./reassignment-evaluation.png)

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

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,8 @@ title: 論理値と論理演算子
2020

2121
## 論理<Term type="javascriptOperator">演算子</Term>
2222

23-
<p>
24-
<Term type="javascriptBoolean">論理値</Term>に対して適用できる
25-
<Term type="javascriptOperator">演算子</Term>が存在します。
26-
</p>
23+
<Term type="javascriptBoolean">論理値</Term>に対して適用できる
24+
<Term type="javascriptOperator">演算子</Term>が存在します。
2725

2826
```javascript
2927
const isMonsterBig = true;
@@ -35,11 +33,11 @@ const shouldFight = isHunterStrong || isMonsterSmall; // false
3533

3634
詳細は以下の通りです。 `!` のみが作用する対象を 1 つしかとらないことに注意してください。
3735

38-
| 演算子 | 意味 | 詳細 |
39-
| ------------------------- | ---------- | -------------------------------------------------------------------- |
40-
| `!` | ～ではない | `true` ならば `false`、`false` ならば `true` |
41-
| `&&` | かつ | 両方 `true` ならば `true`、どちらか 1 つでも `false` ならば `false` |
42-
| <code>&#124;&#124;</code> | または | 両方 `false` ならば `false` 、どちらか 1 つでも `true` ならば `true` |
36+
| 演算子 | 意味 | 詳細 |
37+
| ------ | ---------- | -------------------------------------------------------------------- |
38+
| `!` | ～ではない | `true` ならば `false`、`false` ならば `true` |
39+
| `&&` | かつ | 両方 `true` ならば `true`、どちらか 1 つでも `false` ならば `false` |
40+
| `\|\|` | または | 両方 `false` ならば `false` 、どちらか 1 つでも `true` ならば `true` |
4341

4442
## 比較<Term type="javascriptOperator">演算子</Term>
4543

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

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -41,11 +41,9 @@ if (式) {
4141
}
4242
```
4343

44-
<p>
45-
<Term type="javascriptExpression">式</Term>の
46-
<Term type="javascriptEvaluation">評価</Term>結果が <code>true</code>{" "}
47-
であれば処理 1 が、<code>false</code> であれば処理 2 が実行されます。
48-
</p>
44+
<Term type="javascriptExpression">式</Term>の
45+
<Term type="javascriptEvaluation">評価</Term>結果が `true` であれば処理 1
46+
が、`false` であれば処理 2 が実行されます。
4947

5048
```javascript
5149
const age = 18;

‎docs/1-trial-session/09-functions/index.mdx‎

Lines changed: 41 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -21,27 +21,21 @@ greet();
2121

2222
上のプログラムにおいて、`function` キーワードから始まる部分は<Term type="javascriptFunction">関数</Term>を定義するための<Term type="javascriptControlFlow">制御構文</Term>です。<Term type="javascriptFunction">関数</Term>定義では、 `function` キーワードに続けて<Term type="javascriptFunction">関数</Term>名、かっこを記述します。この後、<Term type="javascriptFunction">関数</Term>内で実行したい処理を波かっこの中に記述していきます。
2323

24-
<p>
25-
<Term type="javascriptFunction">関数</Term>を定義すると、
26-
<Term type="javascriptFunction">関数</Term>
27-
名に続けてかっこを記述することにより、その
28-
<Term type="javascriptFunction">関数</Term>を実行できるようになります。
29-
</p>
24+
<Term type="javascriptFunction">関数</Term>を定義すると、
25+
<Term type="javascriptFunction">関数</Term>
26+
名に続けてかっこを記述することにより、その
27+
<Term type="javascriptFunction">関数</Term>を実行できるようになります。
3028

3129
このプログラムでは、 `greet` <Term type="javascriptFunction">関数</Term>が 2 回呼び出されているので、ブラウザに `Hello World!` が 2 つ表示されます。
3230

3331
## <Term type="javascriptParameter">**引数**</Term>
3432

35-
<p>
36-
<Term type="javascriptFunction">関数</Term>
37-
の振る舞いを呼び出し時に変更するため、
38-
<Term type="javascriptFunction">関数</Term>に
39-
<Term type="javascriptParameter">
40-
<strong>引数</strong>
41-
</Term>
42-
を与えることができます。<Term type="javascriptParameter">引数</Term>には任意の
43-
<Term type="javascriptValue">値</Term>が指定できます。
44-
</p>
33+
<Term type="javascriptFunction">関数</Term>
34+
の振る舞いを呼び出し時に変更するため、
35+
<Term type="javascriptFunction">関数</Term>に
36+
<Term type="javascriptParameter">**引数**</Term>
37+
を与えることができます。<Term type="javascriptParameter">引数</Term>には任意の
38+
<Term type="javascriptValue">値</Term>が指定できます。
4539

4640
```javascript
4741
function greet(greetingType, myName) {
@@ -62,29 +56,23 @@ greet("morning", "佐藤");
6256

6357
## <Term type="javascriptReturnValue">戻り値</Term>
6458

65-
<p>
66-
<Term type="javascriptFunction">関数</Term>呼び出しは
67-
<Term type="javascriptExpression">式</Term>の一種です。
68-
<Term type="javascriptFunction">関数</Term>定義内で <strong>return 文</strong>
69-
を用いると、<Term type="javascriptFunction">関数</Term>の実行が停止され、
70-
<Term type="javascriptFunction">関数</Term>呼び出し
71-
<Term type="javascriptExpression">式</Term>の<Term type="javascriptEvaluation">
72-
評価
73-
</Term>結果が確定します。この値を
74-
<Term type="javascriptReturnValue">
75-
<strong>戻り値</strong>
76-
</Term>
77-
と呼びます。ある<Term type="javascriptValue">値</Term>を<Term type="javascriptReturnValue">
78-
戻り値
79-
</Term>として設定して
80-
<Term type="javascriptFunction">関数</Term>の実行を終了することを、
81-
<Term type="javascriptFunction">関数</Term>がその
82-
<Term type="javascriptValue">値</Term>を
83-
<Term type="javascriptReturn">
84-
<strong>返す</strong>
85-
</Term>
86-
と表現します。
87-
</p>
59+
<Term type="javascriptFunction">関数</Term>呼び出しは
60+
<Term type="javascriptExpression">式</Term>の一種です。
61+
<Term type="javascriptFunction">関数</Term>定義内で **return 文** を用いると、
62+
<Term type="javascriptFunction">関数</Term>の実行が停止され、
63+
<Term type="javascriptFunction">関数</Term>呼び出し
64+
<Term type="javascriptExpression">式</Term>の<Term type="javascriptEvaluation">
65+
評価
66+
</Term>結果が確定します。この値を
67+
<Term type="javascriptReturnValue">**戻り値**</Term>
68+
と呼びます。ある<Term type="javascriptValue">値</Term>を<Term type="javascriptReturnValue">
69+
戻り値
70+
</Term>として設定して
71+
<Term type="javascriptFunction">関数</Term>の実行を終了することを、
72+
<Term type="javascriptFunction">関数</Term>がその
73+
<Term type="javascriptValue">値</Term>を
74+
<Term type="javascriptReturn">**返す**</Term>
75+
と表現します。
8876

8977
```javascript
9078
function add(a, b) {
@@ -149,12 +137,10 @@ document.write(multiply(3, 4));
149137
**スコープ**
150138
</Term>と呼んでいます。
151139

152-
<p>
153-
<Term type="javascriptFunction">関数</Term>外で
154-
<Term type="javascriptDeclaration">宣言</Term>された
155-
<Term type="javascriptVariable">変数</Term>は
156-
<Term type="javascriptFunction">関数</Term>内でも利用できます。
157-
</p>
140+
<Term type="javascriptFunction">関数</Term>外で
141+
<Term type="javascriptDeclaration">宣言</Term>された
142+
<Term type="javascriptVariable">変数</Term>は
143+
<Term type="javascriptFunction">関数</Term>内でも利用できます。
158144

159145
```javascript
160146
let guestCount = 0;
@@ -172,10 +158,8 @@ greet();
172158

173159
:::caution <Term type="javascriptVariable">変数</Term>の<Term type="javascriptScope">**スコープ**</Term>
174160

175-
<p>
176-
<Term type="javascriptScope">スコープ</Term>が終わった
177-
<Term type="javascriptVariable">変数</Term>は、その時点で破棄されます。
178-
</p>
161+
<Term type="javascriptScope">スコープ</Term>が終わった
162+
<Term type="javascriptVariable">変数</Term>は、その時点で破棄されます。
179163

180164
```javascript
181165
let outer = 0;
@@ -196,10 +180,8 @@ increment();
196180

197181
## 処理の分割
198182

199-
<p>
200-
<Term type="javascriptFunction">関数</Term>
201-
は、複数回使用する処理を簡便に記述するためだけでなく、複雑で長い処理の一部を切り出すことにも用いることができます。
202-
</p>
183+
<Term type="javascriptFunction">関数</Term>
184+
は、複数回使用する処理を簡便に記述するためだけでなく、複雑で長い処理の一部を切り出すことにも用いることができます。
203185

204186
長い処理をパーツに分割すると、次のようなメリットがあります。
205187

@@ -275,19 +257,15 @@ function showProbabilityAsGraph(probability) {
275257

276258
### 最大値
277259

278-
<p>
279-
<Term type="javascriptParameter">引数</Term>を 2 つとり、そのうち大きい数を
280-
<Term type="javascriptReturn">返す</Term>
281-
<Term type="javascriptFunction">関数</Term> <code>max</code>{" "}
282-
を定義してください。
283-
</p>
260+
<Term type="javascriptParameter">引数</Term>を 2 つとり、そのうち大きい数を
261+
<Term type="javascriptReturn">返す</Term>
262+
<Term type="javascriptFunction">関数</Term> `max` を定義してください。
284263

285264
:::tip
286265

287-
<p>
288-
<Term type="javascriptIfStatement">if 文</Term>を使って、<code>a</code>{" "}
289-
が大きい場合と <code>b</code> が大きい場合で処理を書き分けます。
290-
</p>
266+
<Term type="javascriptIfStatement">if 文</Term>を使って、`a` が大きい場合と `b`
267+
が大きい場合で処理を書き分けます。
268+
291269
:::
292270

293271
<Answer title="大きい数">

0 commit comments

Comments
 (0)