使い方を教えてください。

画面の入力欄に処理したい値を入れるだけで、npm scripts ガイドが即座に結果を表示します。コピーボタンで結果をワンクリックでクリップボードに送れます。

料金はかかりますか？

npm scripts ガイドは完全無料です。登録やログイン、課金、アプリのインストールは不要で、ブラウザがあればすぐに利用できます。

開発・コード変換無料登録不要

npm scripts ガイド

package.jsonのscriptsフィールドの書き方と便利なスクリプト例。npm/pnpm開発に便利な無料オンラインツール。

入力

結果

--- 基本 ---
"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start",
  "lint": "eslint .",
  "test": "vitest",
  "test:watch": "vitest --watch",
  "typecheck": "tsc --noEmit"
}

--- ライフサイクル ---
preinstall   → install前
postinstall  → install後
prebuild     → build前
postbuild    → build後
pretest      → test前

--- 便利パターン ---
"dev": "concurrently \"cmd1\" \"cmd2\""
"clean": "rm -rf dist .next"
"check": "npm run lint && npm run typecheck && npm run test"
"release": "npm version patch && npm publish"

--- 変数 ---
$npm_package_name     パッケージ名
$npm_package_version  バージョン

--- 実行 ---
npm run <script>
pnpm <script>        (run省略可)
npx <command>        (ローカルbin実行)

FAQ

よくある質問

運営維持のため一部ページに広告を表示していますが、ツール本体の動作を妨げない範囲に留めています。ブロッカーを利用されても機能は動作します。

こちらもおすすめ

環境変数ガイド

Next.js/Node.jsの環境変数(.env)の使い方と命名規則を解説する無料オンラインツール。

HTTPキャッシュガイド

HTTPキャッシュ制御ヘッダー(Cache-Control/ETag/Last-Modified)の使い方を解説する無料オンラインツール。

Next.js API Route ガイド

Next.js App RouterのAPI Route(route.ts)の書き方とパターン集を表示する無料オンラインツール。

npm/pnpmコマンド集

npm/pnpm/yarnの主要コマンド比較チートシート。パッケージ管理の参考に便利な無料オンラインツール。

アクセシビリティチェックリスト

Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する無料オンラインツール。

APIキー生成

暗号学的に安全なAPIキーを生成。長さ・文字種をカスタマイズ可能。API開発のキー発行に便利な無料オンラインツール。

読み込み中...