Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/1-trial-session/06-variables/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ document.write(myName);
2行目では、<Term>変数</Term>`myName`が<Term>評価</Term>され、<Term>代入</Term>されていた<Term>文字列</Term><Term>値</Term>`"John Doe"`が画面に表示されます。

{/* prettier-ignore */}
<Term>変数</Term>を<Term>宣言</Term>するキーワードには、`let`以外にも`const`があります。記法自体は`let`と同様ですが、少し違いがあります。違いについては、次の節で説明します
<Term>変数</Term>を<Term>宣言</Term>するキーワードには、`let`以外にも`const`があります。記法自体は`let`と同様ですが、少し違いがあります。違いについては、次の項で説明します

```javascript title="script.js"
const myName = "John Doe";
Expand Down
2 changes: 1 addition & 1 deletion docs/1-trial-session/14-events/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ greetButton.onclick = clicked();

`document.write`関数を使うと、画面上にあったボタンが消えてしまいます。また、文字色や文字サイズを変えることも困難です。

`document.write`関数の代わりに、先ほどのDOMの章で扱った方法を使ってHTML要素をJavaScriptで操作するとよいでしょう
`document.write`関数の代わりに、先ほどのDOMの節で扱った方法を使ってHTML要素をJavaScriptで操作するとよいでしょう

:::

Expand Down
2 changes: 1 addition & 1 deletion docs/1-trial-session/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,6 @@ title: Webプログラミングの基礎を学ぼう

import DocCardList from "@theme/DocCardList";

この部では、HTML、CSS、JavaScriptの基礎を学び、簡単なウェブアプリケーションを作ってみます。
この章では、HTML、CSS、JavaScriptの基礎を学び、簡単なウェブアプリケーションを作ってみます。

<DocCardList />
2 changes: 1 addition & 1 deletion docs/2-browser-apps/03-class/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const tanaka = {
};
```

同じ属性を持つ<Term>オブジェクト</Term>を複数生成するときに役立つのが<Term>**クラス**</Term>です。<Term>クラス</Term>では、<Term>オブジェクト</Term>の<Term>プロパティ</Term>を予め設定しておくだけでなく、下の<Term>メソッド</Term>の節で説明するように、<Term>プロパティ</Term>を引数にもつような関数も設定しておくことができます。これにより、同じコードを何度も書く必要がなくなるというメリットがあります。<Term>クラス</Term>は、同じ<Term>プロパティ</Term>を持つ<Term>オブジェクト</Term>を統一的に扱うための仕組みであり、<Term>オブジェクト</Term>の設計図と言えます。
同じ属性を持つ<Term>オブジェクト</Term>を複数生成するときに役立つのが<Term>**クラス**</Term>です。<Term>クラス</Term>では、<Term>オブジェクト</Term>の<Term>プロパティ</Term>を予め設定しておくだけでなく、下の<Term>メソッド</Term>の項で説明するように、<Term>プロパティ</Term>を引数にもつような関数も設定しておくことができます。これにより、同じコードを何度も書く必要がなくなるというメリットがあります。<Term>クラス</Term>は、同じ<Term>プロパティ</Term>を持つ<Term>オブジェクト</Term>を統一的に扱うための仕組みであり、<Term>オブジェクト</Term>の設計図と言えます。

次のコードでは、先ほど作った`tanaka`のように`name`や`age`という<Term>プロパティ</Term>を持つ<Term>オブジェクト</Term>の設計図として、<Term>クラス</Term>`Student`を定義しています。<Term>クラス</Term>では、この例の`age`<Term>プロパティ</Term>のように、デフォルトの値を設定することができます。

Expand Down
2 changes: 1 addition & 1 deletion docs/2-browser-apps/06-project/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ addButton.onclick = () => {
};
```

このとき、箇条書きの項目として新たに`li`要素を追加する必要があります。DOMの章で扱ったように、`document.createElement`関数を使うと新しい要素を作成できます。また、`Node#appendChild`メソッドを用いることで既存の要素内に子要素を追加することができます。
このとき、箇条書きの項目として新たに`li`要素を追加する必要があります。DOMの節で扱ったように、`document.createElement`関数を使うと新しい要素を作成できます。また、`Node#appendChild`メソッドを用いることで既存の要素内に子要素を追加することができます。

```javascript
const li = document.createElement("li");
Expand Down
2 changes: 1 addition & 1 deletion docs/3-web-servers/10-git-github-init/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,7 @@ ssh-ed25519 AAAAC3...GW/Gp user@computer

## 確認

ここまででGitとGitHubのセットアップが完了しました。この章で行ってきたセットアップが正しくできているのかは次のようにして確認することができます
ここまででGitとGitHubのセットアップが完了しました。この節で行ってきたセットアップが正しくできているのかは次のようにして確認することができます

### Gitの初期設定の確認

Expand Down
2 changes: 1 addition & 1 deletion docs/4-advanced/02-bundler/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ JavaScriptは、当初はWebサイトに簡易的な動きを追加させるた

ひとつは、**最新の機能を使用するため**です。JavaScriptの言語仕様は、[Ecma International](https://www.ecma-international.org/)の[TC39](https://tc39.es/)によって作成されていますが、新しく策定された仕様は、まだブラウザなどによって実装されていない場合があります。[Babel](https://babeljs.io/)は、そういった最新の言語仕様に沿って書かれたプログラムを変換し、古い仕様の範囲内で解釈できるプログラムに変換するための、最も有名な<Term>トランスパイラ</Term>です。

もうひとつは、**別の言語で書かれたプログラムをJavaScriptに変換するため**です。次の章で扱うTypeScriptは、トランスパイラを用いてJavaScriptに変換されます。
もうひとつは、**別の言語で書かれたプログラムをJavaScriptに変換するため**です。次の節で扱うTypeScriptは、トランスパイラを用いてJavaScriptに変換されます。

### <Term>モジュールバンドラ</Term>

Expand Down
2 changes: 1 addition & 1 deletion docs/4-advanced/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,6 @@ title: 現代のアプリを支える技術を学ぼう(発展)

import DocCardList from "@theme/DocCardList";

これまでのカリキュラムで、ウェブアプリケーションが動作する基本的な仕組みを学んできました。この部では、複雑化する現代のアプリケーションを構築するためによく用いられる技術について学びます。
これまでのカリキュラムで、ウェブアプリケーションが動作する基本的な仕組みを学んできました。この章では、複雑化する現代のアプリケーションを構築するためによく用いられる技術について学びます。

<DocCardList />
2 changes: 1 addition & 1 deletion docs/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ sidebar_position: 0

## ut.code(); Learnへようこそ!

ut.code(); Learnは、大きく4つの部に分かれています。また、これらを学習した方に向けた参考資料もあります。
ut.code(); Learnは、大きく4つの章に分かれています。また、これらを学習した方に向けた参考資料もあります。

## 学習教材

Expand Down