Add prettier-ignore to parse correctly

Author: chvmvd

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

@@ -56,13 +56,9 @@ VS Code 上で作成したファイルは `index.html` でした。しかしな
 
 <Term type="html">HTML</Term> ファイルは、文書に意味を持たせるために、<Term type="tag">**タグ**</Term>と呼ばれる構造を持つことができます。<Term type="tag">タグ</Term>は、`<tag>` のような、`<` と `>` で囲まれた英数字のまとまりです。
 
-<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>といいます。
+{/* prettier-ignore */}
+<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` 要素の中身を書き換え、次のようにしてみましょう。
 

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

@@ -6,9 +6,8 @@ import helloWorldByJavascriptVideo from "./hello-world-by-javascript.mp4";
 
 ## <Term type="javascript">JavaScript</Term>
 
-<Term type="html">HTML</Term> がウェブサイトの構造を表す言語だとすれば、<Term type="javascript">
-  **JavaScript**
-</Term> はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。
+{/* prettier-ignore */}
+<Term type="html">HTML</Term> がウェブサイトの構造を表す言語だとすれば、<Term type="javascript">**JavaScript**</Term> はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。
 
 ![Web開発で用いられる言語](../02-html/web-development-languages.drawio.svg)
 
@@ -59,12 +58,10 @@ document.write("Hello World!");
 
 ## <Term type="javascript">JavaScript</Term> の基本文法
 
-<Term type="javascript">JavaScript</Term> のプログラムで、セミコロンで区切られた部分を
-<Term type="javascriptStatement">文</Term>と呼びます。
-<Term type="javascript">JavaScript</Term> の実行環境は、プログラム中に含まれる
-<Term type="javascriptStatement">文</Term>
-を上から下に向けて順番に実行していきます。 `document.write`
-はブラウザの画面に出力するための命令です。
+{/* prettier-ignore */}
+<Term type="javascript">JavaScript</Term> のプログラムで、セミコロンで区切られた部分を<Term type="javascriptStatement">文</Term>と呼びます。
+<Term type="javascript">JavaScript</Term> の実行環境は、プログラム中に含まれる<Term type="javascriptStatement">文</Term>を上から下に向けて順番に実行していきます。
+`document.write` はブラウザの画面に出力するための命令です。
 
 ```javascript title="script.js"
 document.write("Hello World1");

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

@@ -12,33 +12,28 @@ document.write("Hello World");
 
 `"Hello World"` のように `"`（ダブルクォーテーション）で囲まれた<Term type="javascriptValue">**値**</Term>を、<Term type="javascriptString">**文字列**</Term>と呼びます。
 
-<Term type="javascriptString">文字列</Term>は
-<Term type="javascriptValue">値</Term>の一種です。
-<Term type="javascriptNumber">数値</Term>は<Term type="javascriptString">
-  文字列
-</Term>と同じ
-<Term type="javascriptValue">値</Term>
-の一種ですが、プログラムの中に直接記述することができます。
+{/* prettier-ignore */}
+<Term type="javascriptString">文字列</Term>は<Term type="javascriptValue">値</Term>の一種です。
+<Term type="javascriptNumber">数値</Term>は<Term type="javascriptString">文字列</Term>と同じ<Term type="javascriptValue">値</Term>の一種ですが、プログラムの中に直接記述することができます。
 
 ![値の種類](./value-types.drawio.svg)
 
 ```javascript title="script.js"
 document.write(3);
 ```
 
-<Term type="javascriptOperator">**演算子**</Term>を用いると、
-<Term type="javascriptValue">値</Term>を用いて計算をすることができます。例えば `+`（加算
-<Term type="javascriptOperator">演算子</Term>
-）で、足し算の計算を行うことができます。
+{/* prettier-ignore */}
+<Term type="javascriptOperator">**演算子**</Term>を用いると、<Term type="javascriptValue">値</Term>を用いて計算をすることができます。
+例えば `+`（加算<Term type="javascriptOperator">演算子</Term>）で、足し算の計算を行うことができます。
 
 ```javascript title="script.js"
 document.write(3 + 4);
 ```
 
 ## <Term type="javascriptOperator">演算子</Term>の<Term type="javascriptOperatorPriority">優先順位</Term>
 
-<Term type="javascriptOperator">演算子</Term>には、
-<Term type="javascriptOperatorPriority">優先順位</Term>が設定されています。
+{/* prettier-ignore */}
+<Term type="javascriptOperator">演算子</Term>には、<Term type="javascriptOperatorPriority">優先順位</Term>が設定されています。
 
 ```javascript title="script.js"
 document.write(3 + 4 * 5);
@@ -52,14 +47,10 @@ document.write(3 + 4 * 5);
 
 ## いろいろな<Term type="javascriptOperator">演算子</Term>
 
-<Term type="javascriptOperator">演算子</Term>が適用できるのは、何も
-<Term type="javascriptNumber">数値</Term>だけではありません。
-<Term type="javascriptString">文字列</Term>に適用できる
-<Term type="javascriptOperator">演算子</Term>もあります。 先ほどの `+`（加算
-<Term type="javascriptOperator">演算子</Term>）は、
-<Term type="javascriptString">文字列</Term>同士で使用された場合は、
-<Term type="javascriptString">文字列</Term>結合
-<Term type="javascriptOperator">演算子</Term>となります。
+{/* prettier-ignore */}
+<Term type="javascriptOperator">演算子</Term>が適用できるのは、何も<Term type="javascriptNumber">数値</Term>だけではありません。
+<Term type="javascriptString">文字列</Term>に適用できる<Term type="javascriptOperator">演算子</Term>もあります。 
+先ほどの `+`（加算<Term type="javascriptOperator">演算子</Term>）は、<Term type="javascriptString">文字列</Term>同士で使用された場合は、<Term type="javascriptString">文字列</Term>結合<Term type="javascriptOperator">演算子</Term>となります。
 
 ```javascript title="script.js"
 document.write("Hello" + "World");

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

@@ -4,20 +4,14 @@ title: 変数
 
 ## <Term type="javascriptVariable">変数</Term>とは
 
-<Term type="javascriptVariable">変数</Term>を用いると、
-<Term type="javascriptValue">値</Term>
-を一時的に保存し、再利用することができます。
-数学における変数は通常数値を表すものですが、プログラムにおける
-<Term type="javascriptVariable">変数</Term>は、
-<Term type="javascriptString">文字列</Term>等を含め、全ての種類の「
-<Term type="javascriptValue">値</Term>」を格納することができます。
+{/* prettier-ignore */}
+<Term type="javascriptVariable">変数</Term>を用いると、<Term type="javascriptValue">値</Term>を一時的に保存し、再利用することができます。
+数学における変数は通常数値を表すものですが、プログラムにおける<Term type="javascriptVariable">変数</Term>は、<Term type="javascriptString">文字列</Term>等を含め、全ての種類の「<Term type="javascriptValue">値</Term>」を格納することができます。
 
 ## <Term type="javascriptVariable">変数</Term>の<Term type="javascriptDeclaration">宣言</Term>と使用
 
-<Term type="javascriptVariable">変数</Term>を使用するには、まず
-<Term type="javascriptVariable">変数</Term>を<Term type="javascriptDeclaration">
-  **宣言**
-</Term>する必要があります。
+{/* prettier-ignore */}
+<Term type="javascriptVariable">変数</Term>を使用するには、まず<Term type="javascriptVariable">変数</Term>を<Term type="javascriptDeclaration">**宣言**</Term>する必要があります。
 
 ```javascript title="script.js"
 let myGreatName = "Becky Jones";
@@ -28,10 +22,10 @@ document.write(myGreatName);
 
 2 行目では、<Term type="javascriptVariable">変数</Term> `myGreatName` が<Term type="javascriptEvaluation">評価</Term>され、<Term type="javascriptAssignment">代入</Term>されていた<Term type="javascriptString">文字列</Term><Term type="javascriptValue">値</Term> `"Becky Jones"` が画面に表示されます。
 
-<Term type="javascriptVariable">変数</Term>を
-<Term type="javascriptDeclaration">宣言</Term>するキーワードには、`let` 以外にも
-`const` があります。記法自体は `let`
-と同様ですが、少し違いがあります。違いについては、次の節で説明します。
+{/* prettier-ignore */}
+<Term type="javascriptVariable">変数</Term>を<Term type="javascriptDeclaration">宣言</Term>するキーワードには、`let` 以外にも `const` があります。
+記法自体は `let` と同様ですが、少し違いがあります。
+違いについては、次の節で説明します。
 
 ```javascript title="script.js"
 const myGreatName = "Becky Jones";
@@ -44,12 +38,9 @@ document.write(myGreatName);
 
 :::info
 
-<Term type="javascript">JavaScript</Term> の<Term type="javascriptVariable">
-  変数
-</Term>名には、通常<Term type="camelCase">キャメルケース</Term>が用いられます。
-<Term type="snakeCase">スネークケース</Term>や
-<Term type="pascalCase">パスカルケース</Term>
-などの命名規則が利用される文法もあります。
+{/* prettier-ignore */}
+<Term type="javascript">JavaScript</Term> の<Term type="javascriptVariable">変数</Term>名には、通常<Term type="camelCase">キャメルケース</Term>が用いられます。
+<Term type="snakeCase">スネークケース</Term>や<Term type="pascalCase">パスカルケース</Term>などの命名規則が利用される文法もあります。
 
 :::
 
@@ -87,12 +78,9 @@ mysteriousNumber = 2;
 document.write(mysteriousNumber); // 2
 ```
 
-<Term type="javascriptVariable">変数</Term>には、最後に
-<Term type="javascriptAssignment">代入</Term>された
-<Term type="javascriptValue">値</Term>のみを保持する性質があります。そのため、
-<Term type="javascriptVariable">変数</Term> `mysteriousNumber` は 3 回
-<Term type="javascriptAssignment">代入</Term>が行われていますが、最後に
-<Term type="javascriptAssignment">代入</Term>された `2` が表示されます。
+{/* prettier-ignore */}
+<Term type="javascriptVariable">変数</Term>には、最後に<Term type="javascriptAssignment">代入</Term>された<Term type="javascriptValue">値</Term>のみを保持する性質があります。
+そのため、<Term type="javascriptVariable">変数</Term> `mysteriousNumber` は 3 回<Term type="javascriptAssignment">代入</Term>が行われていますが、最後に<Term type="javascriptAssignment">代入</Term>された `2` が表示されます。
 
 一方、`const` で<Term type="javascriptDeclaration">宣言</Term>された<Term type="javascriptVariable">変数</Term>には、再<Term type="javascriptAssignment">代入</Term>ができません。そのため、上記のコードの `let` を `const` に置き換えることはできません。
 
@@ -106,13 +94,9 @@ document.write(price);
 
 <ViewSource url={import.meta.url} path="_samples/compound-assignment" />
 
-<Term type="javascriptAssignment">代入</Term>
-<Term type="javascriptOperator">演算子</Term>は、まず右辺の<Term type="javascriptExpression">
-  式
-</Term>を<Term type="javascriptEvaluation">評価</Term>します。これにより、右辺は
-`100 / 2` となります。よって、最終的に<Term type="javascriptVariable">
-  変数
-</Term> `price` の<Term type="javascriptValue">値</Term>は `50` となり、これは
-`price` を半分にする操作に対応します。
+{/* prettier-ignore */}
+<Term type="javascriptAssignment">代入</Term><Term type="javascriptOperator">演算子</Term>は、まず右辺の<Term type="javascriptExpression">式</Term>を<Term type="javascriptEvaluation">評価</Term>します。
+これにより、右辺は `100 / 2` となります。
+よって、最終的に<Term type="javascriptVariable">変数</Term> `price` の<Term type="javascriptValue">値</Term>は `50` となり、これは `price` を半分にする操作に対応します。
 
 ![変数の再代入](./reassignment-evaluation.png)

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

@@ -4,14 +4,9 @@ title: 論理値と論理演算子
 
 ## <Term type="javascriptBoolean">論理値</Term>
 
-<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>が存在します。
+{/* prettier-ignore */}
+<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>が存在します。
 
 {/* prettier-ignore */}
 <Term type="javascriptBoolean">論理値</Term>は、`true`（真）または `false`（偽）の 2 つだけです。ダブルクォーテーション `"` は必要ありません。通常の<Term type="javascriptValue">値</Term>ですので、<Term type="javascriptVariable">変数</Term>に<Term type="javascriptAssignment">代入</Term>したり、計算に使ったりすることができます。
@@ -20,8 +15,8 @@ title: 論理値と論理演算子
 
 ## 論理<Term type="javascriptOperator">演算子</Term>
 
-<Term type="javascriptBoolean">論理値</Term>に対して適用できる
-<Term type="javascriptOperator">演算子</Term>が存在します。
+{/* prettier-ignore */}
+<Term type="javascriptBoolean">論理値</Term>に対して適用できる<Term type="javascriptOperator">演算子</Term>が存在します。
 
 ```javascript
 const isMonsterBig = true;

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

@@ -41,8 +41,8 @@ if (式) {
 }
 ```
 
-<Term type="javascriptExpression">式</Term>の
-<Term type="javascriptEvaluation">評価</Term>結果が `true` であれば処理 1
+{/* prettier-ignore */}
+<Term type="javascriptExpression">式</Term>の<Term type="javascriptEvaluation">評価</Term>結果が `true` であれば処理 1
 が、`false` であれば処理 2 が実行されます。
 
 ```javascript