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

【図解】なぜフロントエンドのReact開発でNode.jsが必要なの?

0
Posted at

Node.jsがフロントエンド開発で必要な理由

Node.jsはバックエンドで使うものでしょう?

なぜフロントエンドのReact開発でNode.jsがいるの?

こういった疑問を抱えているビギナーは多くいます。

Node.jsが必要な理由を1分で説明しましょう。

Slice 249 (3).png

⚫︎ monotein.base.shop/p/00005


パソコン内には様々なアプリケーションが入っています。

「パソコン」という「土台」の上でアプリケーションが動いているイメージです(次図)。

ブラウザもその内のひとつです。

nodejs-1.png


JavaScriptはウェブサイトやウェブアプリで使われています。

なので、ブラウザ上でJavaScriptが動くのは分かると思います。


nodejs-2.png


しかしもしここで、ブラウザ以外のアプリケーション上でもJavaScriptが使えたら便利です。

Node.jsはそのために開発されました。

パソコン上にNode.jsをインストールしたものが次図です。


nodejs-3.png


この結果、JavaScriptをブラウザ上だけでなく、ブラウザ以外の場所、つまりパソコン全体で使えるようになります。


nodejs-4.png


ブラウザ内で留まっていてはできない操作、例えば;

• パソコン内のファイルの読み・書き
• データベースとやり取り
• コマンドラインツールの開発

こういったことが、JavaScriptで行えるようになります。

(*Node.jsが「JavaScriptの実行環境」と呼ばれるのはこのためです)。


TypeScript開発でNode.jsが必要なのも同じ理由です。

ブラウザはTypeScriptを処理できません。

ブラウザ以外の場所でJavaScriptへと変換してあげる必要があります。

そのためNode.jsが必要なのです。

Node.jsの役割が分かったら、次は実際にインストールして動かしてみましょう。

Node.jsのセットアップからNext.jsを起動するところまで、3分で体験できる無料ガイドを配布しています▼

「なぜ必要か」が分かった今が、始める一番いいタイミングです。

first-study-guide.png

⚫︎ monotein.com/present



Slice 249 (3).png

⚫︎ monotein.base.shop/p/00005

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