カテゴリー
サインイン 新規登録

間違いや改善の指摘

内容の技術的な誤り・誤字脱字やミスのご報告・解説やトピックの追記/改善のご要望は教材をさらに良くしていく上でとても貴重なご意見になります。

少しでも気になった点があれば、ご遠慮なく投稿いただけると幸いです🙏

実際には誤りではなく勘違いであっても、ご報告いただけることで教材のブラッシュアップにつながります。

質問ポリシー①

教材受講者みなさんのスムーズな問題解決のために、心がけていただきたいことがあります。

教材の内容に関する質問を投稿しましょう

教材の内容に関係のない質問や教材とは異なる環境・バージョンで進めている場合のエラーなど、教材に関係しない質問は推奨していないため回答できない場合がございます。

その場合、teratailなどの外部サイトを利用して質問することをおすすめします。教材の誤字脱字や追記・改善の要望は「文章の間違いや改善点の指摘」からお願いします。

0-2

開発環境を準備する (macOS)

開発を進めるための準備として、次の 2 つをインストールします。

  • Visual Studio Code (VS Code) をインストールする
  • Node.js (v12), npm をインストールする

Visual Studio Code (VS Code) をインストールする

ソースコードを書くためのエディターです。
ほかに使っているエディターがあれば、この手順はスキップしても構いません。

  1. VS Code のダウンロードページ (https://code.visualstudio.com/Download) を開き、macOS 用をダウンロードします。

vscode.png

  1. 展開したファイルを アプリケーション フォルダーに移動します。

  2. Visual Studio Code をダブルクリックして起動し、次のような画面が表示されたら成功です。

Node.js (v12), npm をインストールする

ビルドやローカルサーバーを実行するための実行環境です。
Node.js v12 以上が導入済みであれば、この手順はスキップしても構いません。

(オプション)複数バージョンの Node.js を使い分けたい方は、この手順ではなく nodenv を使ったインストール (https://github.com/nodenv/nodenv/tree/v1.3.2#installation) を試してください。

  1. Node.js のダウンロードページ (https://nodejs.org/ja/download/) を開き、macOS Installer をダウンロードします。

nodejs.png

  1. ダウンロードした node-v12.16.3.pkg をダブルクリックして起動し、インストーラーの指示に従ってインストールを完了します。

    nodejs-installer.png

  2. アプリケーション > ユーティリティ フォルダーにある ターミナル をダブルクリックして起動し

    terminal.png

    次のコマンドを入力します。

    console
    Copied!
    $ node -v

    次のように Node.js のバージョンが表示されたら成功です。

    console
    Copied!
    $ node -v v12.16.3
  3. node コマンドと同時に npm コマンドもインストールされているはずなので、それを確かめます。次のコマンドを入力します。

    console
    Copied!
    $ npm -v

    次のように npm のバージョンが表示されたら成功です。

    console
    Copied!
    $ npm -v v6.14.4

このパートは以上です。おつかれさまでした。