2017年12月16日npmの基本的な使い方Node.jsに含まれているnpm(パッケージ管理ツール)の基本的な使い方について解説しています。npmとは開発するプロジェクトにライブラリなどを簡単に導入するための機能です。Node.jsをインストールするとnpmも同時にインストールされます。インストール方法についてはこちらで詳しく解説しています。promptを起動しようWindows10のケースで解説しています。他のOSを使用している場合は、そのOSのアプリケーション起動方法に従ってください。promptスタートメニューからNode.jsの欄を探してください。promptを起動してみましょう。黒い文字だけの画面が起動されると思います。npmは基本的にこのコマンドプロンプトを利用して操作していきます。以下のコマンドを入力してEnterを押してみてください。-v上記のようにバージョンが表示されると思います。これはあなたの環境にインストールされているNode.jsのバージョンです。テストプロジェクトを作成するnpmの使い方を覚えるために、テストプロジェクトを作成してみましょう。どこでも構いませんので、新しくフォルダ(ディレクトリ)を作成してみてください。この解説ではこのようにフォルダを作成しています。promptに戻りましょう。cdコマンドを利用して、今作成したフォルダの場所へ移動します。cdコマンドというのは、ディレクトリ(フォルダ)を移動するためのコマンドです。利用するのは以下のコマンドです。利用しますので覚えておきましょう。test現在のディレクトリ内に存在するtestディレクトリに移動する。../現在のディレクトリからひとつ上のディレクトリに移動する。../../現在のディレクトリからふたつ上のディレクトリに移動する。/ルートディレクトリに移動する。今、Cドライブ内のどこかのフォルダにいる場合は、Cドライブのトップに移動します。現在、こちらの環境では上記のように表示されています。これはCドライブの中にある、Usersフォルダの中にある、AZフォルダに現在いるということです。ここからさきほど作成したtestフォルダにcdコマンドで移動してみましょう。../../xampp/htdocs/testこれは現在のディレクトリからふたつ上のディレクトリに移動し、さらにxampp/htdocs/testに移動するというコマンドです。xampp/htdocs/testと2回打っても同じ結果になります。移動ができたら以下のような表示になります。C:\xampp\htdocs\test>ちなみにバックスラッシュと¥記号は同じものと考えてください。Windowsのコマンドプロンプトではバックスラッシュの代わりに¥記号が表示されます。あなたが作成したテストプロジェクトのフォルダに移動できたら、次に進んでください。package.jsonを作成するnpmを使うためにはまずpackage.jsonというファイルを作成しなければなりません。簡単に作成するコマンドが用意されていますので、以下を入力してみてください。init英語がズラズラと表示されると思います。これは対話式でpackage.jsonを作成するコマンドで、質問に答えていくとpackage.jsonが作成される仕組みになっています。テストプロジェクトなので、なにも入力せずにEnterだけを何度も押し続けましょう。内容について今は理解する必要はありません。(yes)最後の質問でEnterを押すと、テストプロジェクトのフォルダ内にpackage.jsonというファイルが作成されます。エディターで開いて中身をチェックしてみましょう。これでnpmを利用する準備は整いました。パッケージをインストールするnpmを使ってパッケージをインストールしてみましょう。今回はテストプロジェクト内にjQueryをインストールしてみます。以下のコマンドを入力してみてください。--saveすると以下のような表示になると思います。field.C:\xampp\htdocs\test>テストプロジェクトのフォルダをチェックしてみてください。node_modulesというフォルダが新たに作成されています。その中をのぞくと、jqueryというフォルダも存在しています。npmではnode_modulesというフォルダ内に、インストールしたパッケージを保存していきます。今回はこれでjQueryがインストールされたということです。次にpackage.jsonを再度エディターで開いてみてください。"^3.2.1"}このような表示が追加されていると思います。これはテストプロジェクトにjQueryのバージョン3.2.1をインストールしました、という記録です。npmを使って様々なパッケージをインストールしていくと、ここにどんどん追加されていきます。この記録をチェックすると、自分がなんのパッケージ(ライブラリ)のどのバージョンをインストールしたのかが、ひと目でわかるようになります。npmの基本的なコマンドnpmを使う上で必要になる基本的なコマンドについて解説します。パッケージ名パッケージをインストールするコマンドです。つけずに使うことはおすすめしません。いうオプションを追加しています。これをつけると、package.jsonのdependenciesに記録が残るようになります。開発環境だけで使うパッケージをインストールする時につけるオプションです。つけてインストールしましょう。package.jsonにdevDependenciesとして記録されます。記載されているパッケージをまとめてインストールします。updateこれまでにインストールしたパッケージを、まとめて新しいバージョンにアップデートします。updateの後にパッケージ名を記述してください。パッケージ名インストールしたパッケージをアンインストールします。いうオプションがついていることがありますが、これはグローバルというNode.jsの一番上の階層にインストールするオプションです。様々なプロジェクトで共通して利用するようなパッケージをインストールする場合に使うオプションで、基本的には使わなくていいものだと考えてください。promptを起動した場合、Windows10では最初にユーザーのフォルダが開かれると思います。毎回、開発をするときにcdコマンドで開発しているプロジェクトに移動するのはめんどうなので、アプリケーションを開いた時に、指定のフォルダを開くように設定しましょう。promptを右クリックその他を選ぶファイルの場所を開くエクスプローラーが開きますファイルの場所を開くとエクスプローラーが開きます。prompt上で右クリックを押して出てきたメニューから、ショートカットの作成を選びましょう。ここにショートカットを作成することはできません。デスクトップ上に作成しますか?と尋ねられますので、はいを押してください。promptのショートカット上で右クリックを押し、プロパティを選んでください。ショートカットのプロパティプロパティ内部の作業フォルダーの欄を変更しましょう。Files\nodejs\"↓"C:\xampp\htdocs\test\"開きたいフォルダのアドレスに変更してから、OKを押してプロパティを閉じてください。promptを起動すると、指定したフォルダの場所が開いた状態で開始されます。最後に基本的なnpmの使い方は理解してもらえたのではないでしょうか。ライセンスもISC(フリーソフトウェアライセンス)と記述されていますが、一人で開発を進める場合はそのままでも問題はありません。プロジェクトを複数人で開発する場合や、ネットに公開する場合は、正式な書き方でpackage.jsonを作成するようにしましょう。以下のサイトを参考にしてもらうとわかりやすいと思います。Usersのpackage.jsonはこのようになっています。package.jsonnpmについてさらに詳しく知りたい方は、公式サイトのドキュメント(英語)を確認してください。以上でnpmの解説を終わります。