pnpm の node_modules を探検して理解しよう - ドワンゴ教育サービス開発者ブログ

2024/05/10 13 users pnpM ユーン npm ドワンゴ教育サービス開発者ブログ

はじめに こんにちは。ドワンゴ教育事業でエンジニアをしているユーンです。 N予備校アプリケーションやその他複数のプロジェクトで pnpm を採用しました。pnpm とは何か、npm とどう違うのかというのを node_modules の構造を追いながら理解しつつ、教育事業での採用した結果についてお話します。 pnpm とは pnpm とは... 続きを読む

npm ciのキャッシュ方式の検討

2023/12/15 13 users npm ci 検討 キャッシュ 結論 実行

結論から言うと、node_modulesをキャッシュしてnpm ciの実行を省略するのが、多くの場合には有効そうです。 はじめに CIで npm ci を使うとき、実行時間短縮のためにキャッシュの利用を検討することになると思います。このとき、どのようにキャッシュするのが良いのでしょうか？ よく知られているキャッシュ方式として、... 続きを読む

Deno/Node を vscode ワークスペースで共存させたい

2023/09/11 12 users Dep node TypeScript vscode deno

次の記事の 2023 年版です。 tl;dr 次のコードを "deno.enable": true にしない(Node環境のまま)Node＋Deno両方の型チェックが通る vscode 環境にする。 // .ts 拡張子を許可 import { dep } from "./dep.ts"; // node_modules から npm module を解決 import ts from "typescript"; // deno/node 共用で Deno に型をつ... 続きを読む

node_modulesの問題点とその歴史 npm, yarnとpnpm

2023/06/23 241 users カオスっぷり npm YARN pnpM バージョン

皆さんnpmパッケージのバージョンを上げるときにハマって依存地獄から抜けられなかったことはありませんか？ 私はあります。 複雑怪奇な依存関係を調べてみようとnode_modulesを覗いてみて、そのカオスっぷりに臭いものに蓋をしたことはありませんか？ 私はあります。 そこでnode_modules以下について調べてみたのですが... 続きを読む

pnpm はパッケージをどんな風にストアに保存してるんだろう？ - Mitsuyuki.Shiiba

2023/04/15 9 users npm Mitsuyuki.Shiiba pnpM ファイル

pnpm を触り始めた ちょっと前に npm のことを勉強したときに、ゆうくさんに pnpm のことを教えてもらって気になってたので、触り始めた。 bufferings.hatenablog.com pnpm はパッケージをグローバルストアに保存して、各プロジェクトの node_modules ではハードリンクを使用する。だから、ファイルをコピーしなくていい... 続きを読む

npm install と npm ci って結局どう使うの？2023年版 - Mitsuyuki.Shiiba

2023/03/15 8 users npm Mitsuyuki.Shiiba 手がかり 雰囲気

うりうりさんの↓のコメントを見て、そういえばnpm ciって見たことあるけどチェックしてないなぁ。というかnpm installも雰囲気で使ってるなぁ。と思ったので、うりうりさんに教えてもらったことを手がかりに、npm installとnpm ciについて調べた。 これ、node_modulesキャッシュしてたり npm install使ってるけど npmの... 続きを読む

Next.jsのスタンドアロンモードでビルドしたイメージを Cloud Run へデプロイする

2022/06/12 24 users NEXT ディレクトリ yarn build ビルド 依存関係

Next.js の experimental features のひとつに、スタンドアロンモードがあります。 通常モードでは、本番リリース可能なビルドを用意する場合、yarn build による .next/ ディレクトリとあわせて node_modules も含めます。依存関係を解決するために必要ですね。一方スタンドアロンモードを有効にした上で yarn build す... 続きを読む

vendor.js の終焉と Granular Chunks - 徒然技術日記

2020/05/17 8 users 終焉 Webpack ベストプラクティス 依存ライブラリ 以下

webpack を使った code splitting のベストプラクティスとして，v3 以前の CommonsChunkPlugin の時代から node_modules 以下に置かれている依存ライブラリを vendor.js という単一の chunk にまとめる方法が紹介されていました． これは webpack の公式ドキュメント Caching | webpack や Google の Make use of long-t... 続きを読む

lodash やめ方 - Qiita

2019/12/23 201 users Qiita lodash https 思考停止 みなさん

みなさん、 lodash で消耗してますか？ 私は消耗しています。 なぜ lodash で消耗するかというと、とにかく思考停止でインストールされ、 node_modules 下で大量に重複します。サイズが大きいlodashが複数バンドルされてビルドされると、重篤なパフォーマンス上の問題を引き起こします。 https://bundlephobia.com/resul... 続きを読む

GitHub Actions の matrix と cache 使ってe2eワークフローを作る - Qiita

2019/11/06 28 users Matrix Qiita Cache Actions dist

動いてるリポジトリはここ https://github.com/mizchi/frontend-gh-action-playground やったこと 発想は https://qiita.com/mizchi/items/9c03df347748ba5f5a11 の続き job 間の依存を明示して build => {各種e2e} というステップでタスクを流す 新たに導入された actions/cache を使って node_modules と dist (webpac... 続きを読む

npm v2のインストールは`npm i -g npm@latest-2` - teppeis blog

2015/11/29 13 users npm i インストール teppeis blog タイトル

2015-11-29 npm v2のインストールは`npm i -g npm@latest-2` npm node.js タイトルで言い切った感のある小ネタ。 最新のnpm v3は基本素晴らしいのだけど、主にnode_modulesがフラットになったなどのbreaking changesによって一部のパッケージがまだ非対応だったり、自分のプロジェクトで固めたshrinkwrap.jsonからは対応... 続きを読む

TypeScriptのASTを使ってコードを解析しよう - Qiita

2015/04/16 21 users AST GitHub Qiita TypeScript コード

TypeScriptのASTを操作する方法が、GitHubのWikiに公開されていました。これを使えば,TypeScriptのコードを解析することができます。 準備 TypeScriptのインストール npm install typescriptを実行しTypeScriptを取得します。 tsconfig.jsonを設定する(Atomを利用している場合) ./node_modules/typesc... 続きを読む

コードで一言: promptを使ってみた

2012/05/14 12 users prompt プロンプト コマンドライン node.js 一言

2012年5月14日月曜日 promptを使ってみた promptは、コマンドラインからプロンプト入力できる Node.jsのパッケージです。 $ npm install prompt prompt@0.1.12 ../../../node_modules/prompt ├── pkginfo@0.2.3 ├── colors@0.6.0-1 ├── async@0.1.18 └── winsto... 続きを読む