Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8691

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

$
0
0

📗 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分で理解できるを記事を目標に執筆しております!
自身も学びの途中ですので、間違い等ありましたら、ドシドシ編集リクエストまでお願いします!


Viewing all articles
Browse latest Browse all 8691

Trending Articles