# 環境をつくる -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 ``` でこちらも念の為バージョンが表示されるか確認してください。