# TypeScript入門 & 環境構築

* [TypeScript入門](#typescriptwomeyou)
* [TypeScriptのバージョン](#typescriptnobjon)

## TypeScript 入門 & 環境構築

TypeScriptは、 最終的にJavaScriptにコンパイルされます。実際に実行されるのは、JavaScriptです。開発をするときは、TypeScriptを書きますが、ブラウザで実行する時には、TypeScriptをコンパイルして作成されたJavaScriptを実行する、ということです(Node.jsでも同じです)。なので、TypeScriptを利用するには、次のものが必要です：

* TypeScriptコンパイラ ([NPM](https://www.npmjs.com/package/typescript)のパッケージとして提供されています。または、OSS(オープンソースソフトウェア)の[ソース](https://github.com/Microsoft/TypeScript/)をローカル環境でビルドして利用することもできます)
* TypeScriptのエディタ (メモ帳でも開発できますが、TypeScriptをデフォルトでサポートしている[Visual Studio Code (VSCode)](https://code.visualstudio.com/) をお勧めします。また、他にも[様々なIDE(統合開発環境)](https://github.com/Microsoft/TypeScript/wiki/TypeScript-Editor-Support)でTypeScriptがサポートされています。)

### TypeScriptのバージョン

Macであればターミナル、Windowsであればコマンドプロンプトを開いて、次のコマンドを実行すれば、インストールできます。`npm`コマンドは [Node.js](https://nodejs.org/ja/) をインストールすると利用できます。インストール方法は [TypeScriptの公式サイト](https://www.typescriptlang.org/#installation) にも記載されています。

```
npm install -g typescript
```

より最新の機能を試したい場合は、夜間ビルド(nightly version)の最新版を利用することもできます。夜間ビルドのバージョンは、次のコマンドでインストールできます。

```
npm install -g typescript@next
```

これで`tsc`コマンドを利用できます。`tsc` はTypeScriptのコンパイラを起動するコマンドです。`tsc app.ts`のように実行して、TypeScriptのファイルをJavaScriptにコンパイルできます。

VSCodeが利用するTypeScriptの場所をプロジェクトごとに設定することができます。下記はその例です。ほとんどの場合、このような設定をする必要はありませんが、紹介しておきます:

* VSCodeで利用するTypeScriptのバージョンのパスを `.vscode/settings.json`で指定できます

```javascript
{
  "typescript.tsdk": "./node_modules/typescript/lib"
}
```

### サンプルのソースコードについて

ここで紹介しているソースコードは、[githubのリポジトリ](https://github.com/basarat/typescript-book/tree/master/code) にあります。 ほとんどのコードサンプルは、VSCodeにコピーしてそのまま実行できます。追加設定が必要なコードサンプル(例：npmモジュールのインストールが必要な場合)では、そのコードにリンクを記載します。下記はその例です:

`hoge/hoge/code.ts`

```typescript
// 対象のコード
```

では、TypeScriptで開発するための設定を行いましょう。そして、TypeScriptの構文を見ていきましょう。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://typescript-jp.gitbook.io/deep-dive/getting-started.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.