実践: await using でリソース開放

2024/11/05 25 users Polyfill puppeteer impo deno 実践

実践 いつ使うんだこれと思ってたら使う日が来たシリーズ。 今回、Deno で使ったんですが、 Node.js やブラウザでも Polyfill を入れれば動きます。 finaly で puppeteer を終了したい Deno で puppeteer を扱うために、こういうコードを書いてました。 // original import puppeteer from "npm:puppeteer@23.6.1"; impo... 続きを読む

corepack が標準同梱じゃなくなる未来、 mise でパッケージマネージャを管理する

2024/09/11 5 users パッケージマネージャ CLI corepack mise 未来

mise とは 言語環境の管理は *env や *vm を超えて、 mise へ という記事を書いたので詳しくはこちらをご参照ください。 簡単にいうと多言語対応の言語環境マネージャで(もっと多機能なのですが)、npm をバックエンドに node 製の cli まで管理できる、というものです。 つまり、 yarn や pnpm もグローバルでバージョン... 続きを読む

Playwrightでライブプレビューツールを実装する - ベースマキナ エンジニアブログ

2024/08/30 43 users playwright ライブプレビュー ベースマキナ dev

こんにちは、yebis0942です。 先日、@basemachina/bm-view-previewというツールをnpmで公開しました。ベースマキナのビュー機能のソースコードをローカル環境で編集しながら、Next.jsのnpm run devのようにライブプレビューで動作を確認できるツールです。 ライブプレビューはPlaywrightによってコントロールされたChrom... 続きを読む

トロイの木馬化したjQueryがGitHubやCDN経由で拡散　米セキュリティ企業が警告

2024/07/09 37 users jQuery GitHub Phylum バージ トロイ

米セキュリティ企業のPhylumは7月3日（現地時間）、JavasScriptライブラリ「jQuery」の特定バージョンがトロイの木馬化され、GitHubなどで拡散していると警告した。 同社は5月26日、パッケージ管理システム「npm」でトロイの木馬化されたjQueryを確認。少なくとも1カ月にわたって、数十のパッケージで“汚染”されたバージ... 続きを読む

トロイの木馬化された「jQuery」がnpmやGitHubで拡散

2024/07/09 211 users jQuery GitHub Phylum トロイ サプライ

海外のセキュリティ企業「Phylum」はトロイの木馬化された「jQuery」がnpmやGitHub、jsDelivr のCDNホストで拡散している事を指摘しました。 「jQuery」を悪用したサプライチェーン攻撃の概要 Phylumは 2024 年 5 月 26 日以来、トロイの木馬化された jQuery のバージョンを悪用する執拗なサプライ チェーン攻撃者を監視... 続きを読む

強力な「WinGet」を親しみやすいGUIで ～「WingetUI」改め「UniGetUI」v3.1.0が公開／「Scoop」「Chocolatey」「Npm」などもカバーしたパッケージマネージャークライアント

2024/07/05 22 users Scoop Chocolatey winget GUI

続きを読む

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

2024/05/10 13 users pnpM ユーン node_modules エンジニア 構造

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

Node.js の進化に伴い不要となったかもしれないパッケージたち

2024/05/06 111 users node.js 進化 ESM require tl;dr

tl;dr はじめに 2024 年の 4 月 24 日に Node.js 22 がリリースされました。ESM を 条件付きで require する機能や、--run フラグによる npm スクリプトのパフォーマンス改善などが v22 で追加され、2009 年に Ryan Dahl が Node.js をリリースしてから 15 年が経つ今も、Node.js は進化を続けています[1]。 こうして No... 続きを読む

JavaScriptパッケージシステム「npm」は巨大なバグを抱えていると指摘し、新たなパッケージシステムを開発する「vlt」。npm作者らの参加を発表

2024/04/03 87 users VLT ホールド パク VOLT パッケージシステム

JavaScriptパッケージシステム「npm」は巨大なバグを抱えていると指摘し、新たなパッケージシステムを開発する「vlt」。npm作者らの参加を発表 npmに代わる新しいJavaScriptのパッケージシステム「vlt」（vōlt：ボールト）を開発しているvlt technologyは、同社にnpmの作者であるIsaac Z. Schlueter氏、npmのスタッフエ... 続きを読む

Deno、モダンなJavaScript/TypeScriptに最適化したパッケージレジストリ「JSR」パブリックベータ公開。Node.js、Bun、Cloudflareなどにも対応

2024/03/03 21 users JSR パブリックベータ Bun CloudFlare 開発

JavaScript/TypeScriptランタイムの「Deno」を開発提供しているDeno Land Inc.は、モダンなJavaScriptおよびTypeScriptに最適化した新しいパッケージレジストリ「JSR」をパブリックベータとして公開しました。 現在、JavaScriptのパッケージレジストリは、Node.js用に構築され、GitHubが運営するnpm（Node Pacage Manage... 続きを読む

Azrueのプロダクト名のtypoを検知するtextlintのルールをnpmで公開してみた - Alternative Architecture DOJO

2023/12/23 8 users adventar.org 花岡 お祭り騒ぎ typo 時期

こんにちは、クラウドソリューション部の花岡です。 この記事はオルターブースアドベントカレンダー2023の23日目の記事です。 adventar.org だんだんとクリスマス 🎄 が近づいてきました！ 街はにぎやかお祭り騒ぎでチキンライスが食べたくなる時期です はじめに 今回は文章校正ツールである(textlint)https://textlint.... 続きを読む

Microsoft、各種シェルに600を超えるコマンド補完を掲げる「inshellisense」

2023/11/07 16 users PowerShell Microsoft zsh bash

Windows、Linux、MacOS各OSでのbash、zsh、fish、pwsh、powershell(Windows Powershell)にIDEライクなコマンド補完機能を提供するOSS「inshellisense」0.0.1-rc.1がMicrosoft公式GitHubでこのほど公開された。MITライセンスで提供されている。 パッケージ管理ツールnpmを通じて下記のコマンドでインストールできる。 npm... 続きを読む

zeno.zsh を活用して Node.js パッケージマネージャの違いを吸収する - エムスリーテックブログ

2023/10/25 15 users パッケージマネージャ YARN pnpM node.js 巨塔

永山です。 神話の時代、天を衝く巨塔を築こうとした高慢な人類の Node.js パッケージマネージャは様々に引き裂かれたと言われています。 現代においてよく使用されているものだけでも npm, Yarn, pnpm などがあり、エムスリー社内でもプロジェクトによってどのパッケージマネージャが採用されているかはバラバラです。 ... 続きを読む

社内で使う npm パッケージの作成に Deno を採用した話 - Cybozu Inside Out | サイボウズエンジニアのブログ

2023/10/11 11 users deno サイボウズエンジニア CJS ESM パッケージ

こんにちわ。フロントエンドエキスパートチームの@nus3_です。 最近、社内用の npm パッケージを作る必要があり、そのパッケージは依存が少なく、実装もシンプルだったので、npm パッケージの作成には Deno と dnt を採用しました。 dnt とは dnt は Deno で実装したモジュールを CJS、ESM に対応した npm パッケージに... 続きを読む

モノレポの手癖を deno で CLI ツールを作って楽にしたい

2023/09/26 17 users 手癖 deno Workspace foo YARN

deno で CLI ツールを作っていたら楽しくなって色々作っていた。 課題: モノレポの諸々の操作がだるい npm/pnpm/yarn の workspace を使っていると、次のようなディレクトリ移動が段々面倒になってくる。 foo を build して bar を build してルートから bar のテストを流す、みたいなことをするとこういう感じになる。 ... 続きを読む

ライブラリにTypeScriptコードを同梱するときはディレクトリを分けよう - Qiita

2023/09/20 6 users Qiita index.ts ディレクトリ ライブラリ 構造

ライブラリがこんな構成になっていませんか？ TypeScript製のライブラリをnpmで配布するとき、そのパッケージの構成は次のようなフラットな構造になっていませんか？フラットな構造とは、TypeScriptファイル(.ts)と、型定義ファイル(.d.ts)が同じディレクトリにあるような構成です。 ├── index.ts ...... TypeScriptファ... 続きを読む

Bun workspace で始めるモノレポ生活

2023/09/16 9 users Bun package.json Workspaces 複数

Bun workspace で始めるモノレポ生活 2023.09.15 Bun では `package.json` の `workspaces` を使用することでモノレポの管理が可能です。この記事では Bun によるモノレポを試してみます。 Bun はパッケージマネージャーとしても利用できるので、npm の workspaces によるモノレポ管理も可能です。モノレポとは、複数の... 続きを読む

ni.zsh: npmインストール時のサプライチェーン攻撃を検知する機能を追加

2023/08/29 8 users サプライチェーン攻撃 Bun 機能 追加 YARN

npm/yarn/pnpm/bunを同じコマンドで扱えるni.zshに、npmで配布されているマルウェアを間違ってインストールするのを防ぐ機能を追加しました。 ni.zshについては、次の記事を参照してください。 npm/yarn/pnpm/bunを同じコマンドで扱える ni のzsh実装を書いた | Web Scratch npmパッケージのマルウェア npmパッケージと... 続きを読む

Deno + dntでCJS・ESMに対応したnpmパッケージを作ろう

2023/08/10 6 users DNT deno npmパッケージ CJS ESM

3 行まとめ CJS、ESM に対応した npm パッケージが Deno + dntで簡単に作成できる Deno で開発できるので、Lint、Format、Test、TypeCheck が設定なしですぐに使える dntで作成した CJS、ESM のファイルに対して、それぞれ Node.js でもテストを実行してくれる Deno のモジュールを npm パッケージに変換するdnt Deno の... 続きを読む

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

2023/06/23 241 users カオスっぷり YARN pnpM node_modules

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

Node.js 14から18へアップデートする方法について

2023/04/29 50 users node.js EOL 方法 corepack タイトル

Corepackを使ってNode.jsをアップデートする ⬆️⬆️というタイトルで、Node.js 14からNode.js 18へのアップデートする方法について話した。 Node.js 14は4月末でEOLで、Node.js 18までアップデートする必要があるけど、npmの変更が混ざって大変です。 Corepackを使うことで、Node.jsとnpmのアップデートを同時にやらなくても... 続きを読む

【環境構築】DockerでReactをnpmを使用して作成&起動する方法（JavaScript編） - Qiita

2023/04/21 7 users Qiita Docker React Reactプロジェクト

背景 【環境構築】Reactのプロジェクト作成&起動方法について 〜npm・yarn & JavaScript・TypeScript〜で、Reactには複数のプロジェクトの起動＆作成方法があることをご紹介しました。 この記事は、「1.1.npmでJavaScriptを使用してReactプロジェクトを作成する方法」の解説記事になります。 目標 npmでJavaScriptを使用... 続きを読む

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

2023/04/15 9 users Mitsuyuki.Shiiba pnpM パッケージ

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

npm/yarn/pnpm/bunを同じコマンドで扱える ni のzsh実装を書いた

2023/03/24 9 users Bun パッケージマネージャ YARN pnpM antfu

niという npm/yarn/pnpm/bun を同じコマンドでインストール/アンストールコマンドを実行できるツールがあります。 antfu/ni: 💡 Use the right package manager 仕組み的には、各パッケージのロックファイルやCorepackで決められたpackageManagerフィールドの値から、どのパッケージマネージャを使うかを判断しています... 続きを読む

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

2023/03/15 8 users Mitsuyuki.Shiiba 手がかり npm ci

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