JSパッケージ管理ツールpnpmの概要と内部構造を眺める | フューチャー技術ブログ
画像はpnpm Logosより引用しました。 2022年に入社したTIGコアテクノロジーユニット所属の齋藤と申します。 Vercelに触れてみようVercel CLIのインストール方法を調べていたところ、パッケージ管理ツールを用いたインストール方法としてnpm, Yarnと並んでpnpm1が書かれていました。npmとYarnは利用したことがある一方で、pnpmは馴染みがなく、触れたことがありませんでした。 pnpmではどのようにパッケージを管理しているかなどの特徴を調べました。 pnpmの概要pnpmはJavaScript系のパッケージ管理ツールです。pnpmはperformant npmの略であり2、その名の通りパフォーマンス性を重視した設計になっています。 package.jsonを利用するほか、npmリポジトリにあるほとんどのパッケージが利用可能であるなど、npmとは互換性を持ってい
Node.js 14から18へアップデートする方法について
Corepackを使ってNode.jsをアップデートする ⬆️⬆️というタイトルで、Node.js 14からNode.js 18へのアップデートする方法について話した。 Node.js 14は4月末でEOLで、Node.js 18までアップデートする必要があるけど、npmの変更が混ざって大変です。 Corepackを使うことで、Node.jsとnpmのアップデートを同時にやらなくても良くなり、問題を分割して対応できます！ Corepackを使ってNode.jsをアップデートする ⬆️⬆️https://t.co/mRHsBcYbpn pic.twitter.com/HiiCe7c5YE — azu (@azu_re) April 28, 2023 スライド: Corepackを使ってNode.jsをアップデートする ⬆️⬆️ Note: Node.js 14は2023-04-30でEOLで
[小ネタ]local-ssl-proxyを利用したNext.js開発環境のHTTPSアクセスを簡単にしてみた | DevelopersIO
こんにちは！DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 先日、ローカルのNext.js開発環境にHTTPSアクセスができるようにしてみたのですが、その際には以下のようにnpx local-ssl-proxyコマンドを追加で叩いてHTTPSアクセスをするようにしていました。 % npx local-ssl-proxy \ --key localhost-key.pem \ --cert localhost.pem \ --source 3001 \ --target 3000 一方で、この方法は普段のローカル開発サーバの起動の仕方、つまりyarn devとちょっと違うので少しやり方を変えてみました。 local-ssl-proxyをインストールする まずはlocal-ssl-proxyをDevelopment Devendencyで追加インストールしてしまいま
![[小ネタ]local-ssl-proxyを利用したNext.js開発環境のHTTPSアクセスを簡単にしてみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd8c8aded44f616be3bf35185a5b9c71d6342f43/height=288;version=1;width=512/https%3A%2F%2Fd1tlzifd8jdoy4.cloudfront.net%2Fwp-content%2Fuploads%2F2021%2F12%2Feyecatch_NextJS_1200x630.png)
GAS でも npm のライブラリを使いたい - yKicchan's blog
GAS で bot 作る時にふと npm に公開されてる便利なライブラリ達を使えたら便利だなと思い至ったのでやってみた話 構成 実行環境: GAS 使用言語: TypeScript ビルドツール: webpack + babel デプロイツール: clasp 今回作ったサンプルはこちら。 説明しないこと GAS + clasp の使い方など基本的なところは割愛するので、知らない人は @FruitRiin さんの Google App Script(GAS)をローカルで快適に編集して同期しよう！ を参考にどうぞ。 解説 スーパーエンジニアのみなさんは構成で完全に理解した思うが、webpack + babel でビルドしたものを clasp を使って GAS にぶち上げているだけ。 1. プロジェクトの準備 ディレクトリ作成、npm の初期化 $ mkdir MyBot $ cd MyBot
Node.js向けHTTPクライアントGot - kamoqq.info
普段はクライアントサイドのJSも書くことがあるのでNode.jsではnode-fetch を使っているのですが、StreamAPIが使いたかったりクライアントの層でキャッシュしたくなっていい感じのHTTPクライアントないかなと思って探してみたらGot というライブラリを見つけたので試してみました。 特徴 詳細 はREADME参照ですがいくつかかいつまんでみるとこんな感じです。 サイズが軽量でrequest の1/10程度 PromiseとStreamAPI両方に対応 RFC 7234に準拠したキャッシュ リダイレクトのフォロー リトライ HTTP2は実験的なサポート ブラウザには非対応 名前からお察しの通りググラビリティは壊滅的 ライセンスはMIT （9.6.0現在） 使い方 インストール yarnかnpmでインストールするだけでOK。 $ yarn add got 以後のサンプルは9.6
Node.jsパフォーマンスチェックポイント ～TechFeed Conference 2022講演より | gihyo.jp
TechFeed Conference 2022 Pick up Node.jsパフォーマンスチェックポイント ～TechFeed Conference 2022講演より 本記事は、2022年5月に開催されたTechFeed Conference 2022のセッション書き起こし記事「Node.js パフォーマンスチェックポイント（kohta ito） — TechFeed Conference 2022講演より」を転載したものです。オリジナルはTechFeedをご覧ください。 よろしくお願いします。伊藤です。Node.jsパフォーマンスチェックポイントというタイトルでLTをさせていただきます。 Node.jsはフロントエンドと同じJavaScriptでバックエンドを記述できるため、フロントエンドを主戦場とするエンジニアもバックエンドに関わりやすいというメリットがあります。 ですが、フロ
僕らを縛る Node.js という呪いについて
これ僕らの物語であり、僕と君の物語であるかもしれない。 数日前、友人が言った。「久しぶりに Rails を書いたけれど、Node.js の良さに敵わない」と。 その言葉に同意しながらも、他方で少し不思議に思う。 いつから僕らは Node.js しか使わなくなったのか。あれだけ話していた Rails などの多くの Web 技術にときめかなくなったのか。と。 もちろん、使えないというわけではない。寧ろ今現役で十分な活躍をしているフロントエンドの人間は、等しく皆「主役であるバックエンドのサブとして存在するフロントエンド」を経験してきている。 書こうと思えば書ける。だがその中で、敢えてフロントエンドとその技術を選んできた。 だけど今はどうだろう。フロントエンドエンジニアはもはや「JavaScript を扱うソフトウェアエンジニア」となり、一般的なバックエンドは勿論、Node.jsが一級市民として存
middy-profilerでNode.jsのLambda functionをプロファイルしてみた | DevelopersIO
MAD事業部@大阪の岩田です。 先日NODE_OPTIONS=–enable-source-mapsを有効化したLambdaのパフォーマンスが遅くなる現象に遭遇しました。 この事象について調べた際以下のツイートが検索にヒットし、そこからNode.jsのLambda functionをプロファイルするのに使えるmiddy-profilerというライブラリを知りました Spent most of the day hunting a performance issue with Node.js on AWS lambda, found it, and fixed it. Execution time. Before: 1s, after: 150ms To track and optimize such performance issues, read this quick debugging-
Node.js における ES Modules を理解する - 30歳からのプログラミング
記事執筆時点での最新版の Node.js では、モジュールシステムとして ES Modules を使うことができる。 また、CommonJS で書かれたモジュールを ES Modules で読み込むこともできる。 Node.js のモジュールシステムは複雑すぎて苦手意識があったので、整理した。 この記事の内容は、Node.js のv14.7.0で動作確認している。 Node.js のモジュールシステムはバージョン毎に挙動が大きく変わるので、注意が必要。 そのファイルは CJS なのか ESM なのか Node.js で使えるモジュールシステムとして、ES Modules（以下、ESM）の他に CommonJS（以下、CJS）があり、CJS がデフォルトになっている。 Node.js におけるモジュールシステムを理解するためにはまず、Node.js が各ファイルをどのモジュールシステムとして
ES Modules形式をCommonJS形式でも利用できるようにする - Qiita
YAMAP エンジニア Advent Calendar 2019 の12日目になります。 YAMAPで、フロントエンドエンジニア？として活動中の @issyxissy です。 フロントエンドエンジニアと言っても、他にもいろいろなことやっています。 YAMAPでは、Nuxt.js + Vue.jsを使ったフロントエンドの開発を行っています。 ( https://yamap.com をみていただければと〜） 最近、ちょっと悩んだことがあって、解決できたので、まとめてみました。 ケース Node.js と Vue.jsで、共通関数を使いたい・・・ 問題 Node.jsは、CommonJS 形式 (module.exports / require() ) Vue.js (ブラウザ環境) は、 ES Modules 形式 (export / import ) となるため、 共通関数をES Modul
# CommonJS と ES6の import/export で迷うなら - Qiita
はじめに いつもはes6のモジュール管理方式であるimport/export(ES modules)を使って、npmで手に入れたライブラリや自分で作成したモジュールをロードしているが、たまに思った挙動にならないことがある。また、export defaultしたモジュールをテストしようとしてkarmaでrequire()するとエラーになったりした。そういう場合は、とりあえずmodule.exportsを使ってみるとうまくいったりすることが多いのだが、なぜなのかはあまり考えていなかった。 ということで、実際にはどうなっているのか、またモジュールシステムとは何なのかという点で基本的なことから理解を深めて、es6のimport/exportとの違いを知り、より正しく実装できるようになれば良いと思っている。 結論としては 方針としては基本的にはES6形式で記述するが、CommonJS形式の読み書きが
Node.jsライブラリ/ツールをESMに移行する[Node.js 12+]
パッケージの移行 パッケージをESMなパッケージとして明示する方法は2つ .mjs の拡張子を使う package.json の type フィールドに module の値を設定する 基本的にパッケージ単位で移行すると思うので、後者の package.json の "type": "module"を設定する。 この設定をすると、パッケージ内のJavaScriptがモジュールのコンテキストで実行されるようになる。 モジュールでは常にstrict modeとなり、Node.jsのESMではrequire、exports、__dirname、__filename などが利用できなくなる。 代わりに、ES2015+のimportとexport文がモジュール構文として利用できるようになる。 JavaScript モジュール - JavaScript | MDN Differences between
![Node.jsライブラリ/ツールをESMに移行する[Node.js 12+]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e5d02dd4b4470fe1aa0b6dc49fb67aee46c2883/height=288;version=1;width=512/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FAOh14Gh5aVg_ccNbbR5jIUsiJw7NuPCWIwaqq1-nXKs5Bw%3Ds250-c)
Windows 環境から Node.js を完全に削除する方法をやってみた | DevelopersIO
Microsoft 公式ドキュメントを読んでみる Windows に Node.js をインストールする方法は Microsoft 公式ドキュメントに記載されています。 上記に Node.js バージョン管理ツールの nvm のインストール手順も記載されており、その中で既存の Node.js の削除について Stack overflow を参照するようにリンクされています。 Stack Overflow を読んでみる How to remove Node.js from Windows: 0.Take a deep breath. 1.Run npm cache clean --force 2.Uninstall from Programs & Features with the uninstaller. 3.Reboot (or you probably can get away wit
javascript pug template - Google 検索
The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “ ...
Auth0のパスワードポリシーを満たすパスワード文字列をNode.js (generate-password) で生成する | DevelopersIO
こんにちは、CX事業本部の若槻です。 以前の下記エントリでAuth0 Management APIのNode.js向けSDKのcreateUserを使用してユーザーを作成する方法を紹介しました。 Auth0 Management APIを使用してNode.jsでユーザーを管理してみた | DevelopersIO この時、createUserのパラメーターではpasswordの指定が必須となります（指定なしの場合はエラーとなる）が、固定の文字列を指定するわけにはいかないので、ランダムなパスワード文字列を生成する仕組みが別途必要となります。 今回は、Auth0におけるユーザーのパスワードポリシーを満たすパスワード文字列をNode.js (generate-password) で生成してみました。 Auth0のパスワードポリシーの強度 Auth0のパスワードポリシーの強度には下記の5段階があり
プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法
プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法 2020年でJavaScript学ぶならきっとブラウザ向けJSガン無視していきなり初手node.js（ただし暫く何も足さない）がいいんじゃないかというメモ - min.t (ミント) Node.js を教えることについて、自分は賛成なんですが、その学習パスが整理されてないなと思っていたのと、学習パスがなぜ整理されていないかについて書きます。 はじめに 問題意識として、今のプログラミングスクールや独学勢が Ruby on Rails に偏っていて、 Node.js の人間としては、歯がゆく感じているんですが、実際 Node.js を教えるとしても問題も多いと認識しています。 歴史の話は、当時の実情や政治を省いて結果だけを書きます。具体的には第一次ブラウザ戦争、第二次ブラウザ戦争を言及しませ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Corepackを使ってNode.jsをアップデートする ⬆️⬆️
npm-scripts：pre・postプレフィックスを利用して、スクリプト実行前後に別のスクリプトも実行させる方法 - NxWorld
GitHub - subnub/myDrive: Node.js and mongoDB Google Drive Clone
GitHub - localtunnel/localtunnel: expose yourself