update.昨今のweb開発で必要なwebpackやGulpといった技術は、Node.jsのパッケージ管理ツール「npm」を通して使われます。npmの機能は豊富で、覚えておくと便利な使い方がいくつもあります。オススメのものをピックアップしました。実行すると、プロジェクト名や著作権の設定の質問が表示され、必要な項目を入力したり、Yes([Enter]キー)を入力する必要があります。設定が不要な場合、-yオプションを指定することで、質問を表示することなく初期化できます。-y実行後のコマンドラインの差です。-yではそれがありません。installコマンドは使用頻度が高いですが、わざわざ「install」と7文字も打つのは面倒です。「i」と省略ができます。iパッケージのインストールはこうなります。(パッケージ名)とすることが多いでしょう。--save-devと10文字も書くのは時間がかかる↑タイプミスをしてしまう恐れがあるので、-Dで省略しましょう。-Dたとえば、Gulpをローカル環境にインストールするならば、次のようになります。gulpちなみに、グローバル指定をする-gもよく使います。v5から標準でつくようになったので省略可能です。アンインストールコマンドの省略パッケージのアンイストールuninstallは、unで省略できます。(パッケージ名)パッケージをアンインストールし、package.jsonからも削除する場合は、前述の-Dオプションと組み合わせます。開発環境を構築する際、1モジュールずつインストールしていくのは手間です。node-sassパッケージはまとめてインストールできるので、時短になります。node-sass使用しているパッケージ群を最新版にアップデートするパッケージは日々アップデートされています。使用しているパッケージを最新版にアップデートしたい場合は、次のコマンドを実行します。-Dたとえば、gulpのv3.5.0、gulp-sassのv2.0.0を使っているプロジェクトがあるとします。package.jsonのdevDependenciesには次の記述があります。-Dを実行すると、gulpおよびgulp-sassの最新パッケージが自動的にインストールされ、package.json内も更新されます。}}古いプロジェクトのpackage.jsonを使い回している場合は、必要に応じてアップデートするとよいでしょう。パッケージを再インストールするパッケージのインストールやアンインストールを繰り返すと、キャッシュゆえに予期せぬエラーが発生しえます。モジュールの挙動がおかしい場合は、キャッシュの整合性チェック、モジュールの再インストールを試してみると解決できる場合があります。node_modulesフォルダーの削除packge.jsonに記載されたパッケージの再インストールの実行方法は下記の通りです。(スクリプト名)実行できるnpm-scriptsの機能があります。tonkotsuboy!!」という文字列を出力する「mytask」を記述します。runコマンドをmytaskを実行します。mytasknpm-scriptsの強みは、node_modules以下にインストールしたモジュールを実行できる点です。Gulpはグローバル環境、ローカル環境の両方にgulpをインストールするのが一般的ですが、npm-scriptsを駆使すればグローバルにGulpをインストールする必要がなく、ローカル環境のパッケージのみに依存した構成が可能です。}}ローカルパッケージを手軽に実行したければnpx次の記事にまとめました。Qiitanpmを恐れることなかれnpmを使ったコマンドライン操作は今の時代避けて通れませんが、工夫次第で便利に操れます。install周りの省略は、タイピング量が減ってミスを防ぐことができます。オススメのコマンドばかりなので、知らないものがあれば是非試してみてください。壮@tonkotsuboy_comICSのインタラクションデザイナーです。「JavaScriptコードレシピ集」の著者。2017・2018でベストセッションの1人に選出されました。アプリ開発やWebページ制作が専門で、フロントエンドの情報を随時発信しています。https://ics.mediaFollow株式会社ICSインタラクションデザイン専門のプロダクション。最先端のウェブテクノロジーを駆使し、オンスクリーンメディアの表現分野で活動しています。upLoginユーザーは見つかりませんでした。