目次
node.js:ブラウザを超えてjavascript
サーバー側とクライアント側
node.jsの動作方法
node.js:似ているが異なる
ローカルnode.js実行
次のステップ
ホームページ ウェブフロントエンド CSSチュートリアル ノードとそれがnpmでどのように機能するか

ノードとそれがnpmでどのように機能するか

Mar 15, 2025 am 10:52 AM

ノードとそれがnpmでどのように機能するか

このガイドでは、ノード(ノード)とノードパッケージマネージャーであるNPMとの関係を調査します。基本から始めましょう:

  • node.jsはサーバーサイドJavaScriptです。ブラウザベースのJavaScriptとは異なり、ノードはV8、ChavaScriptエンジンを使用して、ブラウザ環境の外でJavaScriptを実行します。どちらも同じコア言語を共有していますが、その機能とアプリケーションは大きく異なります。
  • NPMはノードに依存しません。NPMを使用するためにnode.jsの知識は必要ありません。

NPMは、そのウェブサイトで遊んでいる代替名にもかかわらず、「ノード」と「パッケージマネージャー」を基本的に組み合わせています。後でパッケージマネージャーを掘り下げます。この章では、node.jsに焦点を当てています。

ガイドの章:

  1. このガイドの聴衆
  2. 「npm」を​​理解する
  3. コマンドラインの基本
  4. node.jsの探索(現在の章)
  5. パッケージマネージャーは説明しました
  6. NPMのインストール
  7. NPMパッケージのインストール
  8. NPMコマンド
  9. 既存のNPMプロジェクトのインストール

node.js:ブラウザを超えてjavascript

JavaScriptの従来の役割は、HTMLとCSSと並んでWebブラウザー内にあります。ただし、Node.jsはJavaScriptのリーチをサーバー側のプログラミングに拡張します。

これは大きなブレークスルーでした。 JavaScriptは、ブラウザを機能させる必要がなくなりました。したがって、「ノードJavaScript」と「ブラウザベースのJavaScript」の区別。

サーバー側とクライアント側

クライアント側の言語(HTML、CSS、JavaScript)はユーザーのブラウザ内で動作し、サーバー側の言語(PHP、Ruby、Pythonなど)がサーバーで実行されます。サーバー側の言語は通常、より広範な機能を提供します。

Ryan Dahlが主導するNode.jsの作成は、さまざまな環境での使用を可能にするために、JavaScriptの速度(特にPHPとRubyと比較)を活用しました。

node.jsの動作方法

node.jsは、基本的にJavaScriptをブラウザの外側のサーバー側の言語として実行します。これは、V8(Chromium's Engine)などのJavaScriptエンジンを使用することで達成され、独立して動作できます。 V8の人気は、Chromeの広範な使用に由来しています。

ブラウザからJavaScriptエンジンを抽出し、それを独立して実行する機能により、サーバー側のJavaScriptが現実になります。

node.js:似ているが異なる

node.jsとブラウザーベースのJavaScriptは同じコア言語と構文を共有していますが、機能が大きく異なります。ブラウザ固有のAPI( windowdocumentfetchなど)はnode.jsにはありません。ただし、 console.log依然として貴重なツールであり、Node.jsはprocessオブジェクトなど、独自のAPIを提供します。

時間が経つにつれて、node.jsとブラウザーベースのJavaScriptは別々のパスに沿って進化し、その結果、異なる機能と開発アプローチが生じました。直立ベースとエレクトリックベースギターの類似性は、その類似点と違いを適切に示しています。

node.jsは、ファイルシステムアクセス、システムレベルのAPIインタラクション、電子メール処理、リクエスト処理、タスクスケジューリングなどのサーバー側の機能を提供します。

ローカルnode.js実行

node.jsには通常、npmがバンドルされています。 Node.jsのインストールは使用するために必要ですが、NPMは詳細なnode.jsの知識なしで使用できます。後の章では、インストールについて説明します。

node.js(インストールされている場合)をテストするには、簡単なJavaScriptコードを使用してtest.jsファイルを作成します。

 console.log( 'node.jsが実行されている!');

const numbers = [1、2、3、4、5];

numbers.foreach(number => {
  console.log(number);
});
ログイン後にコピー

ターミナルでnode test.jsを使用してこれを実行します。 nodeを使用して、インタラクティブなnode.js環境を入力することもできます。

次のステップ

この章では、node.jsの基本的な理解を提供しました。 node.jsのブラウザの外でJavaScriptを実行する機能により、NPMが管理するサーバー側パッケージの作成が可能になります。次の章では、パッケージマネージャーについて詳しく説明します。

←第3章第5章→

以上がノードとそれがnpmでどのように機能するかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

それは' Vueチームにそれを成し遂げてくれておめでとうございます。それは大規模な努力であり、長い時間がかかったことを知っています。すべての新しいドキュメントも同様です。

ブラウザから有効なCSSプロパティ値を取得できますか? ブラウザから有効なCSSプロパティ値を取得できますか? Apr 02, 2025 pm 06:17 PM

私はこの非常に正当な質問で誰かに書いてもらいました。 Leaは、ブラウザから有効なCSSプロパティ自体を取得する方法についてブログを書いています。それはこのようなものです。

粘着性のあるポジショニングとサスのダッシュを備えた積み重ねられたカード 粘着性のあるポジショニングとサスのダッシュを備えた積み重ねられたカード Apr 03, 2025 am 10:30 AM

先日、Corey Ginnivanのウェブサイトから、この特に素敵なビットを見つけました。そこでは、スクロール中にカードのコレクションが互いに積み重ねられていました。

CI/CDで少し CI/CDで少し Apr 02, 2025 pm 06:21 PM

「ウェブサイト」は「モバイルアプリ」よりも適していると言いますが、Max Lynchからのこのフレーミングが好きです。

WordPressブロックエディターでのマークダウンとローカリゼーションを使用します WordPressブロックエディターでのマークダウンとローカリゼーションを使用します Apr 02, 2025 am 04:27 AM

WordPressエディターでユーザーに直接ドキュメントを表示する必要がある場合、それを行うための最良の方法は何ですか?

レスポンシブデザインのブラウザを比較します レスポンシブデザインのブラウザを比較します Apr 02, 2025 pm 06:25 PM

これらのデスクトップアプリがいくつかあり、目標があなたのサイトをさまざまな次元ですべて同時に表示しています。たとえば、書くことができます

フレックスレイアウト内の紫色のスラッシュ領域が誤って「オーバーフロー空間」と見なされるのはなぜですか? フレックスレイアウト内の紫色のスラッシュ領域が誤って「オーバーフロー空間」と見なされるのはなぜですか? Apr 05, 2025 pm 05:51 PM

フレックスレイアウトの紫色のスラッシュ領域に関する質問フレックスレイアウトを使用すると、開発者ツールなどの混乱する現象に遭遇する可能性があります(D ...

CSSを介してファーストクラスの名前アイテムを使用して子要素を選択する方法は? CSSを介してファーストクラスの名前アイテムを使用して子要素を選択する方法は? Apr 05, 2025 pm 11:24 PM

要素の数が固定されていない場合、CSSを介して指定されたクラス名の最初の子要素を選択する方法。 HTML構造を処理するとき、あなたはしばしば異なる要素に遭遇します...

See all articles