Skip to content

Commit 6a7fc9f

Browse files
authored
Termコンポーネントを書くための[[用語]]記法を導入 (#898)
1 parent 0ed46ef commit 6a7fc9f

7 files changed

Lines changed: 140 additions & 44 deletions

File tree

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

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,15 @@ title: JavaScriptことはじめ
44

55
import helloWorldByJavascriptVideo from "./hello-world-by-javascript.mp4";
66

7-
## <Term>JavaScript</Term>
7+
## JavaScript
88

9-
{/* prettier-ignore */}
10-
<Term>HTML</Term>がウェブサイトの構造を表す言語だとすれば、<Term>**JavaScript**</Term>はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。
9+
[[HTML]]がウェブサイトの構造を表す言語だとすれば、[[**JavaScript**]]はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。
1110

1211
![Web開発で用いられる言語](../02-html/web-development-languages.drawio.svg)
1312

14-
## <Term>JavaScript</Term>でHello World!
13+
## JavaScriptでHello World!
1514

16-
プログラミングの世界では、まず画面に`Hello World!`と表示させることが慣例になっています。<Term>JavaScript</Term>を用いて画面に`Hello World!`を表示してみましょう。
15+
プログラミングの世界では、まず画面に`Hello World!`と表示させることが慣例になっています。[[JavaScript]]を用いて画面に`Hello World!`を表示してみましょう。
1716

1817
まずは、`index.html`を次のように書き換えます。
1918

@@ -40,26 +39,25 @@ document.write("Hello World!");
4039

4140
<video src={helloWorldByJavascriptVideo} controls />
4241

43-
## <Term>JavaScript</Term>が動く仕組み
42+
## JavaScriptが動く仕組み
4443

45-
<Term>HTML</Term>ファイルの中に、以下のような記述があります。
44+
[[HTML]]ファイルの中に、以下のような記述があります。
4645

4746
```html title="index.html"
4847
<script src="./script.js"></script>
4948
```
5049

51-
まず、この記述によって、`script.js`ファイルがブラウザによって読み込まれます。この`script.js`に記述されているのが<Term>JavaScript</Term>です。
50+
まず、この記述によって、`script.js`ファイルがブラウザによって読み込まれます。この`script.js`に記述されているのが[[JavaScript]]です。
5251

5352
:::info
5453

55-
この講座の中では、`script`<Term>要素</Term>を常に **`body`<Term>要素</Term>の末尾** に記述するようにします。これは、<Term>JavaScript</Term>が読み込まれるタイミングで他のすべての<Term>HTML要素</Term>がすでに表示されていることを保証するためです。
54+
この講座の中では、`script`[[要素]]を常に **`body`[[要素]]の末尾** に記述するようにします。これは、[[JavaScript]]が読み込まれるタイミングで他のすべての[[HTML要素]]がすでに表示されていることを保証するためです。
5655

5756
:::
5857

59-
## <Term>JavaScript</Term>の基本文法
58+
## JavaScriptの基本文法
6059

61-
{/* prettier-ignore */}
62-
<Term>JavaScript</Term>のプログラムで、セミコロンで区切られた部分を<Term>文</Term>と呼びます。<Term>JavaScript</Term>の実行環境は、プログラム中に含まれる<Term>文</Term>を上から下に向けて順番に実行していきます。
60+
[[JavaScript]]のプログラムで、セミコロンで区切られた部分を[[]]と呼びます。[[JavaScript]]の実行環境は、プログラム中に含まれる[[]]を上から下に向けて順番に実行していきます。
6361
`document.write`はブラウザの画面に出力するための命令です。
6462

6563
```javascript title="script.js"

0 commit comments

Comments
 (0)