りあクト!輪読会 - その1

りあクト!輪読会[第3.1版]【 1.言語・環境編】

2021年8月22日

Node.jsはなぜ必要?

  • JavaScriptsはWeb上(ブラウザ上、クライアントサイド)で動かすための言語
  • Node.jsとはJavaScriptsをローカル上で動くようにするためのソフトウェア
  • Node.jsを使うと、JavaScriptRubyやPhytonみたいにサーバーサイド言語として使えるようになる
  • npm(NodePackageManager)とはrubyでいうbundlerのようなもの、バージョン管理ツール
  • rails sでローカルが起動した時にサーバー立ち上げ(rackとかミドルウェアも含んで)とwebpackerが自動で走ってくれていたりしてる?
  • パッケージとは、JavaScriptプラグインやモジュールのこと

Node.jsをインストールしてみよう

  • UbuntuはOS、Linuxの一族
  • Node.jsはバージョンマネージャーを使ってプロジェクトごとに異なるバージョンをインストールするのが一般的。
  • バージョンマネージャーとしてnvmやnodenvが一般的
  • mkdir -p (-pはオプションで必要に応じてディレクトリも作成する)
  • node global 14.4.0とすることでデフォルトのバージョンを指定できる
  • node local 14.4.0とすることでディレクトリごとにバージョン指定ができる
  • Yarnはnpmの改良版。より高速、サブコマンドのタイピング数が少ない。
  • $ noderubyでいう$ irbコマンド (REPL(リプル)っていうらしい)
  • anyenv updateで現在インストール可能なバージョンを取得できる。
  • nodeで対話環境でnodeが実行できる。
  • 終了するときは.exit

npmってなんだ?!

npmとは、「Node Package Manager」の略で、その名の通りNode.jsのパッケージを管理するためのシステムのことです。 ここでいうパッケージとは、JavaScriptプラグインやモジュールのことです。

nodenvがNode.jsのバージョンの管理 npmがJavaScriptのパッケージ(bootstrapみたいなjQueryみたいな)の管理

VScode使おうぜ?

  • VScodeはTypeScriptと相性が良い。
  • 同時コーディングとかめっちゃ便利やで。(Vimを敵に回す発言)

参考

初心者向け!3分で理解するNode.jsとは何か? https://eng-entrance.com/what-is-nodejs#PHP

知っておいて損はなし!新人Webデザイナーのための「npm」入門 https://ferret-plus.com/6104

ESLint 最初の一歩 https://qiita.com/mysticatea/items/f523dab04a25f617c87d

コンテンツデリバリネットワーク (CDN) https://wa3.i-3-i.info/word16730.html

https://wpmake.jp/contents/knowledge/about_cdn/#CDN%E3%81%AE%E3%83%87%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88