---
# System prepended metadata

title: 環境をつくる -COJT 2022 SW

---

# 環境をつくる -COJT 2022 SW

すでにWeb開発の経験がある人はこの準備は必要ありません。

## 準備するもの

私がMacユーザーなので他OSの環境についてはちょっと疎いです、行き詰まったら遠慮なく質問してください。

- ターミナル、Windows Terminalなどのコマンドラインツール
    - Macの場合、アプリケーション＞ユーティリティ
    - Ubuntuの場合、⁠アプリケーション＞⁠アクセサリ＞⁠端末
    - Windowsの場合、[Windowsターミナル](https://docs.microsoft.com/ja-jp/windows/terminal/)が比較的新しいようなので導入するとよいでしょう
- Visual Studio Code
    - コードエディタです、現在ほとんどの人がつかっています
    - ここから[ダウンロード](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)してください
- Githubアカウント
    - ソースコードを開発する人にとってはもはや必須です
    - [https://github.com/](https://github.com/)
- Figmaアカウント
    - UIデザインのみならず、ホワイトボードを囲む会議のような作業にもリモートで参加できます
    - [https://www.figma.com/](https://www.figma.com/)

## Node.jsのインストール

Node.jsはJavaScriptで動作する実行環境です、クライアントサイドのWebサイト・アプリだけでなく、サーバーサイドのJavaScriptで構築するときにも使われます。

[https://nodejs.org/ja/](https://nodejs.org/ja/)

ここから「推奨版」を選んで、インストールを行ってください。

インストールが終わったら、コマンドラインツールを使って、以下を入力してエンターしてください。

```
node -v
```

例えば以下のようなバージョンが表示されれば成功です。これを書いているときは`16.14.0`だったりするのでその都度違います。とにかくバージョンが表示されたら成功です。

（例）
```
v16.13.2
```

`npm（Node Package Maganer）`も自動でインストールされるはずなので、念のために

```
npm -v
```
と入れて、こちらもバージョンが表示されたら大丈夫です。
（例）

```
8.1.2
```

npmはよく開発で使うライブラリをコマンドでインストールしたり、そのバージョンまでを管理できるなど、便利な仕組みです。

## Yarnのインストール

Yarnはnpmをさらに高速にしたFacebook（Meta？）製のシステム、npmと互換性があります。

```npm install -g yarn```

でインストールが終わったら

```
yarn -v
```

でこちらも念の為バージョンが表示されるか確認してください。
