2024年こそ corepack を使おう

2024/01/02 10 users corepack README npm install おー

普段の開発では nodenv を使って各プロジェクトのバージョンに合わせた Node.js をインストールしています。その後、各プロジェクトの README や package.json を頼りに npm install -g yarn や npm install -g pnpm することが多いです。 先日、同僚から「最近は corepack 使ってますよ」と教えてもらったので、「おー... 続きを読む

npm workspacesで、TSファイルを共通モジュールとして使い回す | Memory ice cubes

2023/10/10 16 users Memory ice cubes tsファイル MyApp

ということをやりたくて、こうやったらできたという覚書。 やりたいこと こういうモノレポ構成とする。 - package.json - package-lock.json - packages - shared - app1 - app2 で、app1にあるコードベースを@myapp/app1とした場合、@myapp/sharedに置いたTSファイルを、そのままモジュールとして利用したいとする。 im... 続きを読む

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

2023/09/16 9 users Bun npm Workspaces パッケージマネージャー

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

【YouTube更新！】 古川陽介に聞く！フロントエンド最前線#3 ー Node.js v.20リリース／Denoがpackage.jsonに対応した理由

2023/05/22 5 users TechFeed deno 古川陽介 白石 フロントエンド界隈

古川陽介さんとTechFeedがコラボして、フロントエンド技術の最新動向を月イチでお届けする連載企画、「古川陽介に聞く！フロントエンド最前線」の新着動画が公開されました！ こんにちは、TechFeed CEOの白石です。 日本のフロントエンド界隈をリードし続ける古川陽介さんとTechFeedがコラボして、フロントエンド技術の... 続きを読む

DenoがNode.js互換レイヤを本体に統合し高速化、package.jsonサポートでNode.jsからの移行がさらに容易に。Deno 1.31リリース

2023/03/07 8 users deno node.js 移行 本体 高速化

DenoがNode.js互換レイヤを本体に統合し高速化、package.jsonサポートでNode.jsからの移行がさらに容易に。Deno 1.31リリース JavaScriptランタイムのDenoの最新版「Deno 1.31」が2月24日にリリースされました。 Deno 1.31ではNode.js互換機能が本体に統合され、package.jsonのサポートでNode.jsからの移行がさらに容易... 続きを読む

ESM treeshake に対応したバンドルサイズを計算してくれる Shakerphobia を作った

2022/03/24 8 users バンドルサイズ dist npm import モジュール

bundlephobia.com というサイトがあります。これは npm のモジュールを参照した際のバンドルサイズを算出してくれるサービスです。 便利なんですが、基本的に dist/.. 等の package.json の main で配られるものだけをターゲットにしているので、 ESM Treeshake で一部のモジュールだけ import {} from ... した際のバン... 続きを読む

corepack でモジュールごとに npm クライアントを指定する

2022/02/02 11 users corepack npm teppeis YARN https

tl;dr node 14.19.0 で npm のバージョンを明示的に切り替える corepack が入った package.json の packageManager フィールドで npm 自体のバージョンや yarn の使用するバージョンを指定できる 詳しくは https://zenn.dev/teppeis/articles/2021-05-corepack 現状の npm-cli 自体が corepack に対応してないので、有効... 続きを読む

turborepo で monorepo の差分ビルド

2022/01/06 11 users monorepo turborepo ビルドツール ビルド

Turborepo vercel が開発した monorepo 環境のためのビルドツールです。vercel ですが next 非依存です。 turborepo が何を解決するか node.js に限らず monorepo 環境下では、それぞれの内部モジュールのビルドは個別に行われることが多いです。ここでいう内部モジュールは、 package.json を持つディレクトリ単位、と... 続きを読む

amplify でモノレポのパッケージをデプロイする最小構成

2021/08/17 6 users Amplify alias monorepo root 標準

今思えばすごく簡単な話でしたが、monorepo を実現する最小構成が分からなくてちょっとつまづいたのでメモです。 そもそも monorepo 用の設定はいるのか？ amplify は標準で monorepo 用のサポートや機能が存在しています。 ユーザーからしてみれば、root の package.json から 各 workspace への alias を貼っておき、r... 続きを読む

Github Actions で他のリポジトリからの変更通知を受け取ってPRを作成する Workflow | Zenn

2020/09/30 22 users workflow Zenn Publish リポジトリ 依存

やりたいこと リポジトリ A は npm package を publish したことを リポジトリ B に通知したい リポジトリ B は 通知を受けたら package.json を更新する PR を作成したい 個人のリポジトリでの依存ならこの需要は少ないかもしれませんが、社内でリポジトリを分割してたりすると、更新漏れが発生したりします。それを機... 続きを読む

package.jsonのpeerDependenciesMetaってなんだ？ - Qiita

2020/05/02 8 users Qiita モジュール 警告 フィールド パッケージ

TL;TD package.jsonに記述するフィールドで、peerDependencies で定義したバージョンを満たしてなくても警告を出さなくするためのオプションを設定することができる (2020/05/03時点) パッケージを公開する人以外はあんまり気にしなくても大丈夫そう そもそもpeerDependencies とは peerDependencies は、あるモジュール... 続きを読む

npmのprivate registryからGitHub Packages Registryに移行する

2020/03/18 12 users npm Registry GitHub Plaid パッケージ

PLAIDでは社内のNode.jsパッケージの管理にnpm private registry(npmのregistryにprivateでパッケージをpublishする形式)を利用していました。 また、npm private registryを導入する以前の古いパッケージは、GitHubのプリべートリポジトリのURLをpackage.jsonに指定しているパッケージも混在していました。 その中で、2... 続きを読む

Renovate ではじめる依存関係更新の自動化 - Tech Blog - Recruit Lifestyle Engineer

2019/12/10 12 users Renovate Tech Blog 自動化 新規開発 更新

本記事は、リクルートライフスタイルアドベントカレンダー10日目の記事です。 リクルートテクノロジーズ兼リクルートライフスタイルのASGチームに所属している渡邉です。 最近は新規開発をやっていて、日々プロジェクトの package.json の更新に追われています。本記事ではその更新タスクを大いに助けてくれた Renovate ... 続きを読む

もうprettierで消耗したくない人へのvueでのeslint設定 - クソ雑魚エンジニアのメモ帳

2019/03/24 71 users Vue lint Prettier vuejs vscode

タイトル通り。vscodeとvuejsを使ってのlintの設定をprettierなしでやってみた。 tl;dr 環境 問題点 手順 .vueの構文チェックその１ vscode上での自動フォーマット .vueの構文チェックその２ rulesをカスタマイズ <template>のカスタマイズ <script>をカスタマイズ まとめ。 おまけ tl;dr 対象ファイルとpackage.jsonと.... 続きを読む

2019-02-19のJS: Mocha 6.0.0、Fly(Edge Applications)、サードパーティJavaScriptの実行コスト - JSer.info

2019/02/19 9 users fly JSer.info compiler require

JSer.info #423 - Mocha 6.0.0がリリースされました。 Release v6.0.0 · mochajs/mocha Node.js 4のサポート終了、--compilerなどの非推奨となっていたコマンドラインオプションを削除が行われています。 また、requireのキャッシュを削除するMocha.unloadFileの追加、.mocharc.jsやpackage.jsonに設定を書けるRCファイ... 続きを読む

npm(javascript)とpipenv(python)の対応表

2018/07/22 30 users npm pipenv Python JavaScript ディ

Pythonの世界でnpmと似たものが欲しい node.jsやっててnpmなしでは生きていけない体になった人がpythonやるときに似たようなツールないかなー、と探したらpipenvがいいらしいのでよく使いそうな使い方をまとめてみた。 ちなみにnpmだとpackage.jsonがあるディレクトリ下を作業領域にするけど、pipenvはPipfileがあるディ... 続きを読む

pecoでnpm-scriptsを超簡単に実行したい

2018/05/29 29 users peco npm-scripts Homeb MacOS 前提

npm scriptsの数が増えると、あのコマンドはなんだっけ？と package.json を開いて確認することも多くなると思います。 その作業がわずらわしくなったのでpecoを使って改善してみました。 前提 以下がインストールされている必要があります。 peco jq package.jsonを jq を使って整形しているため、別途インストールしています。 インストール macOSでhomeb... 続きを読む

package.jsonで値を展開する - 技術探し

2018/01/04 34 users JavaScript Tweet 技術

2018 - 01 - 04 package.jsonで値を展開する JavaScript Tweet 続きを読む

yarnpkgのenginesのバージョンチェックを無効にする方法 - Islands in the byte stream

2017/09/26 6 users yarnpkg メリット 方法

2017 - 09 - 26 yarnpkgのenginesのバージョンチェックを無効にする方法 yarnpkg v1.0から、 package.json の engines sectionのバージョンチェックが顕密になりました。これにより新しいnodejsやyarnpkgを試すのが面倒になります。 これにメリットを感じない場合は無効化しましょう。 具体的には、 ~/.yarnrc に ignor... 続きを読む

npmでインストールされているパッケージを、npm-check-updatesでまとめてアップデートする方法 | NxWorld

2017/07/23 18 users npm NxWorld アップデート パッケージ 各パッケージ

package.json に記載されているパッケージをアップデートしようと思ったとき、使用しているパッケージがひとつふたつならともかく、それらが数十個とかになってくるとそれぞれ行っていくのは面倒です。 その際に便利なのが「npm-check-updates」というパッケージで、これを使用することで簡単に各パッケージの更新情報の確認や package.json の更新を行うことができます。 npm-... 続きを読む

新しくなった eslint --init を試す - Qiita

2015/11/23 33 users init Qiita eslint eslintrc 面倒臭さ

ESLint v1.10.0 がリリースされました。 このリリースでは、ESLint の初期設定の面倒臭さを軽減するために eslint --init コマンドが改善されています。 具体的には、人気の共有設定から選択してインストールし、.eslintrc と package.json を自動的に更新するようになりました。 See Also: 共有設定でらくらく ESLint さっそく試してみます。 続きを読む

Electron アプリを Travis CI でテストする - Qiita

2015/08/06 41 users Qiita Electron require node アプリ

npm test は node で JS のコードを実行するように package.json で設定し，そのスクリプトの中でテスト用の小さな Electron アプリを実行するようにします． var electron = require('electron-prebuilt'); // ... var finished = child_process.spawnSync( electron, ['... 続きを読む

gulp なしの Web フロントエンド開発 | アカベコマイリ

2015/08/04 289 users npm Gulp タスク フロントエンド開発 依存

Web フロントエンド開発において gulp は非常に便利だ。一方、あまりにも gulp に依存しすぎており、これなしで開発できるだろうか？という不安もある。 というわけで、gulp を利用せず package.json と npm だけで同等の機能を実現する方法を検討してみた。 参考記事 Qiita npm で依存もタスクも一元化する MOL Grunt/Gulpで憔悴したおっさんの話 Keit... 続きを読む

githubのGemfile.lockやpackage.jsonのdiffからそれぞれのライブラリのdiffへ飛べるChrome拡張を作った - walf443's blog

2015/08/02 31 users changelog GitHub diff リポジトリ 更新

2015-08-03 githubのGemfile.lockやpackage.jsonのdiffからそれぞれのライブラリのdiffへ飛べるChrome拡張を作った ChangeLogのファイルはプロジェクトにあったりなかったりなので、githubのリポジトリのタグ間のdiffへクリックでいけるようにしてみた。 これでbundle updateとかしたときにざっくりどういう更新があったのか確認ができ... 続きを読む

Kobito for Windows をリリース + 技術的な補足, package.json... - Qiita Blog

2015/05/13 252 users Electron Markdown mizchi React

Kobito for Windows開発の @mizchi です。 開発開始から約半年、ソロ作業の期間も長かったのですが、ようやくリリースできました。 Kobito for Windows - ソフトウェア開発者のためのMarkdownによる情報記録・共有ソフト というわけで、今日はKobito for Windowsの開発コンセプトとElectronやReactを採用した理由について書いていこう... 続きを読む