web系レポート

web系勉強会に参加したことをまとめます。

node.jsインストール 2018

node.jsをインストール

nodebrewを利用したnode.jsの導入についてまとめました。

今回の開発環境

macOS High Sierra
バージョン 10.13.4
プロセッサ intel Core i5
メモリ 8GB

Node.jsのインストール

--- point ---
ここからの作業は macOS にログインするパスワードが必要です。
設定していない場合、 システム環境設定から、ユーザーとグループ を選択します。
ログインしているユーザーを選択して、パスワードを変更ボタンより、パスワードを登録します。

インストールのメニュー

以下の順でNode.jsをインストールします。

  1. command line developer toolsをインストール
  2. Homebrewをインストール
  3. nodebrewをインストール
  4. Node.jsをインストール

command line developer toolsをインストール

  • Homebrew をインストールするために、 command line developer tools をインストールします。

  • command line developer toolsとは、コマンドを入力して操作するアプリケーション、CUI (キャラクターユーザーインターフェース) のことです。

  • XcodeはMacOS用の統合開発環境です。
     Xcodeをインストールすると、command line developer toolsもインストール同時にインストールすることができます。

ターミナルを起動します。

  • macOS 右上にある虫眼鏡をクリックします。
  • Spotlight検索 という部分に terminal.app を入力します。
  • ターミナルをダブルクリックし、ターミナルを起動します。
  • $以下をコピペしてcommand line developer toolsをインストールします。

[terminalコマンド]

$ xcode-select --install

[結果]
xcode-select: note: install requested for command line developer tools と表示されます。

  • ”xcode-select”コマンドを実行するには、コマンドライン・デベロッパ・ツールが必要です。ツールを今すぐインストールしますか？ 画面が表示されます。

  • インストールボタンをクリックします。

  • Command Line Tools 使用許諾契約画面 が表示されます。

  • 同意するボタンをクリックします。

  • ソフトウエアがインストールされました。 画面が表示されます。

  • 完了ボタンをクリックします。

Homebrewをインストール

  • nodebrewをインストールするために、Homebrewをインストールします。

  • Homebrewとは、パッケージ管理システムです。
    パッケージは各種アプリの実行ファイルや、設定ファイルをまとめていて、アプリをmacOSにインストールすることを簡単にしてくれます。

  • ブラウザーより、https://brew.sh/index_ja を開きます。

  • スクリプトをターミナルにコピペします。

[terminalコマンド]

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

[結果]
- 途中で、returnキーの入力を求められます。

Press RETURN to continue or any other key to abort
  • macOSにログインするためのパスワードの入力をもとめられます。
Password:

結果 長い結果の後、 ==> Installation successful!
と表示されます。

nodebrewをインストール

Node.js をインストールするために nodebrew をインストールします。
nodebrew は macOS で Node.js のバージョン管理するためのソフトウエアです。

  • brewコマンドを利用して、nodebrewをインストールします。

[terminalコマンド]

$ brew install nodebrew

nodebrewの初期設定

(初期設定しないとNode.jsインストール時にエラーが出ます。)

[terminalコマンド]

$ /usr/local/opt/nodebrew/bin/nodebrew setup_dirs

nodebrewのpathを設定

nodebrew をインストールすると、結果 Add path: と表記があるので path を設定します。

  • pathの設定

[terminalコマンド]

$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile
  • 解説

echoコマンド とは ''(シングルクォーテーション)で囲んだ部分を表示します。

>>でechoコマンド を表示から矢印先の bash_profileファイル に出力できます。

\~/ (チルダスラッシュ)で bash_profileファイル はホームディレクトリにできた事がわかります。

.(ドット)で bash_profileファイル は隠しファイルであることがわかります。

Node.js のインストールの解説では、bash_profileファイル や bashrcファイル に path を設定してしています。

違いは bash_profileファイル はログイン時に動作し、bashrcファイル は bash を起動する時に毎回動作します。

わたしの記事では、再起動すると消え、再度 bash を起動する必要がある、 bashrcファイル より bash_profileファイル に設定したいと思います。

exportは環境変数を設定するコマンドです。

  • pathの反映

[terminalコマンド]

$ source ~/.bash_profile
  • bash_profileを確認してみます。

Finderを起動して、

メニューバーより、移動 → ホームの順にクリックします。

ここで

command + shift + . (ピリオド)

すると隠しファイルが表示されます。

  • bash_profileファイルをエディターで確認します。
export PATH=$HOME/.nodebrew/current/bin:$PATH

の記載があることを確認します。

なにもせずに閉じます。

  • nodebrewがインストールできたか確認します。

[terminalコマンド]

$ nodebrew -v

[結果]

nodebrew use v8.9.4

Node.jsをインストール

[terminalコマンド]

$ nodebrew install-binary latest
  • latestの部分を変えると安定版または最新版をインストールできます。
最新版 安定版
latest stable

長い結果のあと Installed successfully と表示されれば完了です。

  • インストールされた nodeのバージョン を確認します。
    [terminalコマンド]
$ nodebrew list

[結果]

v10.1.0 

current: none
  • 使用するNode.jsのバージョンを指定します。

[terminalコマンド]

$ nodebrew use v10.1.0

[結果]

use v10.1.0
  • 最終確認

[terminalコマンド]

$ node -v

[結果]

v10.1.0