Hatena Blog Tags
はてなブログ トップ
pnpm
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

pnpm

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
エス・エム・エス エンジニア テックブログ•3ヶ月前

pnpm workspaceで非常に辛いpeerDependenciesの扱いと対処法

はじめに こんにちは！カイポケコネクトの開発推進チームでエンジニアをしている @_kimuson です。 私たちのチームでは、開発体験の向上や今後の拡張に備えて大規模なフロントエンドアプリケーションのマイクロフロントエンド化を進めています。 アプリ分割については下記の記事で紹介していますので、よろしければ合わせてご参照ください。 アプリ分割の一環としてpnpm workspaceを使ったモノレポ構成を採用しているのですが、internal packageにおけるpeerDependenciesの扱いが課題になりました。 この記事では、pnpm workspaceにおけるpeerDependen…

#pnpm#Node.js#マイクロフロントエンド

関連ブログ

newmo 技術ブログ•6ヶ月前

monorepoでのApollo Client v4移行 - pnpm named catalogとLLMによる段階的移行

Apollo Client v4が2025年9月にリリースされました。エラーハンドリングの改善やバンドルサイズの削減など多くの改善が含まれていますが、破壊的変更も多く含まれています。特にmonorepo環境では、複数のアプリケーションや共有ライブラリが同じパッケージに依存しているため、一括で移行すると変更範囲が大きくなりすぎて問題の切り分けが困難になります。そのため、アプリケーション単位で段階的な移行が必要でした。 この記事では、newmoのmonorepoでApollo Client v3からv4へ移行した際に、pnpm catalogのnamed catalog機能とLLMを活用して、v3…

#GraphQL#LLM#pnpm#monorepo
newmo 技術ブログ•6ヶ月前

renovatebotとpnpm catalogで実現する依存関係の自動アップデートとハンドブックによる安全な更新

はじめに モノレポ環境での依存関係管理は、プロジェクトの規模が大きくなるほど複雑になります。 newmoでpnpm catalogを導入してOne Version Ruleを実装し、パッケージのバージョンを一元管理する仕組みを構築しました。詳細はmonorepo内でのパッケージのバージョンを1つだけに統一するOne Version Ruleをpnpm catalogで実装する - newmo 技術ブログを参照してください。 しかし、一元管理の実現だけでは依存関係の更新作業そのものは依然として手動であり、セキュリティアップデートの適用遅延やレビュー負荷の増大という課題が残っていました。 本記事で…

#pnpm#renovate#Devin#JavaScript
kokh log•2年前

asdfでNodejsのVersionをあげてpnpmを有効にする

去年anyenvからasdfに乗り換えて以降、プロジェクトのNode.jsのバージョンが変わるたびに呪文的に下記のコマンドを実行していたため、改めて調べました。 asdf install nodejs {version} corepack enable asdf reshim nodejs 最後にreshimをしないとpnpm呼び出し時に既にinstallしたはずのnodejsのバージョンをinstallしてとエラーになります $ pnpm -v No preset version installed for command pnpm Please install a version by r…

#バージョン管理#asdf#corepack#pnpm#nodejs
newmo 技術ブログ•2年前

monorepo内でのパッケージのバージョンを1つだけに統一するOne Version Ruleをpnpm catalogで実装する

newmoでは、フロントエンド、バックエンド、iOSやAndroidなどのモバイルアプリをすべて同じリポジトリで管理するmonorepoを採用しています。 monorepoを採用することで、アプリケーション間で共通のコードを共有することができたり、CIの管理が楽になったり、他のチームのコードを見るのにわざわざリポジトリをcloneする必要がなくなります。 また、monorepoを採用することで、アプリケーションが利用しているパッケージ(ライブラリやツール)のバージョンを1つだけにするOne Version Ruleが実装できます。 One Version Rule One Version Ru…

#TypeScript#JavaScript#pnpm#monorepo
TECHSCORE BLOG•2年前

npm、yarn、pnpm、bun を同じコマンドで使える ni の紹介

複数のパッケージマネージャーを使って混乱したことはありませんか？ みなさんはどのパッケージマネージャーをお使いですか？npm や yarn を使用している方も多いかと思います。複数のプロジェクトにまたがって作業をされている方は、様々なパッケージマネージャーを使い分けている方も珍しくはないでしょう。 開発者の間でよくある問題の一つに、異なる JavaScript プロジェクト間で使用されるパッケージマネージャーが統一されていないことが挙げられます。一部のプロジェクトでは npm を、他のプロジェクトでは yarn や pnpm など、さまざまなツールが使われています。これらのパッケージマネージャ…

#パッケージマネージャー#Node.js#npm#yarn#pnpm
青いやつの進捗日記。•2年前

yarn v1つかってたけど実はメンテナンスモードらしいのでpnpmを入れていく

ほとんどyarn v1使ってたけど実はメンテナンスモードらしい。 speakerdeck.com のでpnpmを入れていく。 pnpm.io brew install pnpm でおわり。ちなみに自分の場合 tech.motoki-watanabe.net のエラー出てひっかかった。 yarn使ってたプロジェクトでpnpmに移行したなら一旦node_modules消してpnpm installする必要ありそう。

#yarn#pnpm
yasudacloudの日記•3年前

pnpmでストレージサイズを節約した例

使ってるPCのストレージサイズが512GBなのですが、これが逼迫してきたのでnpm/yarnで入れていたnode_modulesをpnpmを使って削減することにしました。 各プロジェクトのnode_modulesのサイズを調べる🤔 どのくらい削減できたか調べたいので、まずはNodeJSの各プロジェクトのnode_modulesをそれぞれ調べていきます。プロジェクトが少ない場合はFinderから見ても良いのですが、自分の場合はNodeJS以外のプロジェクトも含め80個以上あったのでコマンドで抽出しました。 抽出コマンド find ./ -type d -exec du -sh {} \; |gr…

#pnpm
約束の地•3年前

GitHub Actions で pnpm を用いる（キャッシュもありで）

結論 pnpm/action-setup のステップを追加するだけでいい。 github.com 具体例 steps: - name: コードをチェックアウトする uses: actions/checkout@v3.3.0 - uses: pnpm/action-setup@v2 with: version: 7.27.1 # 明示的に指定して Renovate と package.json 内の "engine" で管理するのがいいと思います - name: Node.js のセットアップを行う uses: actions/setup-node@v3 with: node-version-f…

#GitHub Actions#pnpm