[{"data":1,"prerenderedAt":390},["ShallowReactive",2],{"blog-article-\u002Fja\u002Fblog\u002Fclean-npm-cache":3},{"id":4,"title":5,"author":6,"body":7,"category":373,"cover":374,"coverAlt":375,"description":376,"draft":377,"extension":378,"meta":379,"navigation":380,"path":381,"publishedAt":382,"seo":383,"stem":384,"tags":385,"translationKey":388,"updatedAt":382,"__hash__":389},"articles_ja\u002Fja\u002Fblog\u002Fclean-npm-cache.md","npm キャッシュの削除方法：node_modules との違いと注意点","Harry",{"type":8,"value":9,"toc":365},"minimark",[10,14,26,35,40,47,58,61,72,76,89,167,170,182,186,189,217,234,237,252,261,264,282,295,298,302,308,316,322,329,337,340,343,349,361],[11,12,13],"p",{},"使わなくなったプロジェクトを削除しても、npm がダウンロードしたデータはキャッシュに残っていることがあります。プロジェクトとは別の場所に保存されるためです。",[11,15,16,25],{},[17,18,19,20,24],"strong",{},"npm のダウンロードキャッシュは、プロジェクト内の ",[21,22,23],"code",{},"node_modules"," を消さずに削除できます。"," 通常の設定であれば、インストール済みの依存パッケージが削除されたり、Node.js の再インストールが必要になったりすることはありません。ただし、次にパッケージをインストールするときは再ダウンロードが必要になる場合があります。",[11,27,28,29,34],{},"隠しフォルダーを探す手間を省きたいなら、",[30,31,33],"a",{"href":32},"\u002Fja","MangoDisk"," で npm やほかの対応する開発ツールのキャッシュをまとめて確認できます。それぞれの容量を比べてから、削除する項目を選べます。",[36,37,39],"h2",{"id":38},"まずは-npm-キャッシュの容量を確認","まずは npm キャッシュの容量を確認",[11,41,42,46],{},[30,43,45],{"href":44},"\u002Fja\u002Fdocs\u002Ffeatures\u002Fdeep-clean","ディープクリーン","でスキャンし、npm キャッシュの項目を探します。項目を開くと、パス、容量、クリーンアップの説明を確認できます。",[11,48,49],{},[50,51],"img",{"alt":52,"decoding":53,"height":54,"loading":55,"src":56,"width":57},"MangoDisk のディープクリーンで npm などのキャッシュ容量と選択状態を確認する画面","async",1171,"lazy","https:\u002F\u002Fassets.mangodisk.app\u002Fimages\u002Fscreenshots\u002Fwindows\u002Fja\u002Flight-01-deep-cleanup.jpg",1746,[11,59,60],{},"npm だけを削除したい場合は、ほかの項目の選択を解除してから、対象の npm キャッシュを選びます。パッケージのインストールや関連する処理が終わるのを待ち、削除対象のパスと解放予定の容量を確認して実行してください。スキャンだけでファイルが削除されることはありません。",[11,62,63,64,67,68,71],{},"MangoDisk の標準ルールは、Windows の一般的な npm キャッシュ保存先と、macOS の ",[21,65,66],{},"~\u002F.npm\u002F_cacache"," に対応しています。",[17,69,70],{},"保存先を変更している場合は、後述のコマンドで実際のパスを確認してください。"," スキャン結果に表示されなくても、別の場所にキャッシュが残っている可能性があります。",[36,73,75],{"id":74},"npm-キャッシュと-node_modules-は別のもの","npm キャッシュと node_modules は別のもの",[11,77,78,79,81,82,88],{},"キャッシュは、ダウンロードしたパッケージのデータを再利用するためのものです。一方、",[21,80,23],{}," には、プロジェクトで実際に使う依存パッケージが入っています。",[30,83,87],{"href":84,"rel":85},"https:\u002F\u002Fdocs.npmjs.com\u002Fcli\u002Fv11\u002Fconfiguring-npm\u002Ffolders\u002F",[86],"nofollow","npm のディレクトリ構成の説明","でも、保存先は区別されています。",[90,91,92,108],"table",{},[93,94,95],"thead",{},[96,97,98,102,105],"tr",{},[99,100,101],"th",{},"対象",[99,103,104],{},"保存されているもの",[99,106,107],{},"npm のダウンロードキャッシュを削除すると",[109,110,111,123,136,149],"tbody",{},[96,112,113,117,120],{},[114,115,116],"td",{},"npm ダウンロードキャッシュ",[114,118,119],{},"インストール時に再利用できるデータ",[114,121,122],{},"削除され、必要に応じて再ダウンロードされる",[96,124,125,130,133],{},[114,126,127,128],{},"プロジェクト内の ",[21,129,23],{},[114,131,132],{},"実行やビルドに必要な依存パッケージ",[114,134,135],{},"削除されない",[96,137,138,141,147],{},[114,139,140],{},"グローバルにインストールしたツール",[114,142,143,146],{},[21,144,145],{},"npm install -g"," で導入したソフトウェア",[114,148,135],{},[96,150,151,161,164],{},[114,152,153,154,157,158],{},"ソースコード、",[21,155,156],{},"package.json","、",[21,159,160],{},"package-lock.json",[114,162,163],{},"コード、依存関係の定義、バージョンの記録",[114,165,166],{},"キャッシュの削除対象ではないため、そのまま残す",[11,168,169],{},"これは、キャッシュとプロジェクトを別々に保存している通常の構成での話です。個人ファイルと同じフォルダーをキャッシュ保存先に指定している場合は、先に設定を見直してください。",[11,171,172,173,175,176,181],{},"キャッシュを消すために ",[21,174,160],{}," まで削除する必要はありません。このファイルは",[30,177,180],{"href":178,"rel":179},"https:\u002F\u002Fdocs.npmjs.com\u002Fcli\u002Fv11\u002Fconfiguring-npm\u002Fpackage-lock-json\u002F",[86],"確定した依存関係を記録するもの","です。削除すると、次回のインストールで異なるバージョンが選ばれることがあります。",[36,183,185],{"id":184},"コマンドで-npm-キャッシュを削除する","コマンドで npm キャッシュを削除する",[11,187,188],{},"Windows では PowerShell、macOS ではターミナルを開き、まず現在のキャッシュ保存先を調べます。",[190,191,196],"pre",{"className":192,"code":193,"language":194,"meta":195,"style":195},"language-bash shiki shiki-themes github-light github-dark","npm config get cache\n","bash","",[21,197,198],{"__ignoreMap":195},[199,200,203,207,211,214],"span",{"class":201,"line":202},"line",1,[199,204,206],{"class":205},"sScJk","npm",[199,208,210],{"class":209},"sZZnC"," config",[199,212,213],{"class":209}," get",[199,215,216],{"class":209}," cache\n",[11,218,219,220,225,226,229,230,233],{},"このコマンドは",[30,221,224],{"href":222,"rel":223},"https:\u002F\u002Fdocs.npmjs.com\u002Fcli\u002Fv11\u002Fcommands\u002Fnpm-config\u002F",[86],"設定を読み取るだけ","で、ファイルを削除しません。既定の保存先は通常、Windows が ",[21,227,228],{},"%LocalAppData%\\npm-cache","、macOS が ",[21,231,232],{},"~\u002F.npm"," です。表示されたフォルダーをエクスプローラーや Finder で開けば、サイズを確認できます。",[11,235,236],{},"まずキャッシュを検証し、不要なデータを整理したい場合は、次のコマンドを使います。",[190,238,240],{"className":192,"code":239,"language":194,"meta":195,"style":195},"npm cache verify\n",[21,241,242],{"__ignoreMap":195},[199,243,244,246,249],{"class":201,"line":202},[199,245,206],{"class":205},[199,247,248],{"class":209}," cache",[199,250,251],{"class":209}," verify\n",[11,253,254,260],{},[17,255,256,259],{},[21,257,258],{},"verify"," は検証だけでなく、不要なキャッシュデータの削除も行います。"," キャッシュ全体を強制的に空にするコマンドではありません。",[11,262,263],{},"容量を空ける必要があり、あとでパッケージを再ダウンロードできるなら、実行中のインストールや関連処理が終わってから次を実行します。",[190,265,267],{"className":192,"code":266,"language":194,"meta":195,"style":195},"npm cache clean --force\n",[21,268,269],{"__ignoreMap":195},[199,270,271,273,275,278],{"class":201,"line":202},[199,272,206],{"class":205},[199,274,248],{"class":209},[199,276,277],{"class":209}," clean",[199,279,281],{"class":280},"sj4cs"," --force\n",[11,283,284,285,288,289,294],{},"npm のダウンロードキャッシュが、ごみ箱を経由せずに削除されます。npm が ",[21,286,287],{},"--force"," を要求するのは、通常はキャッシュの整合性に関する問題を自動で処理でき、頻繁に空にする必要がないためです。詳しくは ",[30,290,293],{"href":291,"rel":292},"https:\u002F\u002Fdocs.npmjs.com\u002Fcli\u002Fv11\u002Fcommands\u002Fnpm-cache\u002F",[86],"npm cache の公式ドキュメント","を参照してください。",[11,296,297],{},"削除後のインストールは、速くなるどころか時間がかかる場合があります。近いうちにオフラインで作業する予定がある、あるいはプライベートパッケージを今は再取得できない場合は、キャッシュを残しておきましょう。バックアップの代わりにはなりませんが、まだ使うデータを無理に消す必要もありません。",[36,299,301],{"id":300},"空き容量があまり増えないときはプロジェクトを確認","空き容量があまり増えないときは、プロジェクトを確認",[11,303,304,305,307],{},"ダウンロードキャッシュを削除しても、古いプロジェクトの ",[21,306,23],{}," は残ります。キャッシュを空にできたのに容量があまり増えない場合は、こちらが大きいのかもしれません。",[11,309,310,311,315],{},"MangoDisk の",[30,312,314],{"href":313},"\u002Fja\u002Fdocs\u002Ffeatures\u002Fdisk-analysis","ディスク容量分析","で、プロジェクトを保存しているドライブやフォルダーを選びます。ツリーマップでは、大きい四角ほど多くの容量を使っています。フォルダーを開いていけば、プロジェクトごとにプロパティを調べなくても、どこが大きいか比較できます。",[11,317,318],{},[50,319],{"alt":320,"decoding":53,"height":54,"loading":55,"src":321,"width":57},"MangoDisk のディスク容量分析でフォルダーのサイズを一覧とツリーマップに表示する画面","https:\u002F\u002Fassets.mangodisk.app\u002Fimages\u002Fscreenshots\u002Fwindows\u002Fja\u002Flight-05-disk-space-analysis.jpg",[11,323,324,325,328],{},"しばらく使わないプロジェクトの依存パッケージが大きいなら、ディープクリーンに戻り、対応するビルド成果物を確認できます。",[17,326,327],{},"こちらの削除は、npm のダウンロードキャッシュの削除とは別の操作です。"," 次にプロジェクトを動かす際は依存パッケージの再インストールが必要になります。ソースコードやロックファイルは残し、依存パッケージ内を直接編集した場合は、その変更も先に保存してください。作業中のプロジェクトまで削除対象にする必要はありません。",[11,330,331,332,336],{},"容量が大きいだけで、不要なフォルダーとは判断できません。ディスク容量分析から手動で削除したファイルは、ごみ箱に入らず完全に削除されます。用途が分からないものは残し、",[30,333,335],{"href":334},"\u002Fja\u002Fdocs\u002Fsafety","クリーンアップの安全ガイド","も確認してください。",[36,338,339],{"id":339},"キャッシュをまとめて見比べる",[11,341,342],{},"npm のキャッシュだけなら、コマンドで削除できます。ほかのツールや古いプロジェクトも含めて整理したいときは、MangoDisk で容量をまとめて確認すると、どこから手を付けるか決めやすくなります。",[11,344,345,348],{},[30,346,347],{"href":32},"MangoDisk をダウンロード","して、まずはスキャンしてみてください。無料・オープンソースで、Windows と macOS に対応。アカウント登録やログインは不要です。この記事で紹介したスキャンとクリーンアップは端末内で行われ、AI を有効にする必要もありません。",[11,350,351,352,356,357],{},"関連記事：",[30,353,355],{"href":354},"\u002Fja\u002Fblog\u002Fcodex-disk-usage","Codex のディスク使用量を整理する"," · ",[30,358,360],{"href":359},"\u002Fja\u002Fblog\u002Fcargo-cache-vs-target-folder","Cargo キャッシュと target フォルダーの違い",[362,363,364],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":195,"searchDepth":366,"depth":366,"links":367},2,[368,369,370,371,372],{"id":38,"depth":366,"text":39},{"id":74,"depth":366,"text":75},{"id":184,"depth":366,"text":185},{"id":300,"depth":366,"text":301},{"id":339,"depth":366,"text":339},"開発者向けディスククリーンアップ","\u002Fimages\u002Fblog\u002Fclean-npm-cache.webp","ノートパソコンの横にあるキャッシュのブロックをオレンジ色のブラシで片付け、別の場所にあるプロジェクトフォルダーは残しているイラスト","npm キャッシュを削除して空き容量を増やす方法を紹介。MangoDisk で容量を確認する手順、npm cache clean --force の使い方、インストール済みパッケージへの影響を解説します。",false,"md",{},true,"\u002Fja\u002Fblog\u002Fclean-npm-cache","2026-09-16T14:40:00+08:00",{"title":5,"description":376},"ja\u002Fblog\u002Fclean-npm-cache",[386,23,387],"npm キャッシュ削除","開発ツールのキャッシュ","article-clean-npm-cache","SQTWj9-nnDj83Nqs37SUnyNcSpcaGCseD4afILn8J78",1789637177641]