パッケージをインストールする

他の人のコードをプロジェクトに取り入れる

⏱ 想定 ~9 分

01 · 読む

これから最初の npm パッケージとして Express をインストールします。Express は JavaScript でもっとも人気のあるウェブサーバーフレームワークです。週に 3000 万人を超えるエンジニアがダウンロードしています。

npm install を実行すると、3 つのことが起こります。

1. npm がレジストリからパッケージをダウンロードします 2. コードを node_modules というフォルダに保存します 3. パッケージ名を package.json の dependencies に記録します

続ける前に、まだ my-server フォルダにいることを確認してください。

Express をインストールします。これで Express と、それが必要とするすべてのパッケージがプロジェクトにダウンロードされます。下のコマンドをターミナルで実行し、完了を待ってから「I did it」を押して進んでください。

npm install express

もう一度 package.json を見てみましょう。新しい dependencies セクションができて、Express が並んでいるはずです。

cat package.json

プロジェクトの依存パッケージを記録し、他の人もインストールできるようにするのはどのファイルですか？

node_modules をちょっと覗いてみましょう。npm がダウンロードしたすべてのパッケージを保存するフォルダです。Express は動くのに他のパッケージをたくさん必要とするので、'express' だけではなく多くのフォルダが見えるはずです。

ls node_modules | head -20

Express をインストールするには npm _____ express と打ちます。

フォルダがたくさんありますね！Express は他のパッケージに依存し、それらのパッケージもまた別のパッケージに依存します。これを依存ツリー(dependency tree) と呼びます。

大事なこと：node_modules は絶対に git にコミットしません。数千ファイル、数百 MB になることもあります。package.json に必要なものが記録されているので、あなたのプロジェクトを clone した人は誰でも npm install を実行して再ダウンロードできます。

だから package.json がそんなに大事なのです。package.json がレシピ、node_modules が食材です。

💡 想像してみてくださいpackage.json は買い物リスト。node_modules は実際の食材です。共有するのはリストであって、食材を満載したトラックではありません。

ポイントまとめ

同僚があなたの GitHub プロジェクトを clone したら、node_modules フォルダがありませんでした。すべての依存パッケージを取得するには何を実行する必要がありますか？

⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。

※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。