How to delete all node_modules directories from your computer
Over the last few years, I’ve run npm install more times than I can count. And as a result, I have a lot of node_modules directories on my computer that I long forgot about and never use. Sometimes I don’t need the project at all anymore, but often, it’s a codebase I just don’t work with often. My node_modules directories contained 50mb of stuff on the small side, and over 200mb of files in some c
yarnを使うことになっているプロジェクトでは、npm installを禁止したい場合があります。 この投稿では、プロジェクト単位でnpm installを禁止する方法を紹介します。 npm installを禁止する設定 まず、package.jsonにengines.npmフィールドを追加し、そこに"please_use_yarn_instead"と書きます:
Netlifyというサービスを使って自分のポートフォリオサイトを公開してみました。 サイトを公開するには様々な方法がありますが、静的なサイトであれば専用のサービスを使うとお手軽です。 公開したサイトはここです→ https://shozzy.netlify.app/ 12 流れ ローカルでサイトを作り、GitHubにpushしておく Netlifyの初期設定と初回デプロイ サイトを更新する 1.ローカルでサイトを作り、GitHubにpushしておく 詳細は別記事にしますのでここでは割愛します。 今回はVue.js+Vuetifyで静的サイトとして制作しました。 普通に App.vue を編集して内容を作り込み、最終的に npm run build が正常に通るようにしておけばOKです。3 出来上がったら、git で add, commit, push をしておきます。 2.Netlifyの
The React plugin contains executors and generators for managing React applications and libraries within an Nx workspace. It provides: Integration with libraries such as Jest, Cypress, and Storybook.Generators for applications, libraries, components, hooks, and more.Library build support for publishing packages to npm or other registries.Utilities for automatic workspace refactoring.Setting Up @nx/
npm installしたのにcommand not foundになるのはnode_modulesへのパスが原因かも – webdev
なんとも初歩的な過ちですが、備忘として… $ gulp bash: gulp: command not found このように、npm installでプロジェクトへインストールしているモジュールが動作しない場合は node_modulesディレクトリへのパスが通っていない可能性があります。 応急処置として、command not foundがでたプロジェクトのディレクトリでそのまま パスを通すコマンドを入力してみると解消されました。 $ gulp bash: gulp: command not found $ export PATH=$PATH:./node_modules/.bin $ gulp [11:03:45] Using gulpfile /xxxxxxxx/gulpfile.js [11:03:45] Starting 'default'... 毎回設定しなくていいようグロー
Mercari Web DevOpsというチーム (DevTools編) | メルカリエンジニアリング
この記事は、 Mercari Bold Challenge Monthの10日目の記事です。 Mercari JP Web チームフロントエンドエンジニアの nekobato です。 JP Web チームでは、現在 Re-architecture のプロジェクトが進行中です。 先週実はトップページが新しいアーキテクチャに置き換わりました。 また、JP 全体で microservice 化も絶賛進行中であり、同時並行で microservice 化におけるインフラストラクチャの管理を JP Web チームで行っています。 今回は、JP Web チーム内で発足していた Web DevOps チームという小さなチームで行っていた取り組みをご紹介します。 Web DevOps チームとは Mercari Web JP チームは歴史的には元フロントエンドチーム + α のチームです。 ですのでそのま
【Angular8】CHANGELOG.md自動生成「ngx-semantic-version」がとても便利だった | DevelopersIO
どうも！大阪オフィスの西村祐二です。 バグを修正したり、機能を追加したりなど日々開発してリリース作業をしていると「CHANGELOG.md」を自動生成、自動更新したり、セマンティックバージョニングでタグを生成する仕組みがほしくなってきました。 いろいろ調べていると「ngx-semantic-version」がコマンド一発で「CHANGELOG.md」の自動生成環境を作ってくれて便利だったので紹介したいと思います。 「ngx-semantic-version」とは リリース作業時によくやるCHANGELOG.mdの更新や、Gitタグを付与する作業などを自動化する環境を構築してくれるライブラリです。 「ngx-semantic-version」を使うと下記のライブラリをいい感じにインストールして環境を作ってくれます。 commitlint Gitのコミットメッセージを規約に従ってるかチェックす
Selling NPM packages could be a great way for creators to earn money and in return make better software for buyers. But almost nobody is doing it. We think it is because the process is too cumbersome for both parties. NPM Kiosk is an idea for how the ergonomics can be improved - it is also a template for selling and installing private NPM packages without the need for private registries. The probl
Open SourceProductNew npm features for secure publishing and safe consumptionNow you can create tokens with fine-grained permissions for automating your publishing and organization management workflows. And a new code explorer allows you to view content of a package directly in the npm portal. We are excited to announce two new features for a safer npm package ecosystem experience: granular access
v5.0.0 (2021-12-14) Create React App 5.0 is a major release with several new features and the latest version of all major dependencies. Thanks to all the maintainers and contributors who worked so hard on this release! 🙌 Highlights webpack 5 (#11201) Jest 27 (#11338) ESLint 8 (#11375) PostCSS 8 (#11121) Fast Refresh improvements and bug fixes (#11105) Support for Tailwind (#11717) Improved packag
September 26, 2023 npm provenance is now generally available. npm packages built on a supported cloud CI/CD system can publish with provenance. Today this includes GitHub Actions and GitLab CI/CD. Publishing with provenance verifiably links the package back to its source repository and build instructions. Provenance is restricted to public packages and public source repositories only. npm will che
Simple monorepos via npm workspaces and TypeScript project references
Simple monorepos via npm workspaces and TypeScript project references A monorepo is a single repository that is used to manage multiple projects. In this blog post, we’ll explore how to set up a simple monorepo for two npm packages. All we need is already built into npm and TypeScript. What is a monorepo and why is it useful? # Whenever we have to develop multiple interdependent npm packages in p
この記事は何ですか？ openbase.ioっていうサイトをたまたま見つけて、面白かったのでそのサイトの紹介記事です！ 注意として、openbase.ioは出来て間もないサイトなので、それを踏まえた上でこの記事を読んで欲しいです🙏 因みに、筆者はopenbase.ioと何の関係も無いのです。 なので、この記事はあくまで openbase.io に魅せられたユーザーの個人的な記事です。 Openbase.ioってどんなサイト？ JavaScriptのモジュールを検索したり比較したりなどして、モジュール選択をサポートしてくれるサイトです！ 以下の画像は、openbase.ioのホーム画面のスクショですが、凄くデザインが良いですよね。 個人的に好きなポイント 個人的に好きなポイントを列挙していきます。 モジュールの情報が一目でわかる！ 以下の画像は、React.jsをopenbase.ioで表
npm install --save-dev ってどういう意味 npm install と npm install --save-devの違いは、パッケージを本番環境で使うか、開発環境で使うかだけの違いです。 npm install でインストールしたパッケージは、本番環境で使うパッケージとして package.json の dependencies に追加されます。 対して npm install --save-dev は開発環境で使うパッケージとして devDependencies に追加されます。 調べてみると意外と単純でした。 "dependencies": { // npm install コマンドを使ってインストールしたパッケージ // 本番環境で使うパッケージ }, "devDependencies": { // npm install --save-dev コマンドを使って
Apr 2022 · 10min The dangers of `npm link` and why you should use `npx link` instead TL; DR # Instead of using npm link, use npm install or npx link to symlink a local package as a dependency: npx link is a tool I developed as a safer and more predictable alternative to npm link. Avoid using npm link because of the following footguns: Error-prone with multiple Node.js versions No fail-case and une
みなさんは日々の開発でライブラリなどを利用する際に、きちんとライセンスを確認していますか？ OSS（に限らないですが）を利用する際には、ライセンスに従う必要があります。 ライセンスによっては著作権表示を求められたり、それらを組み込んだソースコードもまた公開しなければならないものもあります。 今回はlicense-checkerを用いて、Node.jsプロジェクト内で利用しているパッケージのライセンスを確認してみたいと思います。 license-checkerを使ってみる license-checker https://www.npmjs.com/package/license-checker ツールなのでグローバルにインストールしてもいいと思いますが、個人的にはdevDependenciesに足したほうがチームで共有できたりCIなどでも利用できるのでよいかと思います。1 ここでは適当に作っ
概要 AWS Amplify(アンプリファイ) フレームワークの入門ページ (Getting Started) を読みながら、基本的な利用方法を学んだときのメモです。 環境 Windows 10 Professional 1903 aws CLI 2.0.7 amplify CLI 4.18.0 Node.js 12.16.2 npm 6.14.4 参考 AWS Amplify Amplify フレームワーク Amplify CLIのインストールと設定 Amplify CLIは、Amplifyフレームワークのコンポーネントの1つで、コマンドラインでプロジェクトの作成やバックエンドサービスの構築が行えます。 前提 Amplify CLIのインストールにはNode.js 8.x以上、npm 5.x以上が必要です。
July 11, 2023 Today we are making further improvements to granular access tokens in npm. Highlights of this update are Custom Expiration Times: You can now create granular access tokens with custom expiration times, allowing for durations that span multiple years. Increased Token Limit: We have expanded the maximum limit for granular access tokens creation to 1000. This enables maintainers with a
husky v5 で使い方が変わっている(v6 でも変更後の使い方を継続している)。 husky v4 が deprecated した訳ではない (v5.0.0 リリース後にも v4 系のパッチリリースがある)。 The Parity Public License というのを初めて見ましたが、組み込んだソフトウェアも公開しないと行けないっぽい。つまり商用利用、実質不可。 ライブラリ毎の違いを確認する (CLI から) husky v4 (↓) husky v4 をインストールすると、 .git/hooks 配下に git-hooks 用の shell script が追加される。 $ git init husky-v4 $ cd husky-v4 $ npm init $ npm i husky@4 $ ls -1 .git/hooks | grep -v .sample applypat
Pacote - The JavaScript Package Handler, v10.1.1 Usage: pacote resolve <spec> Resolve a specifier and output the fully resolved target Returns integrity and from if '--long' flag is set. pacote manifest <spec> Fetch a manifest and print to stdout pacote packument <spec> Fetch a full packument and print to stdout pacote tarball <spec> [<filename>] Fetch a package tarball and save to <filename> If <
あつまれ Electronの森
任意タイムゾーンの日付時刻を複数表示するアプリ作ってみた ちょっとわけあって、デスクトップに複数のタイムゾーンの時刻を表示するだけの小さいアプリが欲しくなったので Electron に入門して、ひとしきりやりたいことは全部やってみたのでメモを残す。次またなんかメンテするときに自分でも忘れてると思うので備忘録。 レシピ Electron経験値は数年前にHello Worldだけやってそれっきり。JavaScriptはES6からおいて行かれてる感じ。nodejs/npmは多少なじみがある。今回はElectron自体はクロスプラットフォーム向けだけど、自分はWindows環境で動くものが欲しいのでアプリの開発もビルドもWindowsでやる。結果論だけど、nodeのインストールからnpm/Electronのもろもろやビルド含めてWindows だからという理由で問題になることはなかった。思ったもの
GitHub - isaacs/tshy
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは！npmはGitHub、そのGitHubはMicrosoftってことでフロントエンド周りをMSが制覇しつつある今日この頃を感じるMizutani(@sirycity)です。あとVSCodeとTypeScriptもMicrosoftだね！ 今日はそんなMS帝国の一角、npmとそのライバル yarnについてです。僕は最初npmを使っていて、yarnが出たタイミングで乗り換えたけどまたnpmに戻ってきました。そんな話。 npmとyarnについて npmとyarnについてざっくり説明します。 npmはJavaScriptの公式パッケージマネージャーです。結構昔からあるやつ。yarnはJavaScriptの非公式パッケージマネージャーです。後から出てきたやつで、npmの弱点を補うようなやつです。ソフトウェアあるあるだね。 yarnの方が良い所 機能としてはyarnの方が優秀と言って良いと思
package.jsonにfilesを書かないあなたは、誰かを少しだけ不幸にしています - Qiita
先に結論だけ package.jsonにfilesフィールドを指定すると、node_modulesに保存されるファイルサイズが減ります。 はじめに この記事は、npmのpackage.jsonに指定するフィールド、filesの指定方法と効用を解説、共有するためのものです。 想定する読者 この記事は、以下の読者を想定して書かれています。 JavaScriptの開発経験がある npmを使ったことがある npmやGitHubでnpmモジュールを公開している 想定する環境 この記事は、以下の環境を想定して書かれています。記事を読む前に、お手元の環境をご確認ください。 filesフィールドとは filesフィールドとは、package.jsonファイル内の設定フィールドです。このフィールドはnpmパッケージがインストールされたとき、どのファイルをnode_modulesにコピーするかを設定します。
publint
What is publint publint lints npm packages to ensure widest compatibility across environments, such as Vite, Webpack, Rollup, Node.js, etc. A full list of lint rules can be found at the rules page. How it works When linting an npm package, the site downloads the tarball from the npm registry, and runs publint against it in a web worker. For larger packages, it may take a while to download and lint
GitHub - azu/githook-lint-staged-example: Git 2.9+(`core.hooksPath`) + Lint Staged without extra dependencies.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Corepack is an experimental tool to help with managing versions of your package managers. It exposes binary proxies for each supported package manager that, when called, will identify whatever package manager is configured for the current project, download it if needed, and finally run it. Despite Corepack being distributed with default installs of Node.js, the package managers managed by Corepack
こんにちは！のせっち@nosecchi01です。 最近流行りのViteを導入し、Web制作に使える環境構築をしていきます。 Viteはとにかくコンパイルの早さが売りのようです。(vite:ヴィットはフランス語で早い） この辺はまだ中・大規模な案件で使用していないのでわからないですが、Gulpではjsのバンドルで特に時間がかかる印象がありますが、Viteは爆速なので期待できます。 今回は、Webエンジニア（コーダー）がViteを使うための設定を解説していきます。
Enrolling all npm publishers in enhanced login verification and next steps for two-factor authentication enforcement
Open SourceSecurityEnrolling all npm publishers in enhanced login verification and next steps for two-factor authentication enforcementToday we're introducing enhanced login verification to the npm registry, and we will begin a staged rollout to maintainers beginning Dec 7. Three weeks ago, we provided an update on our commitment to npm ecosystem security. We promised to provide more details on th
GitHub Actions上でテストを約3倍早くした話 - KAKEHASHI Tech Blog
はじめに こんにちは、LINE上で動くおくすり連絡帳 Pocket Musubi というサービスを開発している種岡です。 ある日チーム内メンバーから CI実行時間がとても長くなり困っている というアラートが発せられました。 実際に確認しに行くと、開発初期の頃は5分ぐらいだったテストが、いつの間にか 20分 以上にもなっていました。 待ち時間は、DX体験を損なうだけでなく、本来できたはずである付加価値を生む開発時間を奪う側面も持ち合わせており、即刻対処すべき案件と捉えテストを早くするタスクに取り掛かりました。 結果、当サービス比ではありますが、3倍ほど早くすることができました。 そこで備忘録がてらこちらにまとめてみることにしました。 やったこと 全体の概要図は以下のようになります。 不要なステップの削除 サービスコンテナの利用 マトリクスを使ったテストの並列化 actions/cacheの利
Playwright を使用Windows でも Safari のブラウザテストができます。正確には、WebKit ブラウザでサイトを開けます。 使用するのは、Microsoft が開発している Playwright です。 Playwright は、主に E2E テストの自動化などで使用します。ただ、OS に関係なく Chromium、Firefox、WebKit のブラウザでサイトを開くこともできます。 この記事は Test Your Site In Every Browser を参考にし、試したことを書いています。詳しい説明は、元記事をご覧ください。YouTube での解説もあります。 やり方Windows で Safari のブラウザテストを開始するまで、全部で 6 ステップあります。早ければ 2 ~ 3 分で終わります。 2 回目以降は、6 ステップ目だけでテストができます。 ス
ググってもあまり日本語の記事がヒットしないので簡単に説明を載せておきます。まれにpackage.jsonでoptionalDependenciesというものにパッケージ名が指定されていることがあります。 "dependencies": { ... }, "devDependencies": { ... } "optionalDependencies": { "sharp": "0.26.3" } optionalDependenciesとは optionalDependenciesは利用可能であればインストールされるが、利用不可であっても他の処理を止めたくない場合に使用します。 以下npm公式ドキュメントの引用です。 If a dependency can be used, but you would like npm to proceed if it cannot be found or
npm automation tokens
October 2, 2020 npm is introducing a new setting for access tokens to support publishing to the npm registry from CI/CD workflows. Previously, you could create an access token with one of two settings: read-only, and publish. A publish token allows you to publish packages, like the name implies, but if you have two-factor authentication (2FA) enabled on your account, you'll be prompted for your on
This domain has expired. If you owned this domain, contact your domain registration service provider for further assistance. If you need help identifying your provider, visit https://www.tucowsdomains.com/
npm5からnpm cache cleanだけではダメらしい gulpに不具合があり、npm cache cleanしようとするとうまくいかない。 $ npm cache clean npm ERR! As of npm@5, the npm cache self-heals from corruption issues npm ERR! by treating integrity mismatches as cache misses. As a result, npm ERR! data extracted from the cache is guaranteed to be valid. If you npm ERR! want to make sure everything is consistent, use `npm cache verify` npm ERR! instead.
標準の https://www.npmjs.com 以外の場所で Javascript ライブラリを管理したい場合、自分で npm registry を運用する必要がある。独自 npm registry として使える物として Artifactry や verdaccio など色々あるようなので調べた。 まとめ http://localhost:4873 に独自 npm registry がある時 レポジトリの設定 パッケージの .npmrc に registry=http://localhost:4873 と書く。 パッケージの公開 (要するに独自 npm registry だからと言って特に特殊な所は無い) npm adduser npm publish パッケージのインストール (Verdaccio の場合独自 registry に無ければ npmjs を探す) npm install
Deno Deploy makes it easy build and host any JavaScript app, function, or API server. Programming is faster and easier with Deno’s simple and robust APIs — web standard APIs, Node.js built-ins, and essential cloud services turned into first class JavaScript APIs, such as Deno KV (now in open beta). Your applications are run close to your users across 35 regions in the world, ensuring minimal laten
npm audit fix --force しても直らない！〜TypeScriptとReact/Next.js本5章で発生した問題を解決する
{ "name": "can-badge-market-nextjs", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint --dir src", "format": "next lint --fix --dir src", "storybook": "start-storybook -p 6006", "build-storybook": "build-storybook", "test": "jest" }, "dependencies": { "@emotion/react": "^11.10.0", "@emotion/styled": "^11.10.0", "@m
GitHub - azu/ni.zsh: Alternative `ni` written in zsh: npm/yarn/pnpm/bun with the same command
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
In recent months, I've noticed a dramatic increase in TypeScriptpackages on GitHub. I usually come across them when checkingrepositories of the people I follow like. Or, when I'm looking fordependencies to solve a problem in my projects. And the more TypeScriptpackages I'm encountering, the more often I get reminded of this littleannoyance towards the project. My context is that I've not looked in
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yarnを使うプロジェクトでnpm installを禁止する方法 - Qiita
NetlifyでWebサイトを公開する方法 - Qiita
@nx/react | Nx
NPM Kiosk - A new way to sell NPM packages
New npm features for secure publishing and safe consumption
Release v5.0.0 · facebook/create-react-app
npm provenance general availability
Openbase.ioって言うサイトが面白い！ - Qiita
【npm初心者】なんんとなく使っていた npm install の --save-dev ついて調べてみた
4 reasons to avoid using `npm link`
license-checkerでnpmの依存ライブラリのライセンスを確認する - Qiita
AWS Amplify フレームワーク 入門メモ - Qiita
Improvements to granular access tokens on npm
husky(v4, v6) と simple-git-hooks どちらを使うべきか
GitHub - npm/pacote: npm fetcher
【JS】yarnの長所とyarnからnpmに戻ってきた理由 | JavaScriptに関するお知らせ
Corepack | Node.js v21.7.3 Documentation
Webエンジニア（コーダー）向けVite環境の紹介【初心者向け解説】
Windows で Safari のブラウザテストをする - FirstLayout
npmのoptionalDependenciesとは
aggre.io - aggre リソースおよび情報
npm5からnpm cache cleanだけではダメらしい｜2001Y's Blog
独自の npm registry を使う - Qiita
Announcing native npm support on Deno Deploy
TypeScript is weakening the JavaScript ecosystem