Skip to content

Commit 5d67d2c

Browse files
chvmvdchvmvd
committed
Migrate to Docusaurus 3.0.0
1 parent 7ce2d06 commit 5d67d2c

9 files changed

Lines changed: 4878 additions & 1952 deletions

File tree

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

Lines changed: 7 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -64,24 +64,13 @@ VS Code 上で作成したファイルは `index.html` でした。しかしな
6464
で囲まれた英数字のまとまりです。
6565
</p>
6666

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>
67+
<Term type="tag">タグ</Term>は、`<tag>内容</tag>` のように、
68+
<Term type="tag">タグ</Term>名の先頭にスラッシュを付けるか否かの区別により
69+
<Term type="startTag">**開始タグ**</Term>と
70+
<Term type="endTag">**終了タグ**</Term>
71+
に分かれ、内部にテキストや別のタグを挟み込むことができます。
72+
<Term type="startTag">開始タグ</Term>から<Term type="endTag">終了タグ</Term>
73+
までのまとまりを<Term type="element">**要素**</Term>といいます。
8574

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

‎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: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,9 @@ 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>を
20+
<Term type="javascriptDeclaration">**宣言**</Term>する必要があります。
2521

2622
```javascript title="script.js"
2723
let myGreatName = "Becky Jones";

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

Lines changed: 15 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -4,27 +4,21 @@ 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+
<Term type="javascriptBoolean">論理値</Term>は、`true`（真）または
17+
`false`（偽）の 2 つだけです。ダブルクォーテーション `"`
18+
は必要ありません。通常の<Term type="javascriptValue">値</Term>ですので、
19+
<Term type="javascriptVariable">変数</Term>に
20+
<Term type="javascriptAssignment">代入</Term>
21+
したり、計算に使ったりすることができます。
2822

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

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

Lines changed: 16 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -51,18 +51,15 @@ 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+
<Term type="javascriptFunction">関数</Term>定義では、
55+
<Term type="javascriptFunction">関数</Term>名直後のかっこ内に
56+
<Term type="javascriptParameter">引数</Term>
57+
名をコンマ区切りで設定できます。上のプログラムで `greet` <Term type="javascriptFunction">
58+
関数
59+
</Term>は、 `greetingType` や `myName` という名前の<Term type="javascriptParameter">
60+
引数
61+
</Term>をとります。<Term type="javascriptFunction">関数</Term>定義の中では、これらは
62+
<Term type="javascriptVariable">変数</Term>のように振舞います。
6663

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

@@ -148,17 +145,13 @@ document.write(multiply(3, 4));
148145

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

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>
148+
<Term type="javascriptFunction">関数</Term>内で
149+
<Term type="javascriptDeclaration">宣言</Term>された
150+
<Term type="javascriptVariable">変数</Term>は、
151+
<Term type="javascriptFunction">関数</Term>内でのみ有効です。
152+
<Term type="javascriptVariable">変数</Term>が有効な範囲のことを、その
153+
<Term type="javascriptVariable">変数</Term>の
154+
<Term type="javascriptScope">**スコープ**</Term>と呼んでいます。
162155

163156
<p>
164157
<Term type="javascriptFunction">関数</Term>外で

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

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -179,9 +179,8 @@ tanaka.introduceSelf();
179179

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

‎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)