More than 1 year has passed since last update.

「これ、何のためにやってるの？」をまとめてみました【Node.js】

Posted at 2022-03-10

はじめに

Node.js初学者が、N予備校のプログラミング入門コースを一通り勉強して、少し忘れてしまってる部分や「これ、何のためにやってるの？」という部分を洗い出してみました。

ssh-keygen

秘密鍵id_rsaと公開鍵id_rsa.pugを作成する
　このうち、公開鍵をGitHubに登録する。

ls /.ssh

ここに作られていることを確認する。

git config --global user.name "名前"
git config --global user.email メールアドレス
git config --global core.editor "vim"

設定しない場合、PCにログインしているユーザー名でCommitされる。というかされた。

Node.jsのバージョン管理を行うツール

nvm install v10.14.2

Node.jsのインストール

Node.jsで使えるパッケージマネージャ

yarn init

npmパッケージ化。package.jsonが作られる。

package.json

"scripts": {
    "start": "node ./bin/www",
    "test": "jest --testTimeout=20000 --forceExit",
    "test:unit": "jest --maxWorkers=1"
  }

scriptsに追加することで、yarn testなど省略して書けるようになる。

yarn add

依存関係のあるパッケージも一緒にインストール。
package.jsonに情報がdependenciesの項目に書き込まれる。

yarn install

dependenciesに書かれたパッケージをインストール。
node_modulesがgitignoreされている場合など、node_modulesのディレクトリに何も格納されていない時は忘れずに実行する。

インストールしたパッケージのバージョンが記述されている。

docker-compose up -d

-dがない場合、バックで起動するがログは出力されない。

docker-compose.yml

version: '3'
services:
  app:
    build: .
    tty: true
    ports:
      - 8000:8000
    volumes:
      - .:/app
      - /app/node_modules

volumes
Mac/Windows側の.と dockerコンテナの./appを同期する。

npmコマンドの一つ。
ローカルにインストールされたモジュールを直接実行できる。

node node_modules/.bin/jest -h

が、

npx jest -h

にできる。

yarn global add express-generator@4.16.0

expressの雛形を作る。

複数ファイルのJavaScriptを一つのファイルにまとめられる、モジュールハンドラー。

npx webpack

webpack.config.jsの情報をもとに1つにまとめる。
クライアント側のJavaScriptを変更した場合に使う。

docker-compose.yml

volumes:
     - .:/app
     - /app/node_modules

package.json

"scripts": {
    "start": "node ./bin/www",
    "test": "jest --testTimeout=20000 --forceExit",
    "test:unit": "jest --maxWorkers=1"
  }

jestの実行が早くなる。

もう少しうまくまとめられたらよかったんですが。
あと誤解している部分もあるかと思うので、その辺りは指摘していただければ。