Skip to content

Commit aaa6538

Browse files
committed
typescriptの質問を一部削除、一部内容を修正
1 parent 0444a0a commit aaa6538

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+166
-189
lines changed

public/docs/rust/8-collections-strings/1-2-vec-access.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ title: 要素へのアクセス
44
level: 3
55
question:
66
- インデックス記法[]とgetメソッドは、どちらを優先して使うべきですか?
7-
- 「パニックを起こします」とは、具体的にどのような状態になることですか?プログラムが停止してしまうのですか?
87
- Option<&T>とは具体的に何ですか?
98
- for i in &vとfor i in &mut v_mutの&と&mutにはどのような違いがありますか?
109
- '*i += 50; の*は何を意味していますか?なぜ必要なのですか?'

public/docs/typescript/0-intro/1-0-about.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,7 @@ level: 2
55
question:
66
- TypeScriptとは具体的に何ができるようになる言語なのですか?
77
- JavaScriptのスーパーセットとはどういう意味ですか?
8-
- 静的型付けと動的型付けの違いをもっと詳しく教えてください。
98
- なぜTypeScriptはコンパイルしないと実行できないのですか?
10-
- '`tsc`とは何のことですか?'
119
---
1210

1311
## TypeScriptとは?

public/docs/typescript/0-intro/3-0-setup.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,11 @@
22
id: typescript-intro-setup
33
title: 環境構築
44
level: 2
5-
question:
6-
- このセクションでは最終的に何ができるようになるのですか?
5+
question: []
76
---
87

98
## 環境構築
109

11-
それでは、実際にTypeScriptを動かす環境を作りましょう。
10+
このウェブサイト上ではブラウザ上でコードを実行できる環境を埋め込んでおり、特別なセットアップは不要です。
11+
12+
手元の環境でTypeScriptを実行したい場合は、以下の例のようにTypeScriptを動かす環境をインストールすることができます。

public/docs/typescript/0-intro/3-1-create-install.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,8 @@ id: typescript-intro-create-install
33
title: プロジェクトの作成とTypeScriptのインストール
44
level: 3
55
question:
6-
- '`mkdir`や`cd`コマンドを使ったことがありません。これは何をしているのですか?'
76
- '`npm init -y`は何のために必要なのですか?'
87
- '`npm install --save-dev typescript`の`--save-dev`は何を意味するのですか?'
9-
- Node.jsがインストールされていない場合はどうすれば良いですか?
108
- '`npx`とは何ですか?`npm`とは違うのですか?'
119
---
1210

@@ -34,3 +32,5 @@ npm install --save-dev typescript
3432
npx tsc --version
3533
# Output: Version 5.x.x (バージョンは時期によります)
3634
```
35+
36+
> **Note:** 実際にウェブアプリケーションを開発する際には、Viteなどのフレームワークをセットアップする際に自動的にTypeScriptもインストールされるため、このように手動でTypeScriptをインストールする必要はない場合が多いです。

public/docs/typescript/0-intro/4-0-first-ts.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@
22
id: typescript-intro-first-ts
33
title: 最初のTypeScript
44
level: 2
5-
question:
6-
- このセクションの目的は何ですか?
5+
question: []
76
---
87

98
## 最初のTypeScript

public/docs/typescript/0-intro/4-1-code.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ id: typescript-intro-code
33
title: コードの記述
44
level: 3
55
question:
6-
- '`hello.ts`の`.ts`は何を意味するのですか?'
76
- '変数名の後ろに付く`: string`は何のために書くのですか?'
87
- 数値を渡そうとするとエディタ上でエラーになるとありますが、具体的にどのような表示になるのですか?
98
---

public/docs/typescript/0-intro/4-2-compile-run.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@ question:
66
- '`npx tsc hello.ts`を実行すると何が起こるのですか?'
77
- '`hello.js`が生成されるとありますが、その中身はどのように変わるのですか?'
88
- 生成されたJavaScriptファイルをなぜNode.jsで実行するのですか?
9-
- '`ts-exec:hello.ts`や`js-readonly:hello.js`とは何を表しているのですか?'
109
---
1110

1211
### コンパイルと実行
@@ -27,8 +26,7 @@ Hello, TypeScript World!
2726

2827
これがTypeScript開発の基本的なサイクル(記述 → コンパイル → 実行)です。
2928

30-
このウェブサイトでは上のようにコードを編集して実行ボタンを押すとコンパイルと実行を行うことができる環境を埋め込んでいます。
31-
29+
このウェブサイト上の実行環境ではコードを編集して実行ボタンを押すとjsファイルへのコンパイルと実行がまとめて行われます。
3230
またコンパイル後のjsファイルの内容も以下のように確認できます。
3331

3432
```js-readonly:hello.js
Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11
---
22
id: typescript-intro-tsconfig
3-
title: 'tsconfig.json: コンパイラの設定'
3+
title: "tsconfig.json: コンパイラの設定"
44
level: 2
5-
question:
6-
- '`tsconfig.json`は何のためのファイルですか?'
7-
- '`npx tsc --init`を実行すると何が起きるのですか?'
8-
- '`compilerOptions`の中の`target`, `module`, `strict`などの設定項目はそれぞれ何を設定しているのですか?'
9-
- '`strict: true`がなぜ重要だとされているのですか?これを有効にしないとどうなりますか?'
5+
question: []
106
---
117

128
## tsconfig.json: コンパイラの設定
139

1410
毎回 `npx tsc hello.ts` のようにファイル名を指定するのは手間ですし、プロジェクト全体の設定も管理しづらくなります。そこで、`tsconfig.json` という設定ファイルを使用します。
1511

16-
以下のコマンドで初期設定ファイルを生成します
12+
`tsconfig.json` ファイルがない場合は以下のコマンドで初期設定ファイルを生成します
1713

1814
```bash
1915
npx tsc --init
2016
```
2117

22-
生成された `tsconfig.json` には多くの設定項目がありますが、基本として以下の設定が有効(コメントアウトされていない状態)になっているか確認してください。
23-
24-
```json
25-
{
26-
"compilerOptions": {
27-
"target": "es2016", /* コンパイル後のJSのバージョン */
28-
"module": "commonjs", /* モジュールシステム */
29-
"strict": true, /* 厳格な型チェックを有効にする(重要) */
30-
"esModuleInterop": true, /* CommonJSモジュールとの互換性 */
31-
"forceConsistentCasingInFileNames": true, /* ファイル名の大文字小文字を区別 */
32-
"skipLibCheck": true /* 定義ファイルのチェックをスキップ */
33-
}
34-
}
35-
```
18+
生成された `tsconfig.json` には、TypeScriptコンパイラの動作を制御する様々な設定が含まれています。
19+
20+
特に重要なのは `strict` オプションです。
21+
`strict: true` を有効にすると、TypeScriptの厳密な型チェックが有効になります。これにより、コードの品質が向上し、潜在的なバグを早期に発見できます。逆に、`strict` を無効にすると、型安全性が低下し、型関連のエラーが見逃される可能性があります。
22+
23+
それ以外のオプションはプロジェクトの要件に応じて適宜設定してください。
24+
25+
> **Note:** my.code();のサイト上の実行環境で使用されている設定は、以下の通りです。
26+
>
27+
> ```json
28+
> {
29+
> "compilerOptions": {
30+
> "target": "ES2023",
31+
> "lib": ["ESNext", "WebWorker"],
32+
> "strict": true
33+
> }
34+
> }
35+
> ```

public/docs/typescript/0-intro/5-1-compile-config.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,5 +14,3 @@ question:
1414
```bash
1515
npx tsc
1616
```
17-
18-
> **Note:** `strict: true` はTypeScriptの恩恵を最大限に受けるために非常に重要です。このチュートリアルでは常にこの設定が有効であることを前提に進めます。

public/docs/typescript/1-types/1-0-type-annotations.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
id: typescript-types-type-annotations
3-
title: 2.1 型注釈の構文 (Type Annotations)
3+
title: 型注釈の構文 (Type Annotations)
44
level: 2
55
question:
66
- 型注釈とは何のために使う機能ですか?
@@ -9,7 +9,7 @@ question:
99
- '`let`と`const`で型注釈の使い方は何か違いがありますか?'
1010
---
1111

12-
## 2.1 型注釈の構文 (Type Annotations)
12+
## 型注釈の構文 (Type Annotations)
1313

1414
変数を宣言する際、その変数がどのような種類のデータを扱うかを明示することを「型注釈(Type Annotation)」と呼びます。
1515
構文は非常にシンプルで、変数名の後ろに `: 型名` を記述します。

0 commit comments

Comments
 (0)