Migrate to Docusaurus 3.0.0

ut-code · Nov 4, 2023 · 5d67d2c · 5d67d2c
1 parent 7ce2d06
commit 5d67d2c
Show file tree

Hide file tree

Showing 9 changed files with 4,878 additions and 1,952 deletions.
diff --git a/docs/1-trial-session/02-html/index.mdx b/docs/1-trial-session/02-html/index.mdx
@@ -64,24 +64,13 @@ VS Code 上で作成したファイルは `index.html` でした。しかしな
   で囲まれた英数字のまとまりです。
 </p>
 
-<p>
-  <Term type="tag">タグ</Term>は、 <code>&lt;tag&gt;内容&lt;/tag&gt;</code>{" "}
-  のように、<Term type="tag">タグ</Term>
-  名の先頭にスラッシュを付けるか否かの区別により
-  <Term type="startTag">
-    <strong>開始タグ</strong>
-  </Term>
-  と<Term type="endTag">
-    <strong>終了タグ</strong>
-  </Term>
-  に分かれ、内部にテキストや別のタグを挟み込むことができます。
-  <Term type="startTag">開始タグ</Term>から<Term type="endTag">終了タグ</Term>
-  までのまとまりを
-  <Term type="element">
-    <strong>要素</strong>
-  </Term>
-  といいます。
-</p>
+<Term type="tag">タグ</Term>は、`<tag>内容</tag>` のように、
+<Term type="tag">タグ</Term>名の先頭にスラッシュを付けるか否かの区別により
+<Term type="startTag">**開始タグ**</Term>と
+<Term type="endTag">**終了タグ**</Term>
+に分かれ、内部にテキストや別のタグを挟み込むことができます。
+<Term type="startTag">開始タグ</Term>から<Term type="endTag">終了タグ</Term>
+までのまとまりを<Term type="element">**要素**</Term>といいます。
 
 `body` 要素の中身を書き換え、次のようにしてみましょう。
 

diff --git a/docs/1-trial-session/03-javascript/index.mdx b/docs/1-trial-session/03-javascript/index.mdx
@@ -6,12 +6,9 @@ import helloWorldByJavascriptVideo from "./hello-world-by-javascript.mp4";
 
 ## <Term type="javascript">JavaScript</Term>
 
-<p>
-  <Term type="html">HTML</Term> がウェブサイトの構造を表す言語だとすれば、
-  <Term type="javascript">
-    <strong>JavaScript</strong>
-  </Term> はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。
-</p>
+<Term type="html">HTML</Term> がウェブサイトの構造を表す言語だとすれば、<Term type="javascript">
+  **JavaScript**
+</Term> はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。
 
 ![Web開発で用いられる言語](../02-html/web-development-languages.drawio.svg)
 

diff --git a/docs/1-trial-session/05-variables/index.mdx b/docs/1-trial-session/05-variables/index.mdx
@@ -15,13 +15,9 @@ title: 変数
 
 ## <Term type="javascriptVariable">変数</Term>の<Term type="javascriptDeclaration">宣言</Term>と使用
 
-<p>
-  <Term type="javascriptVariable">変数</Term>を使用するには、まず
-  <Term type="javascriptVariable">変数</Term>を<Term type="javascriptDeclaration">
-    <strong>宣言</strong>
-  </Term>
-  する必要があります。
-</p>
+<Term type="javascriptVariable">変数</Term>を使用するには、まず
+<Term type="javascriptVariable">変数</Term>を
+<Term type="javascriptDeclaration">**宣言**</Term>する必要があります。
 
 ```javascript title="script.js"
 let myGreatName = "Becky Jones";

diff --git a/docs/1-trial-session/06-boolean/index.mdx b/docs/1-trial-session/06-boolean/index.mdx
@@ -4,27 +4,21 @@ title: 論理値と論理演算子
 
 ## <Term type="javascriptBoolean">論理値</Term>
 
-<p>
-  <Term type="javascript">JavaScript</Term> で利用できる「
-  <Term type="javascriptValue">値</Term>」として、これまで
-  <Term type="javascriptString">文字列</Term>と
-  <Term type="javascriptNumber">数値</Term>を扱いました。JavaScript
-  ではこの他に、
-  <Term type="javascriptBoolean">
-    <strong>論理値</strong>
-  </Term> と呼ばれる、「正しいか、正しくないか」を表すための
-  <Term type="javascriptValue">値</Term>が存在します。
-</p>
-
-<p>
-  <Term type="javascriptBoolean">論理値</Term>は、<code>true</code>（真）または{" "}
-  <code>false</code>（偽）の２つだけです。ダブルクォーテーション <code>"</code>{" "}
-  は必要ありません。通常の<Term type="javascriptValue">値</Term>ですので、
-  <Term type="javascriptVariable">変数</Term>に<Term type="javascriptAssignment">
-    代入
-  </Term>
-  したり、計算に使ったりすることができます。
-</p>
+<Term type="javascript">JavaScript</Term> で利用できる「<Term type="javascriptValue">
+  値
+</Term>」として、これまで<Term type="javascriptString">文字列</Term>と<Term type="javascriptNumber">
+  数値
+</Term>を扱いました。JavaScript ではこの他に、<Term type="javascriptBoolean">
+  **論理値**
+</Term> と呼ばれる、「正しいか、正しくないか」を表すための
+<Term type="javascriptValue">値</Term>が存在します。
+
+<Term type="javascriptBoolean">論理値</Term>は、`true`（真）または
+`false`（偽）の 2 つだけです。ダブルクォーテーション `"`
+は必要ありません。通常の<Term type="javascriptValue">値</Term>ですので、
+<Term type="javascriptVariable">変数</Term>に
+<Term type="javascriptAssignment">代入</Term>
+したり、計算に使ったりすることができます。
 
 ![値の種類・論理値付き](./value-types-with-boolean.drawio.svg)
 

diff --git a/docs/1-trial-session/09-functions/index.mdx b/docs/1-trial-session/09-functions/index.mdx
@@ -51,18 +51,15 @@ function greet(greetingType, myName) {
 greet("morning", "佐藤");
 ```
 
-<p>
-  <Term type="javascriptFunction">関数</Term>定義では、
-  <Term type="javascriptFunction">関数</Term>名直後のかっこ内に
-  <Term type="javascriptParameter">引数</Term>
-  名をコンマ区切りで設定できます。上のプログラムで <code>greet</code> <Term type="javascriptFunction">
-    関数
-  </Term>は、 <code>greetingType</code> や <code>myName</code> という名前の<Term type="javascriptParameter">
-    引数
-  </Term>
-  をとります。<Term type="javascriptFunction">関数</Term>定義の中では、これらは
-  <Term type="javascriptVariable">変数</Term>のように振舞います。
-</p>
+<Term type="javascriptFunction">関数</Term>定義では、
+<Term type="javascriptFunction">関数</Term>名直後のかっこ内に
+<Term type="javascriptParameter">引数</Term>
+名をコンマ区切りで設定できます。上のプログラムで `greet` <Term type="javascriptFunction">
+  関数
+</Term>は、 `greetingType` や `myName` という名前の<Term type="javascriptParameter">
+  引数
+</Term>をとります。<Term type="javascriptFunction">関数</Term>定義の中では、これらは
+<Term type="javascriptVariable">変数</Term>のように振舞います。
 
 呼び出し側では、括弧の中に<Term type="javascriptFunction">関数</Term>に<Term type="javascriptPass">渡す</Term><Term type="javascriptParameter">引数</Term>を指定します。このプログラムを実行すると、ブラウザに `Good morning, 佐藤!` が表示されるでしょう。
 
@@ -148,17 +145,13 @@ document.write(multiply(3, 4));
 
 ## <Term type="javascriptVariable">変数</Term>の<Term type="javascriptScope">スコープ</Term>
 
-<p>
-  <Term type="javascriptFunction">関数</Term>内で
-  <Term type="javascriptDeclaration">宣言</Term>された
-  <Term type="javascriptVariable">変数</Term>は、
-  <Term type="javascriptFunction">関数</Term>内でのみ有効です。
-  <Term type="javascriptVariable">変数</Term>が有効な範囲のことを、その
-  <Term type="javascriptVariable">変数</Term>の<Term type="javascriptScope">
-    <strong>スコープ</strong>
-  </Term>
-  と呼んでいます。
-</p>
+<Term type="javascriptFunction">関数</Term>内で
+<Term type="javascriptDeclaration">宣言</Term>された
+<Term type="javascriptVariable">変数</Term>は、
+<Term type="javascriptFunction">関数</Term>内でのみ有効です。
+<Term type="javascriptVariable">変数</Term>が有効な範囲のことを、その
+<Term type="javascriptVariable">変数</Term>の
+<Term type="javascriptScope">**スコープ**</Term>と呼んでいます。
 
 <p>
   <Term type="javascriptFunction">関数</Term>外で

diff --git a/docs/2-browser-apps/03-class/index.mdx b/docs/2-browser-apps/03-class/index.mdx
@@ -179,9 +179,8 @@ tanaka.introduceSelf();
 
 <Term type="javascriptClass">クラス</Term>と
 <Term type="javascriptConstructor">コンストラクタ</Term>
-のメリットを理解するために、<Term type="javascriptClass">クラス</Term>の<Term type="javascriptInstance">
-  インスタンス
-</Term>
+のメリットを理解するために、<Term type="javascriptClass">クラス</Term>の
+<Term type="javascriptInstance">インスタンス</Term>
 を複数生成する場合を考えましょう。例えば、田中さん、鈴木さん、佐藤さんが続けて自己紹介する場合、
 <Term type="javascriptClass">クラス</Term>
 を使わないでコードを書くと以下のようになります。

diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -52,7 +52,7 @@ module.exports = {
       },
     },
     prism: {
-      theme: require("prism-react-renderer/themes/github"),
+      theme: require("prism-react-renderer").themes.github,
     },
     navbar: {
       title: "ut.code(); Learn",