2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【超初級】Node.jsの始め方 〜 2020.05.22ver〜

Last updated at Posted at 2020-05-22

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

https://nodejs.org/ja/
こちらをクリックするとHPに行くと以下のような画面が出てくると思います。
スクリーンショット 2020-05-22 16.40.36.png

どっちでも良いですが、推奨版をインストールするほうが安定的かもしれません。
流石に、インストールの方法は皆さんご存知かと思うので割愛します。

📗 nodeがインストールできたか確認してみよう

実際にnodeが入っているかを確認しましょう!

ターミナル
node -v

ターミナルを開き上記のように入力してみてください。
v12.16.3などと出てきたらOKです!

📗 npmについて

nodeで開発を行っていく上で、必須となってくるのがnpmと呼ばれるもので
ノード関連のパッケージマネージャーです。
Node Package Maneger の略です。

Ruby on Railsでいうgemみたいな感じです。
多様なライブラリを後から追加で使うことができます。
expressなどが有名です。

これは、nodeをインストールすると同時にnpmもインストールされます。
確認してみましょう

ターミナル
% npm
スクリーンショット 2020-05-22 16.54.08.png このような画面が出ていればnpmもインストールされています。

📗 ファイルを立ち上げてみよう!

今回はVSCodeを使っていきます。
それに類するものであればなんでもいいです。
早速、どこでも良いので適当なフォルダを作ります。
スクリーンショット 2020-05-22 17.04.30.png

先程作ったフォルダの中に、ファイルを作成します。
nodeはJavaScriptなので.jsファイルを作成します。
適当にコードも書いてみましょう。

では、nodeで実際にファイルを立ち上げてみましょう。
ターミナルから自身が作ったディレクトリまで行きます。
スクリーンショット 2020-05-22 17.11.53.png

すると、先程作成した、hello.jsが存在していると思います。

ターミナル
% node hello.js

このように記入してみてください。
すると、hello.jsに書いたコードが実際にターミナルに反映されています。
書いていて気づきましたが、helloを誤字ってるのは気にしないでください(恥)

このように、nodeでファイルを立ち上げるときは、 node ファイル名 という形でターミナルに記載すればOKです。
ちなみに、ターミナルに入力するときは、.jsといった拡張子は実は書く必要がないので、次回から省いていきましょう!

超基礎的で退屈だったかもしれませんが、今回は以上です!

📗 次回予告

今後の方針として、expressを使わずに、簡単なメモツールを作成していこうかと思います。
nodeの基本をさっくりと沿っていくような形になります。
興味のある方は是非、見ていってください!

記事を見てくださりありがとうございます。
5分で理解できるを記事を目標に執筆しております!
自身も学びの途中ですので、間違い等ありましたら、ドシドシ編集リクエストまでお願いします!

2
0
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
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?