node_modulesの問題点とその歴史 npm, yarnとpnpm
皆さんnpmパッケージのバージョンを上げるときにハマって依存地獄から抜けられなかったことはありませんか？ 私はあります。 複雑怪奇な依存関係を調べてみようとnode_modulesを覗いてみて、そのカオスっぷりに臭いものに蓋をしたことはありませんか？ 私はあります。 そこでnode_modules以下について調べてみたのですが、node_modulesにどんな問題点があって、npmやyarn, pnpmは何を目指していたのか時系列順に紐解いた方がわかりやすいことに気づきました。 ここでは初期のnpmが抱えていた問題から今に至るまでを順を追って説明します。 するとnode_modulesの仕組みの他に、各パッケージマネージャの方針の違いが見えてくるはずです。 初期の頃のnpm (~2015年以前) この頃はシンプルで、依存関係はそのままnode_modulesのディレクトリ構造に反映されてい
rimraf
This first parameter is a path or array of paths. The second argument is an options object. Options: preserveRoot: If set to boolean false, then allow the recursive removal of the root directory. Otherwise, this is not allowed. tmp: Windows only. Temp folder to place files and folders for the "move then remove" fallback. Must be on the same physical device as the path being deleted. Defaults to os
【Node.js】ES Moduleで__dirnameを使う方法
問題・背景｜ReferenceError: __dirname is not defined in ES module scope Node.jsで__dirnameを使用すると、現在のJavaScriptファイルが存在するフォルダーのパスを取得できる。 Node.jsを扱っている者なら、利用することが多い機能の1つだと思う。 がしかし、__dirnameはCommon JSでしかサポートされておらず、ES Moduleで利用しようとすると怒られてしまう。 ReferenceError: __dirname is not defined in ES module scope This file is being treated as an ES module because it has a '.js' file extension and '/example/example/exampl
人気のJSON Webトークンライブラリに脆弱性 影響範囲は
Palo Alto Networksが発見したリモートコード実行（RCE: Remote Code Execution）の脆弱性「CVE-2022-23529」は、共通脆弱性評価システム（CVSS: Common Vulnerability Scoring System）のスコア値で7.6となり、深刻度は「重要」（High）とされる。 脆弱性が存在するとされるプロダクトおよびバージョンは以下だ。 node-jsonwebtoken 8.5.1およびこれよりも前のバージョン 脆弱性が修正されたプロダクトおよびバージョンは以下だ。 node-jsonwebtoken バージョン9.0.0 同脆弱性はリモートコード実行が可能だが、実際にサイバーセキュリティ攻撃を行うのは困難だと分析される。共通脆弱性評価システムで「緊急」（Critical）に分類されていないのはそうした理由からだ。 一方、Jso
エラー「Port 3000 is already in use.」の解消法
nodeのアプリを立上あようとしたら、「Port 3000 is already in use.」のエラー出ました。 どうやら 3000 ポートは既につかわれているようです。 どんなプロセスに使われているのかを調査して、消す必要があります。 まず、3000 ポートが使用しているプロセスを表示 lsof -i :3000 出力例↓ COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 44702 admin 46u IPv6 0x6741d65b67cf582f 0t0 TCP *:hbci (LISTEN) node 44702 admin 54u IPv6 0x6741d65b67cf7aaf 0t0 TCP localhost:hbci->localhost:64087 (CLOSE_WAIT) 表示された２列名はプロセスIDに
npm installでエラーが出た時にとりあえずやってみること - Qiita
はじめに npm installでしょっちゅうエラーにぶち当たるので備忘的に残しておきます。 npmってなんぞ？って方はこちらの記事とか参考になるかと思います。 とりあえず確認しとく項目 1. nodeとnpmのバージョンを見直す 2. node_modules フォルダとpackage-lock.json（場合によっては node-gyp も）を削除 3. npm install 実行するディレクトリを変える 各詳細は後述します。今回はdockerとlaravelを使用して環境構築しています。 発生したエラー docker-compose up -dでコンテナ作成したあと、 npm installコマンド実行しようとしたら出たエラー。 $ docker run -it --rm -v $(pwd):/app -w /app node npm install ... gyp ERR! bu
様々なビルドツールを渡り歩いた末にLaravel Mixを選択した理由 2020年版 作業環境を晒します〜フロントエンド開発環境編〜 - arms inc. Engineers' Blog
以前の記事で、「次回はさらにフロントエンド開発に寄せて、モジュールバンドラやタスクランナーについてご紹介できたら」と予告していましたが脱線してしまいましたので、今回はビルドツールにスポットを当てたいと思います。 tech.arms-soft.co.jp ビルドツールとは 今ではフロントエンドの開発環境にはなくてはならないと言っても良いほどのツールです。 主に下記の処理を行なってくれます。 pug、EJSなどのテンプレートエンジン SASS、PostCSSなどのCSSプリプロセッサ モジュールの依存関係の解決 BabelなどのJavascriptトランスパイラ Vue、Reactなどのフレームワーク stylelint、eslintなどの構文チェッカー さらに、画像の圧縮やブラウザのオートリロードなど、様々な動作を行なってくれます。 ただ便利な反面、様々なツールが登場し続けていて、そのツール
絶対つまずかないGulp 5入門 - インストールとSassを使うまでの手順 - ICS MEDIA
ウェブサイト制作には煩雑な処理を自動化する「タスクランナー」や「ビルドシステム」というツールがあります。この記事では、タスクランナー「Gulp.jsガルプ」の導入手順を解説します。 導入は簡単で、本記事の手順では5分程度でセットアップできます。Gulpはコマンドラインで使うのが一般的ですが苦手な人でも安心して学べるよう、ビデオでも解説します。 この記事で学べること イマドキのGulpの導入手順 Gulp 5に対応した書き方 Sassサスの導入手順 GulpやSassの導入や使い方にはいろんな方法がありますが、この記事では現場で使われている方法を紹介します。Gulpの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。本記事は最新版に対応させているので、安心して読み進めてください。 ※この記事では、Node.js v18〜v20で動作検証をしています。 ※Gulp
バージョン管理ツール「asdf」を使ってみる | 働くひとと組織の健康を創る iCARE
こんにちは、インフラエンジニアのずやです！ 今回は、使ってみてとても便利だったバージョン管理ツールのasdfについて紹介したいと思います！ 背景 弊社ではいくつかのプロジェクトでKubernetesを利用しており、複数のKubernetesクラスターを運用しています。各クラスターのバージョンはアップデートのタイミングの都合などで統一されておらず、複数クラスターを管理する上でクライアントツールであるkubectlのバージョン管理が必要だと感じていました。 （クラスターとkubectlのバージョンが異なっていても操作は可能ですが、バージョンアップに伴うAPIの破壊的変更がある場合もあるので、バージョンは揃えておく方が無難です） そんな折にasdfというツールがあると知りました。 asdfとは asdfはrubyやnodeなどの各種プログラミング言語に加え、kubectlやterraformなど
まだ anyenv (**env) 使ってるの？ asdf を使おう！
しかし、言語ごとにバージョン管理システムをインストールするのはめんどうだ。そこで、これらをまとめた anyenv というものがある。 このツールはとても便利で、筆者も利用していたのだが、一点、致命的な弱点がある。それは、ロードが遅い ことだ。 筆者は ndenv, rbenv, pyenv, phpenv の 4 種類を anyenv で管理していた。そして、シェル起動時にそれらをロードするようにしていた。 ロードするための設定を以下に示す。 # anyenv if [[ -s ~/.anyenv ]]; then PATH="$HOME/.anyenv/bin:$PATH" eval "$(anyenv init -)" fi # ndenv if [[ -s ~/.ndenv ]]; then PATH="$HOME/.ndenv/bin:$PATH" eval "$(ndenv in
Node.jsのバージョン管理ツールおすすめ | 株式会社CAM
こちらはCAM advent calendar 2021の14日目の記事です。 ｜はじめに CAMでWebフロントエンドエンジニアをしている三好です。 Node.jsのバージョン管理ツールはnvmを筆頭に様々なものが存在しています。 私が直近でNode.jsの環境を作った際に結局どのツールを使うべきか悩んだため、各ツールを比較した上で私がどのツールを使うに至ったか、各ツールの使うべき状況を書かせていただこうと思います。 記述されている情報は2021年11月執筆現在の情報です。 ｜今回扱うツールについて 今回は以下のツールを扱います。 ・nvm ・n ・nodenv ・nodebrew ・fnm ・asdf ・Volta ｜ツール選定条件 以下の条件を私が選ぶツールの最低条件としました。 1. macOSとWindowsに対応している ・普段自分でどちらのOSも使用しているため、両方に対応し
デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ - ICS MEDIA
デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッドレスブラウザのPuppeteerパペティアーを使ってデザインとのズレを検知するビジュアル校正テストの方法を紹介します。 ウェブ業界ではデザイン制作とHTML制作が分業である場合がほとんどです。ビジュアル校正テストを導入することで、HTML制作の品質向上に役立てられます。デザインとHTML実装が別の会社のようなプロジェクトでは、HTML実装時の品質保証の担保になりますし、デザイナーとフロントエンドエンジニアが近い組織でもコミュニケーション円滑化に役立つでしょう。ICS
オールインワンな開発環境をanyenvで構築する
はじめに anyenvはバージョンマネージャと呼ばれるツール群を一元管理可能にするツールです。公式が"All in one for env"と謳っており、anyenvだけをインストールすればほとんどのバージョンマネージャを一言管理できるというシンプルさがあります。今回はそんなオールインワンなツールanyenvを紹介します。 なぜバージョンマネージャが必要なのか 世の中には数多くのプログラミング言語が存在し、必ず開発環境を構築することは避けて通れません。プログラミングの環境構築中によくある問題として、特定のバージョンによって動かないパッケージの存在など、プロジェクト毎に異なるバージョンを使いたいといったケースが存在します。またプログラミング言語がバージョンアップするたびに開発環境の構築方法が変わったりすることも多くあるため、複数のバージョンを使用するときに苦労を強いられることもあります。 そ
nodenvでインストールしたいNodeのバージョンがない時の対処法 | DevelopersIO
エラー内容 開発環境で設定されているNodeのバージョン(14.14.0)がnodenvにいない。 nodenv: version `14.14.0' is not installed かつインストール可能なバージョンリストにも14.14.0がいない時の対処法です。 nodenv install 14.14.0 node-build: definition not found: 14.14.0 See all available versions with `nodenv install --list'. 解決方法1 nodenvとnode-buildが最新でない場合はanyenv updateとbrew upgrade node-buildでそれぞれ最新にします。 この方法で最新のバージョンを含む大体のNodeのバージョンがインストールされるので、nodenv install <インスト
nodenvをupdateして新しいバージョンのNode.jsをインストールする - Qiita
nodenvで欲しいバージョンのnodeが見つからない…… プロジェクトで指定されたバージョンのNode.jsをインストールしようとして とうっても、欲しいバージョンがリストに出てこないときってありませんか？ どうやらnodenvはインストール時に登録されているバージョンしか表示してくれないようです。 調べてみても、nodenvを消してから再インストールするみたいな、ええっ🙄という情報が多いです。 nodenvをアップデートする一番簡単な方法 anyenvのプラグインであるanyenv-updateを使いましょう。 ※ そもそもanyenv使っていない人は、こちらなどが参考になります。anyenv、オススメです。 anyenv-updateのインストール anyenvのルートディレクトリ（デフォルトでは~/.anyenv）の下に、pluginsディレクトリを作り、リポジトリをクローンしま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - isaacs/rimraf: A `rm -rf` util for nodejs
gulp-sassインストール時のエラー「`which` failed Error: not found: python2」の対処方法（Windows）
【node-sass】 nodeバージョンを上げた時に発生したError: Can't find Python executable "python", you can set the PYTHON env variable.の直し方 - Simple minds think alike
GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions
「Node.js」の2021年8月セキュリティ更新 ～深刻度「High」2件を含む3件の脆弱性を修正／v12.22.5、v14.17.5、v16.6.2への更新を
