1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. npm-scriptsの使い方。自作のコマンドによるタスク実行方法

npm-scriptsの使い方。自作のコマンドによるタスク実行方法

畳んだ布団が飼い猫のお気に入りの場所になってます。@It_is_Rです。

npm-scriptsを使うことで、あらかじめタスクをかんたんな名前で指定しておき、そのタスクを素早く実行できるようになります。

今回はnpm-scriptsを使って、自作のコマンドを設定する方法を紹介します。

目次
  1. npm-scriptsについて
  2. npm-scriptsの使い方。かんたんなタスクを作る
  3. まとめ

npm-scriptsについて

gulpやwebpackを使っている方であれば、簡単なコマンドを入力するだけで複雑なことをやってくれる、あの便利さを知っていることでしょう。

そういった処理を、手軽に自分で作れてしまうのがnpm-scriptsです。
あらかじめ、繰り返し使われる処理をnpm-scriptsで作っておけば、指定したコマンドを実行するだけで、簡単に複雑な処理をおこなうことができるようになります。

またnpm-scriptsは、Node.jsと同時にインストールされるnpmの機能です。
Node.jsのインストールについては、以下の記事を参考にしてください。

npm-scriptsの使い方。かんたんなタスクを作る

npmを使って開発したいディレクトリに移動したら、以下のコマンドを実行します。

$ npm init -y

これでpackage.jsonというファイルが作られます。
package.jsonの中は、以下のようになっています。

{
  "name": "npmscript",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

6〜8行目が、npm-scriptsの部分です。ここにコマンドを追加することで、そのコマンドを使えるようになります。
では、この部分を書き換えて、コマンドを作ってみましょう。

{
  "name": "npmscript",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "hello": "echo \"hello\""
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

7行目を書き換え、helloというコマンドを作ってみました。
このコマンドを実行するには、以下のようにします。

$ npm run hello

> npmscript@1.0.0 hello
> echo "hello"

hello

helloと出力されれば成功です。

まとめ

今回はnpm-scriptsに書いておく方法を紹介しました。
よく使うオプションをあらかじめ設定しておくことで、作業が捗るようになると思います。

以上、npm-scriptsで自作のコマンドを設定する方法でした。

スポンサードリンク

関連コンテンツ

オススメ記事

おみくじゲームを作るべ!

JavaScriptでおみくじを作ろう! 小学生からのプログラミング入門

※2021/12/7 もっと分かりやすくなるように、内容を追加《ついか》、修正《しゅうせい》しました。 さて、今日も楽しく、プログラミングを学んでいきましょう!今回はなんと、プ

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。文字の大きさを設定する。

こんにちわ。美しいものほど濁って見える@It_is_Rです。 今回もFC2ブログの最強カスタマイズを始めていこうと思います。 今回は文字の大きさや色など、ブログ内の文字の設定をしていきます。初

Unityでの2Dノベルゲームの作り方を詳しく解説

人魚との触れ合いを描いた小説、「ELENA 人魚と過ごした時間」のゲーム化を目指し、日々コツコツと開発を進めているのですが、もう少し時間がかかりそうです。 さて、そんなわけで、今回はUnity

Pythonでrandomを使う。乱数の生成やランダムに選択する関数まとめ

今回は、Pythonでランダムな数値を生成したり、リストのなかからランダムに選択、リストの順番をシャッフルする方法など、randomモジュールで使える関数をまとめました。 しっかり覚えて、目的

オブジェクトを使ってみよう!

【JavaScript】オブジェクトを使ってみよう! 小学生からのプログラミング入門

小学生からのJavaScript《ジャバスクリプト》入門講座《にゅうもんこうざ》、今回もはじめていきましょう!前回の講座《こうざ》では、HTMLやCSS、JavaScriptを分けて管理《かんり》す

とってもかんたん!iPhoneアプリ開発

SwiftUIでじゃんけんゲームを作ろう。かんたんiPhoneアプリ開発入門

SwiftUIは、2019年にアップルが発表したフレームワークです。 SwiftUIを使って、iPhoneで遊べるじゃんけんゲームを作成してみましょう。 この入門ではXcodeを使いますので、

Gitの使い方。バージョン管理する流れを、実際にやってみよう

こんにちは。@It_is_Rです。 前回「【Mac】Gitのダウンロードとインストールの手順」では、Gitのインストーラを公式サイトからダウンロードしてインストールする方法と、Homebrew

Eclipseのダウンロード(インストール)の方法

Eclipseは、統合開発環境(IDE)のひとつで、さまざまな言語での開発をしやすくするためのツールをひとまとめにしたものです。 今回はEclipseのダウンロード(インストール)の方法を紹介

Python(Tkinter)でウィンドウを表示するための基本

ゲームなどのアプリを作成したいとき、まず、ウィンドウを表示する必要があります。そこで今回は、Python(Tkinter)を使って、ウィンドウを表示する方法と、その設定を変える方法を紹介します。

HTML5とCanvasを使うべ!

HTML5とCanvasを使ってみよう! 小学生からのプログラミング入門

小学生からのプログラミング講座《こうざ》、こんかいもはじめていきましょう! これまでの講座《こうざ》では、JavScriptの基本《きほん》について学び、キャラクターの操作《そうさ》ができるよ

コメントを残す(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。




オリジナルゲーム.com