npm install と npm ci って結局どう使うの？2023年版 - Mitsuyuki.Shiiba
うりうりさんの↓のコメントを見て、そういえばnpm ciって見たことあるけどチェックしてないなぁ。というかnpm installも雰囲気で使ってるなぁ。と思ったので、うりうりさんに教えてもらったことを手がかりに、npm installとnpm ciについて調べた。 これ、node_modulesキャッシュしてたり npm install使ってるけど npmのグローバルキャッシュ(~/.npm)をキャッシュした上で npm ciで早くなったりしないんだろうか GitHub Actions上でテストを約3倍早くした話https://t.co/MpmFktGBxU— wreulicke (@wreulicke) March 14, 2023 ちょこっと検索して見てみたところ、新旧情報があって自分が混乱したのと、公式ドキュメントには概要は書かれているものの詳しい内容は書かれていないので（僕が見つけ
package.jsonのdependenciesにローカルファイルを指定する - bauer's diary
依存するプロジェクトを同時に修正している場合どうしていますか？ 自分はこれまでは使いたいプロジェクト側(Aとします)のpackage.jsonに、対象プロジェクト(Bとします)のパスを直接書いていました。 { … "dependencies": { "test": "../workspace/test" } … } しかしこれだとBを修正するたびに、Aでnpm installして格納したnode_modules配下のBをいちいち更新しなければならなかったので微妙だなぁと思っていました。 なので下記方法に変更しました。 まずpackage.jsonを修正します。バージョンを直接指定します。 { … "dependencies": { "test": "1.0.0" } … } その後に、npm linkコマンドでシンボリックリンクを貼ります。 $ npm link ../workspace/
textareaを画像アップ可能なmarkdown editorにするnpmモジュール - komagataのブログ
@machidaさんが 「全てのテキストエリアはgithubみたいに画像のD&D・コピペができて欲しい。あとMarkdownで書きたい。」 と常々言っていて、僕もちょっとしたコメント欄でもMarkdownが使えたら嬉しいけどいちいち実装が面倒なので、 「確かにそうですよねー」 と言って流していました。 しかし流すのにも限界がきたので、TEXTAREを画像のD&DとコピペができるMarkdown Editorにするnpmモジュールを作りました。 komagata/textarea-markdown: Make textarea a markdown editor. railsで使うなら下記のような感じです。 <textarea id="editor" data-preview="#preview"></textarea> <div id="preview"></div> import Tex
Malicious packages in npm. Here’s what to do
What happened?# People found malicious packages in npm that work like real ones, are named similarly real ones, but collect and send your process environment to a third-party server when you install them: @kentcdodds Hi Kent, it looks like this npm package is stealing env variables on install, using your cross-env package as bait: pic.twitter.com/REsRG8Exsx — Oscar Bolmsten (@o_cee) August 1, 2017
フロントエンド開発が捗る JSON Serverについて
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 どもです。 今回は、新規プロダクトの開発の際に、非常に重宝する「JSON Server」についてのご紹介できればと。 真新しいものでもないのですが、よく利用してせっかくなのでまとめさせていただきます。 何か参考になればと。 とある事業で、新規プロダクト制作が立ち上がって、フロントエンド開発を行っていくにも「サーバー側が出来てないよぉ。」 と、言って制作できないところが発生する場面は多々あるかと思います。 そもそも、新規プロダクトで、サーバー側が出来上がっている状態というのは、なかなかない状態かと思います。 そんなときに非常に便利なのが「JSON Server」となります。 「JSON Server」で、仮にAPIを作成しておけばサーバー開発が終えてなくてもガツガツ、フロン
Lodashのファイルサイズを削減する方法 | 綺麗に死ぬITエンジニア
JavaScriptにおける便利な関数の詰め合わせであるライブラリ「Lodash」。JavaScript（Node.js）での開発をしている人の多くは利用したことがあるでしょう。 今回はそのLodashを使う上で、ライブラリを導入後のファイルサイズを削減する方法を紹介します。 なお、今回当記事で紹介するにあたり、検証にモジュールバンドラーツール「webpack」を利用します。ですが、webpackを利用しない場合においても同様の方法でファイルサイズは削減できます。 ユースケースLodashに限らず、比較的高機能なJavaScriptライブラリは、場合によっては性能面や容量（ファイルサイズ）の面で、1機能特化のミニマルなものに比べ劣ることがあります。 例えば、そのライブラリの全ての機能のうち1つの機能しか使わなかったとしても、全ての機能分のファイルサイズを消費し、全ての機能を読み込んでしまい
npm cache: the unsung hero
by Siddharth Kshetrapal npm cache: the unsung heroI love npm and believe that this package manager is the single biggest reason for JavaScript’s massive success these past few years. There was a lot of excitement in the JavaScript community when facebook released yarn. And for good reason. Yarn’s install speeds are amazing. Subsequent installs are even faster because yarn caches installed modules
Yarn速かった - マルシテイア
Yarn 速かった Yarn とは https://code.facebook.com/posts/1840075619545360 Facebook, Google, Tilde, Exponentの人たちが作ったnpmクライアント。 npm install の代わりに使える。 http://qiita.com/mizchi/items/1002fde0de10e7c54fb2 詳しくはこの辺 実行時間測ってみた 試しに業務レポジトリで npm install と yarn を比べてみた dependencies + devDependencies : 70 個 npm-shrinkwrap.json : 22298 行 元の node_modules : 22 KB npm install 303 sec $ rm -rf node_modules $ npm cache clean
ES2015で始めるJavaScript入門 - Qiita
はじめに JavaScript勉強会の資料です。 内容は、簡単なコマンドラインツールを作りながら、JavaScript(ES2015を含む)の書き方を学ぶものとなってます。 内容的には初心者向けなので、JavaScriptを勉強したい、JavaScriptは触ったことあるけどES2015を知らないので勉強したい、といった方が対象です。 JavaScriptとは Webブラウザで実行可能なインタプリタ言語 最近ではサーバサイドのものもある(Node.jsなど) 各ブラウザで独自の実装があるが、標準化されたECMAScriptに準拠している ES5, ES2015(ES6), ES2016, … ES2015からは毎年新しい規格が策定される これによりナンバリングは策定した年に変更 ES5(2011年策定)から4年ぶりに策定されたECMAScript 非常に多くの機能が追加された 新しいブラウ
How can I update each dependency in package.json to the latest version?
I copied package.json from another project and now want to bump all of the dependencies to their latest versions since this is a fresh project and I don't mind fixing something if it breaks. What's the easiest way to do this? The best way I know is to run npm info express version and then update each dependency in package.json manually. There must be a better way. { "name": "myproject", "descripti
[WIP] npm-scripts を使い倒そう! - Qiita
※ 書きかけです パッケージ依存管理ツール npm npm は、今や Web 開発には欠かすことのできないパッケージ依存管理ツールです。 Browserify, Babel, Gulp, LESS のようなツール、Koa, Express のようなサーバー側のライブラリ、 React, AngularJS のようなクライアント側のライブラリまで揃っています。 サーバー側はもちろん、クライアント側の依存管理も Browserify を併用することでスマートに実現できます。 そんな npm ですが、実はタスク ランナーの機能も持ち合わせています。 Grunt や Gulp の影に隠れて目立たない存在でしたが、Substack の記事からこっち、注目を集め始めています (たぶん)。 タスク ランナー npm タスク ランナーといえば、Web 界隈では Grunt や Gulp が有名です。 これ
![[WIP] npm-scripts を使い倒そう! - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6f9848023eca7fe90850b591b0a1daa729e3f17/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV0lQJTVEJTIwbnBtLXNjcmlwdHMlMjAlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElODQlRTUlODAlOTIlRTMlODElOUQlRTMlODElODYlMjEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTM0OTAyY2JkZmE1OTkxMzExYjVlYWNiMmQxOGFlMGRj%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBteXN0aWNhdGVhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kNmE2ODJhZDJiODhkMjQ5MTg3YzhjYTYxZGI3NzdhZA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db9021b3d2ff46a3a109806b3a934aceb)
React入れたらCasperJSのE2Eテスト壊れたのでPhantomJS2入れたらPhantomJSのユニットテスト壊れたのでwebdriverioでE2Eテスト書き直した話 - マルシテイア
これまで VanillaJS / jQuery で頑張ってたプロジェクトに React 入れて、Reactは最高！などと言っていたのだけど、E2Eテストが落ちている事に気づいた。 落ちたテストで画面キャプチャしたりして調べた結果、Reactコンポーネントを描画するところで落ちていた。 どうやらPhantomJS1系で見られる現象のようだった。 e2e - CasperJS で Reactjs のサイトをテスト - Qiita E2EテストにはCasperJSを使っていた。 Casper の dependencies は "phantomjs": ">=1.8.2" となっている。 PhantomJS の謎な挙動にはユニットテストでも散々苦しめられていた。 既に polyfill 幾つか入れて対処していたのだけど、良い機会なので別の道を模索してみよう、という話になった。 頑張ってPhanto
npm-scriptsについて - Qiita
npmは"scripts"というフィールドにshell scriptとエイリアスコマンドを指定できる。 { "name": "myapp" "scripts": { "start": "node app.js", "production": "NODE_ENV=production node app.js" } } キーはnpm startのようにエイリアスとして利用できる名前となり、値にはshell scriptをワンラインで指定する。 キーは自由に指定できるが、中には既に予約されている名前があり、それらを含めて以下の4種類に分類できる。 意味付けだけがされたnpm-scripts start appを起動するようなshell scriptのエイリアスとして用いる。 restart appを再起動させるためのshell scriptのエイリアスとして用いる。 stop appを停止させる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
how to run a script without logging that that stupid npm error if it doesn't exit with code 0? · Issue #6124 · npm/npm
TechCrunch
http://macbook.press/57
Node で作るオレオレ CLI と npm への登録までの道のり - Qiita
GitHub - bootprint/bootprint-openapi: Bootprint-module to render OpenAPI specifications, this repository has moved to https://github.com/bootprint/bootprint-monorepo/tree/master/packages/bootprint-openapi
swagger-to-html
dummy-json