LoginSignup
10
9

More than 3 years have passed since last update.

node.jsを触るために簡単なチャットシステムを作る(環境構築編)

Last updated at Posted at 2019-04-05

Node.js を触ってみたいと思ったので、備忘録も兼ねて以下に記します。
よりよい方法やバグ等ございましたら、アドバイスいただけると光栄です。

Node.jsをインストールする

コマンド操作でインストールする方法もあるようですが、今回は簡単なインストーラーを使いました。
下記ページにアクセスし、左側の「推奨版」をインストールしました。
https://nodejs.org/ja/

これなら、インストーラのプログラムをダウンロードできるのであとは実行するだけです。

最後に、インストールが無事にできたかを確認するためにターミナルを起動して以下のように入力します。

$ node -v

実行して Node.js のバージョンが表示されれば、完了です。

Node.jsのパッケージ管理の初期化

はじめに、下記コマンドでアプリを作成するためのディレクトリを作成します。
(今回はmychatという名前のディレクトリを作成しました。)

$ mkdir mychat

次に、作成したディレクトリ内に移動します。

$ cd mychat

そして下記を実行し、パッケージ管理の初期化をします。

$ npm init

今回は以下のように指定をして作成しました。

  • package name : そのままエンターキーを押す
  • version : そのままエンターキーを押す
  • description : そのままエンターキーを押す
  • entry point : 「server.js」 と入力しエンターキーを押す
  • test command : そのままエンターキーを押す
  • git repository : そのままエンターキーを押す
  • keywords : そのままエンターキーを押す
  • author : そのままエンターキーを押す
  • license : そのままエンターキーを押す

これで、mychatフォルダに、package.jsonファイルが生成されます。
package.jsonファイルは以下のような内容になっています。

{
  "name": "mychat",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

Node.jsのパッケージのインストール

それでは、ExpressSocket.io をインストールします。

$ npm i -D express socket.io

あとは個人的に好きな Moment.js も入れます。(この辺は好みです。)

$ npm i moment

Javascriptで意外と面倒な日付関連の処理がすっきり書けるので、何かと便利です。

上記が完了し、package.jsonファイルが下記のように変更されていれば完了です。

package.json
{
  "name": "mychat",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "moment": "^2.24.0"
  },
  "devDependencies": {
    "express": "^4.16.4",
    "socket.io": "^2.2.0"
  }
}

以上でアプリを作り始めるための準備が完了です。
次は、クライアントとサーバー接続をするところまでをやってみます。

関連記事

10
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
9