すべてのチートシートフロントエンド開発

npx

npx 10+ (shipped with npm)

npx コマンドのクイック リファレンス:ワンショット パッケージ バイナリの実行、プロジェクトのスキャフォールド、npx キャッシュの管理、バージョンの固定、対話型 CLI の落とし穴の回避 — よく使うオプションと実用例をまとめました。

25 コマンド

ワンショット バイナリの実行

npx <pkg>

`<pkg>` の最新バージョンを(`node_modules/.bin` にない場合)ダウンロードして CLI エントリを実行し、その後一時キャッシュをクリーンアップします。

<pkg>@<version> 固定; --yes / -y インストール プロンプトを自動承認; --package <pkg> PATH に追加する別のパッケージを指定

npx cowsay hello
npx <pkg>@<version>

ワンショット実行に使用するバージョンを固定します。`@<version>` 構文は npm install と同じく semver 範囲または dist-tag を使用します。

npx create-vite@latest my-app --template vue && npx [email protected] tsc --init
npx -y <pkg>

ダウンロード時の確認プロンプトをスキップします — CI で必須であり、再現可能なシェル スクリプトに便利です。

npx -y http-server . -p 8080

プロジェクトのスキャフォールド

npx create-vite <name>

Vite アプリ(Vue / React / Svelte / vanilla)をスキャフォールドします — 高速スキャフォールドでプロジェクトに CLI 依存関係を含める必要はありません。

--template vue | react | react-ts | svelte | lit | vanilla | など

npx create-vite my-app --template vue-ts
npx create-next-app <name>

選択したルーター(App Router または Pages Router)、TypeScript フラグ、ESLint、Tailwind、`src/` 配置で Next.js アプリをスキャフォールドします。

--typescript; --tailwind; --eslint; --app; --src-dir; --import-alias "@/*"

npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir
npx create-react-app <name>

CRA スタイルの React アプリをスキャフォールドします(CRA 自体はメンテナンス中ですが、バイナリはレガシー プロジェクトとクイック デモのために動作します)。

--template typescript; --use-npm | yarn | pnpm

npx create-react-app my-app --template typescript

ローカル node_modules から実行

npx <bin>

`<bin>` が現在の `node_modules/.bin` に既にある場合、npx は何もフェッチせずに実行します。ローカルにインストールされた開発ツールを実行する推奨方法です。

npx eslint src/ && npx tsc --noEmit && npx vitest run
npx --no-install <bin>

レジストリからフェッチする代わりに npx を失敗させます — CI で不足しているローカル依存関係を検出するのに便利です。

npx --no-install eslint src/

GitHub ホスト パッケージ

npx github:user/repo

GitHub リポジトリの `main` ブランチから直接バイナリを実行します — ワンショット テスト リリースに便利です。

npx github:user/my-cli-tool --help
npx user/repo#<branch|tag|sha>

GitHub リポジトリの特定の ref に固定します。

npx user/repo#v1.2.3 --flag
npx gist:<gist-id>

GitHub gist としてホストされているスクリプトを実行します。共有ユーティリティに便利ですが、誰も任意の gist を実行できるセキュリティ影響を考慮してください。

npx gist:abcd1234efgh5678

ローカル スクリプト

npx <script.js>

`require`/`import` 解決のためにローカル `node_modules` を使用して、Node で単一の JavaScript ファイルを実行します。`node script.js` より便利です。

npx ./scripts/seed.ts
npx tsx <script.ts>

`tsx`(または `ts-node`)を使用して TypeScript ファイルを直接実行します。`tsx` がローカルにインストールされている必要があります。

npx tsx scripts/migrate.ts --dry-run

PATH 上のパッケージ

npx --package=<pkg1> --package=<pkg2> <cmd>

実行のために追加のパッケージを PATH 上で利用可能にします。ランナーが直接 `npm install` されていない副次的な依存関係に依存する場合に便利です。

npx --package=typescript --package=@types/node tsc --init

キャッシュ制御

npx --clear-cache

npx パッケージ キャッシュ(POSIX では `~/.npm/_npx`、Windows では `%LocalAppData%\npm-cache\_npx`)を消去して、次の実行でレジストリから再フェッチします。

-y プロンプトをスキップ; --no フェッチをテスト

npx --clear-cache && npx -y create-next-app@latest demo
ls ~/.npm/_npx

キャッシュされたパッケージを手動で確認します — 各サブディレクトリは独自の `package.json` と `node_modules` を持つ 1 つの解決された指定子です。

ls -la ~/.npm/_npx && du -sh ~/.npm/_npx/*

固定動作

npx --always

同じ名前のローカル バイナリが存在する場合でも、npx にレジストリからフェッチさせます。プロジェクトの依存関係に関係なく最新の上流リリースが必要な場合に便利です。

-y インストール プロンプトを自動承認

npx --always --package=eslint eslint --version
npx -p <pkg> -c '<cmd>'

作業ディレクトリを設定し、単一呼び出しのために PATH で `<pkg>` を使用します。`<cmd>` はインストール完了後に実行されます。

npx -p [email protected] -c 'tsc --init && tsc'

対話型 CLI

npx -y <scaffold> <name>

ほとんどのモダンなスキャフォールド(`create-vite`、`create-next-app`、`create-nuxt-app`)は `npx -y` 経由で起動されたことを自動検出し、インストール確認プロンプトをスキップします。

--typescript / --javascript / --template <name>

npx -y create-nuxt-app my-site

サンドボックス フラグ

npx --shell-auto-fallback <bash|zsh|...>

Windows / 珍しい POSIX セットアップでスクリプト実行に使用されるシェルの npx 自動検出を上書きします。

npx --shell-auto-fallback bash
npx --ignore-scripts

npx がワンショット パッケージをインストールするときにライフサイクル スクリプト(postinstall / preinstall)をスキップします。不慣れな指定子に対してより安全です。

npx --ignore-scripts -y some-cli --help

パッケージのその場アップグレード

npx --package <pkg>@latest -- <cmd>

ローカル インストールに関係なく、`<pkg>` の利用可能な最新バージョンを使用してコマンドを実行します。

npx --package npm-check-updates -- ncu -i

確認

npx --version

npx のバージョン(バンドルされている npm と一致)を表示します。

npx --version
npx --help

npx が受け付けるすべてのフラグを一覧表示します。

npx --help

代替

npm exec -- <pkg> [args]

`npx <pkg>` のモダンな npm 等価。`npm exec` は同じ引数を受け付け、一部の npm ドキュメントでは `npx` より推奨されていますが、`npx` の方が短く広く使用されています。

--package <pkg>; --yes / -y; --call=<cmd>; --workspaces

npm exec -- create-vite@latest demo --template vue

関連コマンド速查

フロントエンド開発

volta

日常的に使う Volta コマンドのクイックリファレンス:Node / npm / Yarn / pnpm ツールチェーンのインストール、プロジェクトごとのバージョン固定、グローバル パッケージの管理、Volta 自身のトラブルシューティング — よく使うオプションと実用例をまとめました。

25 コマンド

Volta 1.x

フロントエンド開発

npm

日常的に使う npm CLI コマンドのクイック リファレンス:init / install / add / remove / update / scripts / run / publish / audit、ロックファイル、レジストリ、キャッシュ管理 — よく使うオプションと実用例をまとめました。

34 コマンド

npm 10+

フロントエンド開発

yarn

日常的に使う Yarn CLI コマンド(Yarn Classic 1.x と Yarn Berry 2/3/4 両方)のクイック リファレンス:install / add / remove / run / workspaces、ロックファイル、Plug'n'Play、Berry 構成 — よく使うオプションと実用例をまとめました。

33 コマンド

Yarn 1.x (classic) / Yarn 4 (berry)

フロントエンド開発

pnpm

pnpm を素早く参照:install / add / remove / update、スクリプト、ワークスペース、ストア / キャッシュ、設定 — GitHub サイトの pnpm リポジトリ運用を中心に、よく使うオプションと実用例をまとめました。

31 コマンド

pnpm 9+

フロントエンド開発

vite

Vite CLI コマンドのクイック リファレンス:dev サーバー、ビルド、プレビュー、依存関係のプリバンドル、プラグイン管理、環境変数、プロジェクト確認 — よく使うオプションと実用例をまとめました。

30 コマンド

Vite 5+

商標と利用についての告知

本コマンドラインツール・チートシート集はオープンコミュニティの参考資料です。本書で言及するツールの名前、ロゴ、商標（Git™、Docker™、Kubernetes®、kubectl、PostgreSQL®、MySQL®、Redis™、MongoDB®、Linux™、PowerShell™、Vim™ など）はすべてそれぞれの権利者の財産であり、本書では識別および参照の目的のみに使用しています。

本チートシートの全内容は独立して作成された簡略化された自己完結型の参考資料であり、いかなる公式ドキュメントにも所属せず、承認されておらず、また引用されたものでもありません。コマンド一覧、オプションフラグの説明、コード例はすべて著者による独自の簡略化です。権威ある情報については、各ツールの公式ドキュメントを参照してください。

コマンドの構文およびオプションフラグはツールのバージョンによって異なる場合があります。表示されるバージョンタグは安定リリースを示しています。他のバージョンでは動作が異なる場合があります。本書は商標権者による推奨や選好を意味するものではありません。

商標権者または著作権者の方で、当サイトの一部内容について権利侵害の懸念がある場合は[email protected]までご連絡ください。有効な権利証明を受領次第、合理的な期間内に関連内容を修正または削除いたします。

当サイトの情報を利用したことで生じたいかなる直接的・間接的損害についても、当サイトは法的責任を負いません。

© 2026 All rights reserved.
npx について

npx は npm に同梱される(npm 5.2 / 2017 以降)パッケージ ランナーで、Node.js 7.0+ にも同梱されています。`node_modules/.bin` から(プロジェクトにインストールされたバージョンと常に一致します)、または見つからない場合は npm レジストリからパッケージを一時キャッシュ(`~/.npm/_npx`)にフェッチして一度実行し、クリーンアップします。現在の npx は npm 10 に同梱されています。npx はスキャフォールド ツール(`create-react-app`、`create-next-app`、`create-vite`)をプロジェクトの依存関係を汚染せずに実行する正しい方法です。npx は GitHub スタイル指定子(`github:user/repo`、`user/repo`)と GitHub gist も受け付けます。npm 7+ 以降、`npx` は主に `npm exec --` のラッパーです(非推奨になり復活しました)。npx はあなたのソース コードをどこにも送信しません — レジストリからのみダウンロードします。npm レジストリは `npmjs.com` で表示される集約されたダウンロード カウントを記録します。npx は、プロジェクトのローカル ツールチェーンと競合せずに常に最新または明示的に固定されたバージョンを実行するため、手動のグローバル インストールより推奨されます。

チートシート バージョン 1.0.0