Skip to content

Commit 5fdced0

Browse files
committed
Termコンポーネントを書くための[[用語]]記法を導入
1 parent 2ac1f9c commit 5fdced0

File tree

5 files changed

+2908
-136
lines changed

5 files changed

+2908
-136
lines changed

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

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

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

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

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

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

14-
## <Term>JavaScript</Term>でHello World!
14+
## [[JavaScript]]でHello World!
1515

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

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

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

4141
<video src={helloWorldByJavascriptVideo} controls />
4242

43-
## <Term>JavaScript</Term>が動く仕組み
43+
## [[JavaScript]]が動く仕組み
4444

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

4747
```html title="index.html"
4848
<script src="./script.js"></script>
4949
```
5050

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

5353
:::info
5454

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

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

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

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

docusaurus.config.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import type * as Preset from "@docusaurus/preset-classic";
44
import { execSync } from "node:child_process";
55
import math from "remark-math";
66
import katex from "rehype-katex";
7+
import remarkTerm from "./src/remark/remark-term";
78

89
const config: Config = {
910
title: "ut.code(); Learn",
@@ -46,7 +47,7 @@ const config: Config = {
4647
showLastUpdateTime: true,
4748
sidebarPath: "./sidebars.ts",
4849
editUrl: "https://github.com/ut-code/utcode-learn/blob/master/",
49-
remarkPlugins: [math],
50+
remarkPlugins: [math, remarkTerm],
5051
rehypePlugins: [katex],
5152
},
5253
theme: {

0 commit comments

Comments
 (0)