Skip to content

Commit 44dd0e6

Browse files
chvmvdchvmvd
committed
Migrate to Docusaurus 3.0.0
1 parent 7ce2d06 commit 44dd0e6

File tree

9 files changed

+4874
-1967
lines changed

9 files changed

+4874
-1967
lines changed

‎docs/1-trial-session/02-html/index.mdx‎

Lines changed: 9 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -54,34 +54,15 @@ VS Code 上で作成したファイルは `index.html` でした。しかしな
5454

5555
`<strong>World</strong>` の部分に注目してください。
5656

57-
<p>
58-
<Term type="html">HTML</Term> ファイルは、文書に意味を持たせるために、
59-
<Term type="tag">
60-
<strong>タグ</strong>
61-
</Term>
62-
と呼ばれる構造を持つことができます。<Term type="tag">タグ</Term>は、
63-
<code>&lt;tag&gt;</code> のような、<code>&lt;</code>と<code>&gt;</code>
64-
で囲まれた英数字のまとまりです。
65-
</p>
66-
67-
<p>
68-
<Term type="tag">タグ</Term>は、 <code>&lt;tag&gt;内容&lt;/tag&gt;</code>{" "}
69-
のように、<Term type="tag">タグ</Term>
70-
名の先頭にスラッシュを付けるか否かの区別により
71-
<Term type="startTag">
72-
<strong>開始タグ</strong>
73-
</Term>
74-
と<Term type="endTag">
75-
<strong>終了タグ</strong>
76-
</Term>
77-
に分かれ、内部にテキストや別のタグを挟み込むことができます。
78-
<Term type="startTag">開始タグ</Term>から<Term type="endTag">終了タグ</Term>
79-
までのまとまりを
80-
<Term type="element">
81-
<strong>要素</strong>
82-
</Term>
83-
といいます。
84-
</p>
57+
<Term type="html">HTML</Term> ファイルは、文書に意味を持たせるために、<Term type="tag">**タグ**</Term>と呼ばれる構造を持つことができます。<Term type="tag">タグ</Term>は、`<tag>` のような、`<` と `>` で囲まれた英数字のまとまりです。
58+
59+
<Term type="tag">タグ</Term>は、`<tag>内容</tag>` のように、
60+
<Term type="tag">タグ</Term>名の先頭にスラッシュを付けるか否かの区別により
61+
<Term type="startTag">**開始タグ**</Term>と
62+
<Term type="endTag">**終了タグ**</Term>
63+
に分かれ、内部にテキストや別のタグを挟み込むことができます。
64+
<Term type="startTag">開始タグ</Term>から<Term type="endTag">終了タグ</Term>
65+
までのまとまりを<Term type="element">**要素**</Term>といいます。
8566

8667
`body` 要素の中身を書き換え、次のようにしてみましょう。
8768

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

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,9 @@ import helloWorldByJavascriptVideo from "./hello-world-by-javascript.mp4";
66

77
## <Term type="javascript">JavaScript</Term>
88

9-
<p>
10-
<Term type="html">HTML</Term> がウェブサイトの構造を表す言語だとすれば、
11-
<Term type="javascript">
12-
<strong>JavaScript</strong>
13-
</Term> はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。
14-
</p>
9+
<Term type="html">HTML</Term> がウェブサイトの構造を表す言語だとすれば、<Term type="javascript">
10+
**JavaScript**
11+
</Term> はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。
1512

1613
![Web開発で用いられる言語](../02-html/web-development-languages.drawio.svg)
1714

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

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,10 @@ title: 変数
1515

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

18-
<p>
19-
<Term type="javascriptVariable">変数</Term>を使用するには、まず
20-
<Term type="javascriptVariable">変数</Term>を<Term type="javascriptDeclaration">
21-
<strong>宣言</strong>
22-
</Term>
23-
する必要があります。
24-
</p>
18+
<Term type="javascriptVariable">変数</Term>を使用するには、まず
19+
<Term type="javascriptVariable">変数</Term>を<Term type="javascriptDeclaration">
20+
**宣言**
21+
</Term>する必要があります。
2522

2623
```javascript title="script.js"
2724
let myGreatName = "Becky Jones";

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

Lines changed: 11 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -4,27 +4,17 @@ title: 論理値と論理演算子
44

55
## <Term type="javascriptBoolean">論理値</Term>
66

7-
<p>
8-
<Term type="javascript">JavaScript</Term> で利用できる「
9-
<Term type="javascriptValue">値</Term>」として、これまで
10-
<Term type="javascriptString">文字列</Term>と
11-
<Term type="javascriptNumber">数値</Term>を扱いました。JavaScript
12-
ではこの他に、
13-
<Term type="javascriptBoolean">
14-
<strong>論理値</strong>
15-
</Term> と呼ばれる、「正しいか、正しくないか」を表すための
16-
<Term type="javascriptValue">値</Term>が存在します。
17-
</p>
18-
19-
<p>
20-
<Term type="javascriptBoolean">論理値</Term>は、<code>true</code>（真）または{" "}
21-
<code>false</code>（偽）の２つだけです。ダブルクォーテーション <code>"</code>{" "}
22-
は必要ありません。通常の<Term type="javascriptValue">値</Term>ですので、
23-
<Term type="javascriptVariable">変数</Term>に<Term type="javascriptAssignment">
24-
代入
25-
</Term>
26-
したり、計算に使ったりすることができます。
27-
</p>
7+
<Term type="javascript">JavaScript</Term> で利用できる「<Term type="javascriptValue">
8+
値
9+
</Term>」として、これまで<Term type="javascriptString">文字列</Term>と<Term type="javascriptNumber">
10+
数値
11+
</Term>を扱いました。JavaScript ではこの他に、<Term type="javascriptBoolean">
12+
**論理値**
13+
</Term> と呼ばれる、「正しいか、正しくないか」を表すための
14+
<Term type="javascriptValue">値</Term>が存在します。
15+
16+
{/* prettier-ignore */}
17+
<Term type="javascriptBoolean">論理値</Term>は、`true`（真）または `false`（偽）の 2 つだけです。ダブルクォーテーション `"` は必要ありません。通常の<Term type="javascriptValue">値</Term>ですので、<Term type="javascriptVariable">変数</Term>に<Term type="javascriptAssignment">代入</Term>したり、計算に使ったりすることができます。
2818

2919
![値の種類・論理値付き](./value-types-with-boolean.drawio.svg)
3020

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

Lines changed: 12 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -51,18 +51,10 @@ function greet(greetingType, myName) {
5151
greet("morning", "佐藤");
5252
```
5353

54-
<p>
55-
<Term type="javascriptFunction">関数</Term>定義では、
56-
<Term type="javascriptFunction">関数</Term>名直後のかっこ内に
57-
<Term type="javascriptParameter">引数</Term>
58-
名をコンマ区切りで設定できます。上のプログラムで <code>greet</code> <Term type="javascriptFunction">
59-
関数
60-
</Term>は、 <code>greetingType</code> や <code>myName</code> という名前の<Term type="javascriptParameter">
61-
引数
62-
</Term>
63-
をとります。<Term type="javascriptFunction">関数</Term>定義の中では、これらは
64-
<Term type="javascriptVariable">変数</Term>のように振舞います。
65-
</p>
54+
{/* prettier-ignore */}
55+
<Term type="javascriptFunction">関数</Term>定義では、<Term type="javascriptFunction">関数</Term>名直後のかっこ内に<Term type="javascriptParameter">引数</Term>名をコンマ区切りで設定できます。
56+
上のプログラムで `greet` <Term type="javascriptFunction">関数</Term>は、 `greetingType` や `myName` という名前の<Term type="javascriptParameter">引数</Term>をとります。
57+
<Term type="javascriptFunction">関数</Term>定義の中では、これらは<Term type="javascriptVariable">変数</Term>のように振舞います。
6658

6759
呼び出し側では、括弧の中に<Term type="javascriptFunction">関数</Term>に<Term type="javascriptPass">渡す</Term><Term type="javascriptParameter">引数</Term>を指定します。このプログラムを実行すると、ブラウザに `Good morning, 佐藤!` が表示されるでしょう。
6860

@@ -148,17 +140,14 @@ document.write(multiply(3, 4));
148140

149141
## <Term type="javascriptVariable">変数</Term>の<Term type="javascriptScope">スコープ</Term>
150142

151-
<p>
152-
<Term type="javascriptFunction">関数</Term>内で
153-
<Term type="javascriptDeclaration">宣言</Term>された
154-
<Term type="javascriptVariable">変数</Term>は、
155-
<Term type="javascriptFunction">関数</Term>内でのみ有効です。
156-
<Term type="javascriptVariable">変数</Term>が有効な範囲のことを、その
157-
<Term type="javascriptVariable">変数</Term>の<Term type="javascriptScope">
158-
<strong>スコープ</strong>
159-
</Term>
160-
と呼んでいます。
161-
</p>
143+
<Term type="javascriptFunction">関数</Term>内で
144+
<Term type="javascriptDeclaration">宣言</Term>された
145+
<Term type="javascriptVariable">変数</Term>は、
146+
<Term type="javascriptFunction">関数</Term>内でのみ有効です。
147+
<Term type="javascriptVariable">変数</Term>が有効な範囲のことを、その
148+
<Term type="javascriptVariable">変数</Term>の<Term type="javascriptScope">
149+
**スコープ**
150+
</Term>と呼んでいます。
162151

163152
<p>
164153
<Term type="javascriptFunction">関数</Term>外で

‎docs/2-browser-apps/03-class/index.mdx‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -177,14 +177,9 @@ const tanaka = new Student("田中", 2004, 2022);
177177
tanaka.introduceSelf();
178178
```
179179

180-
<Term type="javascriptClass">クラス</Term>と
181-
<Term type="javascriptConstructor">コンストラクタ</Term>
182-
のメリットを理解するために、<Term type="javascriptClass">クラス</Term>の<Term type="javascriptInstance">
183-
インスタンス
184-
</Term>
185-
を複数生成する場合を考えましょう。例えば、田中さん、鈴木さん、佐藤さんが続けて自己紹介する場合、
186-
<Term type="javascriptClass">クラス</Term>
187-
を使わないでコードを書くと以下のようになります。
180+
{/* prettier-ignore */}
181+
<Term type="javascriptClass">クラス</Term>と<Term type="javascriptConstructor">コンストラクタ</Term>のメリットを理解するために、<Term type="javascriptClass">クラス</Term>の<Term type="javascriptInstance">インスタンス</Term>を複数生成する場合を考えましょう。
182+
例えば、田中さん、鈴木さん、佐藤さんが続けて自己紹介する場合、<Term type="javascriptClass">クラス</Term>を使わないでコードを書くと以下のようになります。
188183

189184
```javascript
190185
const tanaka = {

‎docusaurus.config.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ module.exports = {
5252
},
5353
},
5454
prism: {
55-
theme: require("prism-react-renderer/themes/github"),
55+
theme: require("prism-react-renderer").themes.github,
5656
},
5757
navbar: {
5858
title: "ut.code(); Learn",

0 commit comments

Comments
 (0)