Merge branch 'main' into add-remark-term

Author: chvmvd

docs/1-trial-session/11-array/index.mdx

@@ -76,7 +76,7 @@ for (変数の宣言/変数名 of 配列) {
 
 ## 配列の便利な機能
 
-JavaScriptの配列には、便利な変数や関数のようなものが定義されています。正確には[オブジェクト](/docs/trial-session/object)と[クラス](/docs/browser-apps/class)の回でそれぞれ扱う<Term>プロパティ</Term>、<Term>メソッド</Term>というものですが、今のところは特殊な書き方をする変数や関数であると考えればよいでしょう。
+JavaScriptの配列には、便利な変数や関数のようなものが定義されています。正確には[「オブジェクト」の節](/docs/trial-session/object)と[「クラス」の節](/docs/browser-apps/class)でそれぞれ扱う<Term>プロパティ</Term>、<Term>メソッド</Term>というものですが、今のところは特殊な書き方をする変数や関数であると考えればよいでしょう。
 
 ### `配列.length`
 

docs/1-trial-session/13-dom/_samples/get-element-by-id/script.js

@@ -1,2 +1,2 @@
-const element = document.getElementById("greeting");
-element.textContent = "Hello DOM";
+const greetingElement = document.getElementById("greeting");
+greetingElement.textContent = "Hello DOM";

docs/1-trial-session/14-events/index.mdx

@@ -84,7 +84,7 @@ greetButton.onclick = clicked();
 
 `document.write`関数を使うと、画面上にあったボタンが消えてしまいます。また、文字色や文字サイズを変えることも困難です。
 
-`document.write`関数の代わりに、先ほどのDOMの節で扱った方法を使ってHTML要素をJavaScriptで操作するとよいでしょう。
+`document.write`関数の代わりに、先ほどの[「DOM」の節](/docs/trial-session/dom/)で扱った方法を使ってHTML要素をJavaScriptで操作するとよいでしょう。
 
 :::
 

docs/2-browser-apps/02-reference/index.mdx

@@ -4,7 +4,7 @@ title: オブジェクトの参照
 
 ## 参照
 
-[オブジェクト](/docs/trial-session/object/)で扱ったように、JavaScriptの値はオブジェクトとプリミティブに分けられます。前回は、プリミティブを「それ以上分解できない値」のように説明しました。もう少し詳しくみてみましょう。
+[「オブジェクト」の節](/docs/trial-session/object/)で扱ったように、JavaScriptの値はオブジェクトとプリミティブに分けられます。前回は、プリミティブを「それ以上分解できない値」のように説明しました。もう少し詳しくみてみましょう。
 
 ![オブジェクトとプリミティブ](../../1-trial-session/12-object/value-types-with-object.drawio.svg)
 

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

@@ -359,7 +359,7 @@ document.write(myBirthDay.getFullYear()); // 2014
 
 ![HTMLDivElementの継承関係](./html-inheritance.drawio.svg)
 
-実は、[DOMの節](/docs/trial-session/dom/)で使用したtextContentプロパティは、このNodeクラスで定義されています。
+実は、[「DOM」の節](/docs/trial-session/dom/)で使用したtextContentプロパティは、このNodeクラスで定義されています。
 
 :::tip[`Object`クラス]
 

docs/2-browser-apps/04-anonymous-function/index.mdx

@@ -4,7 +4,7 @@ title: 無名関数
 
 ## 無名関数
 
-[イベント](/docs/trial-session/events/)の節で、関数も値の一種であることを説明しました。このため、関数は変数やプロパティに代入したり、関数の引数や戻り値になったりできます。
+[「イベント」の節](/docs/trial-session/events/)で、関数も値の一種であることを説明しました。このため、関数は変数やプロパティに代入したり、関数の引数や戻り値になったりできます。
 
 しかしながら、通常の記法で関数を記述することが煩わしい場合があります。イベントハンドラを登録する場合を考えてみましょう。
 

docs/2-browser-apps/06-project/index.mdx

@@ -58,7 +58,7 @@ addButton.onclick = () => {
 };
 ```
 
-このとき、箇条書きの項目として新たに`li`要素を追加する必要があります。DOMの節で扱ったように、`document.createElement`関数を使うと新しい要素を作成できます。また、`Node#appendChild`メソッドを用いることで既存の要素内に子要素を追加することができます。
+このとき、箇条書きの項目として新たに`li`要素を追加する必要があります。[「DOM」の節](/docs/trial-session/dom/)で扱ったように、`document.createElement`関数を使うと新しい要素を作成できます。また、`Node#appendChild`メソッドを用いることで既存の要素内に子要素を追加することができます。
 
 ```javascript
 const li = document.createElement("li");

docs/3-web-servers/03-node-js/index.mdx

@@ -81,7 +81,7 @@ v22.15.0
 
 ## Node.jsでHello World
 
-まずは、新しいフォルダを作成し、Visual Studio Codeで開きます。macOSの場合は[はじめてのWeb開発](/docs/trial-session/get-started/)で作成した`projects`フォルダの中に別のフォルダを作れば問題ありませんが、Windowsの場合はWSL上にフォルダを作成します。
+まずは、新しいフォルダを作成し、Visual Studio Codeで開きます。macOSの場合は[「はじめてのWeb開発」の節](/docs/trial-session/get-started/)で作成した`projects`フォルダの中に別のフォルダを作れば問題ありませんが、Windowsの場合はWSL上にフォルダを作成します。
 
 :::info[WSL上にプロジェクトフォルダを作る]
 
@@ -105,7 +105,7 @@ console.log("Hello World!");
 
 ## Node.jsのデバッグ
 
-[ブラウザの開発者ツールを利用する](/docs/browser-apps/inspector/)節でJavaScriptのデバッグを行ったのと同様に、Node.jsでは、VS Code標準の機能を用いてデバッグを行えます。
+[「ブラウザの開発者ツール」の節](/docs/browser-apps/inspector/)でJavaScriptのデバッグを行ったのと同様に、Node.jsでは、VS Code標準の機能を用いてデバッグを行えます。
 
 Node.jsのデバッグを開始するには、ブレークポイント等を設定したうえで、`F5`キーを押します。初回はデバッグ構成を選択するメニューが出現するので、`Node.js`を選択しましょう。デバッグが開始されると、VS Code下部の青いバーが橙色に変化します。`console.log`は`DEBUG CONSOLE`タブに出力されるので注意しましょう。
 

docs/3-web-servers/05-server/index.mdx

@@ -8,7 +8,7 @@ import RequestResponseSlideShow from "./request-response-slide-show";
 
 ## ウェブサイトが動作する仕組み
 
-[「Webプログラミングの基礎を学ぼう」](/docs/trial-session/)の章では、ウェブサイトを表示するためにHTMLファイルとJavaScriptファイルを作成し、ブラウザから開きました。しかし、一般的なウェブサイトを閲覧する際は、HTMLファイルやJavaScriptファイルの存在を意識することはありません。これは、Webでは、通常インターネットを介してデータをやり取りするためです。
+[「Webプログラミングの基礎を学ぼう」の章](/docs/trial-session/)では、ウェブサイトを表示するためにHTMLファイルとJavaScriptファイルを作成し、ブラウザから開きました。しかし、一般的なウェブサイトを閲覧する際は、HTMLファイルやJavaScriptファイルの存在を意識することはありません。これは、Webでは、通常インターネットを介してデータをやり取りするためです。
 
 インターネットを人間が直接利用することはできないので、何らかのコンピューターを使用しなければなりません。
 このとき、

docs/3-web-servers/07-fetch-api-post/index.mdx

@@ -10,7 +10,7 @@ Fetch APIを用いると、サーバーからデータを取得するだけで
 
 ## HTTPリクエストとレスポンスの構造
 
-[Expressによるサーバー構築](../server/)の節では、<Term>クライアント</Term>から<Term>サーバー</Term>への要求を<Term>リクエスト</Term>と呼び、その応答を<Term>レスポンス</Term>と呼ぶことを学びました。HTTPのリクエストやレスポンスは、主に3つの要素から構成されます。
+[「Expressによるサーバー構築」の節](/docs/web-servers/server/)では、<Term>クライアント</Term>から<Term>サーバー</Term>への要求を<Term>リクエスト</Term>と呼び、その応答を<Term>レスポンス</Term>と呼ぶことを学びました。HTTPのリクエストやレスポンスは、主に3つの要素から構成されます。
 
 - **制御情報**: リクエストやレスポンスの基本的な情報を含む部分。リクエストには、<Term id="http-method">**メソッド**</Term>と呼ばれるHTTPリクエストの種類を指定するための情報や、リクエストの対象となるパスなどが含まれます。レスポンスには、<Term>**ステータスコード**</Term>と呼ばれる、リクエストの結果を示すコードが含まれます。
 - **ヘッダー**: リクエストやレスポンスに関する追加情報を含む部分。名前と値のペアで構成され、リクエストやレスポンスの内容をより詳細に説明します。