JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

マスター npm:JavaScript 開発者向けのエキスパート コース、トレーニング、リソース

npm は、NodeJS ベースの環境用のパッケージ マネージャーです。これは、JavaScript プロジェクトを設定して効率的に管理するために必要な最も重要なツールの 1 つです。プロジェクトのセットアップに費やす時間を減らし、実際のコードに集中するには、JavaScript 開発者にとって npm が頼りになります。優れたノード プロジェクトを開発するための前提条件の 1 つは、npm を学ぶことです。

以下は、このツールを学習するために利用できる最適なリソースの詳細なガイドです。書籍、ビデオ コース、専門ガイド、コミュニティで作成されたコンテンツを取り上げ、ニーズに最適な学習パスを選択できるようにします。

npm の学習方法

ツールの詳細に入る前に、そのダイナミクスと用途を概観することが重要です。 npm は JavaScript ベースのプロジェクトにのみ関連します。 flask、Django、または Golang を使用して何かを構築することを目的としている場合、npm は役に立ちません。学習に利用できるリソースに進む前に、ツールについて詳しく見てみましょう。

npm とは何ですか?

Npm はコマンドライン ツールで、node.js インストールにバンドルされており、新しいノード プロジェクトを初期化するために使用できます。 npm のようなパッケージ マネージャーを使用すると、これらのパッケージのインストールと管理が簡単になります。

npm の創設は、共有する価値のあるストーリーです。 node.js が導入されたとき、サーバー ランタイム環境で JavaScript を使用できる可能性がもたらされました。 V8 JavaScript ランタイムと C++ の組み合わせにより、ノードが非常に高速になりました。ただし、ノードの焦点は、単なるサーバーサイド アプリケーションから、自動化やユーティリティのための幅広い JavaScript ツールへと徐々に移行してきました。 webpack や Babel、Gulp などのパッケージは、人々が Node の真の可能性をゆっくりと模索し始めたときに登場しました。

残された大きな空白は、「これらのツールをすべての JavaScript ランタイムにどのように一般化するか?」という問題でした。ここで、npm のようなパッケージ マネージャーが登場しました。npm は、これらのパッケージを管理するプロセスを一般化しました。 npm の代替手段としては、yarn や pnpm などがありますが、この記事の範囲外です。

npm は何に使用されますか?

ノードベースのプロジェクトのライフサイクルでは、npm がいくつか使用されます。いくつかを簡単に見てみましょう。

  • 新しいプロジェクトをセットアップする。 まず、ノード プロジェクトには定型コードが含まれています。通常、場所をノード プロジェクトとして識別するのは package.json ファイルだけです。場合によっては、新しいプロジェクトのデフォルト要件が package.json ファイル単独よりもはるかに多くなることがあります。 Npm はこれらの要件に対応し、新しいプロジェクトを初期化するための迅速かつ簡単な方法を提供します。
  • 依存関係のインストール。 プロジェクトに取り組んでいる場合、サードパーティの依存関係のインストールが必要になる場合があります。新しい React プロジェクトをセットアップする場合は、React ライブラリのような基本的なものでも手動でインストールする必要があります。 npm は、依存関係をすばやくインストールおよびアンインストールするための非常に便利なコマンドを提供することで、このプロセスを簡素化します。
  • 反復的なタスクの自動化。 一般的なプロジェクト開発プロセスでのタスクの実行は反復的です。多くの場合、コードをメイン リポジトリにプッシュする前に、コードを lint する必要があります。また、git コミットをサインオフする前にテストが必須となる場合もあります。これらのタスクはいつでも手動で実行できますが、npm にはショートカットが用意されています。これらのコマンドは、package.json ファイル内のスクリプトの形式で定義できます。その後、これらのスクリプトを run や build などの特定のキーワードに割り当てることができます。
  • パッケージを公開します。 npm には、グローバルに利用可能なノード パッケージの npmjs.com リポジトリに対するすぐに使用できるサポートがあります。これは、パッケージの構築と公開が簡単であることを意味します。パッケージをオンラインにするには、いくつかのコマンドのみが必要です。
  • GitHub との互換性 :ノード パッケージの npmjs.com リポジトリとは別に、npm は GitHub パッケージもサポートしています。つまり、GitHub パッケージが関連付けられた GitHub リポジトリがある場合、npm パッケージを公開し、依存関係としてローカル プロジェクトにプルできるということです。

npm を学習する

npm は非常に多機能なツールであるため、定期的にブラッシュアップすることが重要です。以下は、npm の初心者として始めるのに役立つリソースのリストです。

最高の npm リソース

npm は JavaScript エコシステムのツールであるため、コミュニティによって生成された多くのコンテンツを利用できます。それを見てみる前に、始めるのに役立つ素晴らしいビデオ コースをいくつか紹介します。

npm – 基本をマスターする

  • プラットフォーム:Udemy
  • 所要時間:40 分
  • 価格:無料
  • 前提条件:なし
  • 開始日:オンデマンド

1,500 人以上の受講生から 4.4 つ星の評価を受けているこのコースは、他のコースよりも際立っています。無料かつオンデマンドなので、まったくの初心者にとって最高のビデオ リソースとなります。この 40 分間のコースは 16 個のビデオに分かれており、各サブトピックを約 3 分間カバーしています。これにより、学習者は npm のサブトピックのコンテンツを簡単に参照できるようになります。

Traversy Media による NPM 短期集中コース

  • プラットフォーム:YouTube
  • 所要時間:42 分
  • 価格:無料
  • 前提条件:なし
  • 開始日:オンデマンド

これは、このトピックに関して利用できる最も簡潔なコースの 1 つであり、npm の必要なすべてのサブトピックに触れ、それらに関する十分な情報を提供します。 npm のあらゆる側面を詳しく説明し、必要なときにいつでも参照できるほど短いコースをお探しなら、これが最適です。プラスの面として、Traversy Media は初心者向けのコースを作成することで高い評価を得ています。

NPM ハンドブック

  • プラットフォーム:Pluralsight
  • 所要時間:1 時間
  • 価格:Pluralsight のサブスクリプションが必要
  • 前提条件:なし
  • 開始日:オンデマンド

NPM ハンドブックは 350 人以上の学生から 4.5 つ星の評価を受けています。これは、npm の経験がある場合に受講することをお勧めするコースです。このコースでは、npm CLI を使用するときに内部で何が行われているかについての優れた洞察が得られます。

npm 書籍

ビデオ コースとは別に、npm を始めるのに役立つ書籍が多数あります。上位のものには次のようなものがあります。

SitePoint による「ノード パッケージ マネージャー npm の初心者ガイド」

マスター npm:JavaScript 開発者向けのエキスパート コース、トレーニング、リソース

この本の価格は 4.99 ドルで、npm の基本が詳細に説明されています。ここではライブプレビューも利用できます。この本には、ノードベースのプロジェクトの重要なファイルである package.json に関する専用セクションもあります。多くのリソースでは依存関係のバージョン管理などの細かい詳細が省略されていますが、この本ではすべてがカバーされています。

「NPM を使用して学ぶ」 by Rising Stack

マスター npm:JavaScript 開発者向けのエキスパート コース、トレーニング、リソース

NPM を使用して学習する 』は、Rising Stack が発行する無料の電子書籍です。十分に短く簡潔にまとめられているため、ツールの基本をざっとざっと確認するのに最適なリソースです。この電子書籍は、Rising Stack ランディング ページにメール アドレスを入力することで無料でダウンロードできます。

npm リソース

ビデオ コースや書籍による学習とは別に、npm に関するいくつかの優れた記事がオンラインで入手できます。 npm に関する優れた記事のリストは次のとおりです。

  • Robin Wieruch による NPM 短期集中コース
  • nodesource.com による npm の使用に関する完全初心者ガイド
  • SitePoint のノード パッケージ マネージャーである npm の初心者ガイド

上記で共有したリソース以外に、独立して利用できる優れたリソースはほとんどありません。その理由は、標準の Node.js コースのほとんどが npm を独立した章としてカバーしているためです。

開発者が Node 環境の外で npm を学習する必要があることはほとんどありません。これが、ノードベースのコース内の npm に関する素晴らしいビデオや記事を見つけることができる理由です。ただし、十分ではないと思われる場合は、いつでもこのリストに戻って、そのトピックに関する専用のコンテンツを入手できます。

npm を学ぶのにどのくらい時間がかかりますか?

npm の使いやすさを考慮すると、初心者がツールに慣れるまでに通常 10 日ほどかかります。重要なのは、コマンドを初めて使用する間は、コマンドを試し続け、ダミー プロジェクトで練習し続けることです。 

あるいは、npm の最も重要なコマンドの短いリストを、その横に 1 行の説明とともに書き留めてみるのもよいでしょう。このリストをポストイットで机に貼り付けることも、コンピュータ画面上に仮想付箋を作成することもできます。これは、思い出せないコマンドを探しているときに非常に便利です。 npm コマンドの一般的なチートシートは次のようになります。

  • Init – 新しいプロジェクトを初期化します
  • install – 上記のパッケージをインストールします
  • build – package.json で定義されたビルド スクリプトを実行します
  • start – package.json で定義された開始スクリプトを実行します
  • publish – ローカル パッケージを npmjs.org に公開します
  • uninstall – 上記のパッケージをアンインストールします
  • run-script
  1. JavaScriptでのオプションのキャッチバインディングについて説明します。

    ES2019で導入されたオプションのcatchバインディングを使用すると、catchバインディングの周囲の括弧を削除できます。つまり、エラーオブジェクトを格納するために変数を使用する必要はありません。特に、エラーについて事前に知っている場合や、エラーについて知らずに対応したい場合に役立ちます。 以下は、JavaScriptのオプションのcatchバインディングのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />

  2. JavaScriptの入力タイプに焦点を合わせながら、コンソールにメッセージを表示しますか?

    このために、focus()の概念を使用できます。以下はコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="styles