[B! npm][qiita] nabinnoのブックマーク

nabinno id:nabinno

npmとqiitaに関するnabinnoのブックマーク (31)

npm トラブルシューティング - Qiita
これらのいずれかで解決するはず。特に, 普段npm install --save hoge 等で errno -71 が吐かれる場合は, --no-bin-links で解決。主にシンボリックリンクが貼れない Windows 環境で発生する。詳細は、Error No.71 を参照。解決できない場合特に, どこかからかコピペしてきた package.json 実行時などは, 解決しない時がある. 常に同じパッケージで止まる場合, そのパッケージを package.json から削除する. 個別で install するか, 代替を探すnpm install -g fsevents が失敗するnpm の公式に issue として多数報告されているが、今のところ解決方法なし？(2016/9/5現在) npm3系で起きるっぽい参考ページ Error No. 編 Error No.
nabinno 2018/12/07
qiita

npm

javascript

trouble
リンク
npm ciを使おうあるいはより速く - Qiita
人類はより高速にCIを回していくべきだと思っているりんご（@mstssk）です。先日、 npm の v5.7がリリースされ npm ci というサブコマンドが新たに追加されました。 The npm Blog — Introducing npm ci for faster, more reliable... http://blog.npmjs.org/post/171556855892/introducing-npm-ci-for-faster-more-reliable CI/CDを開発プロセスに組み込んでいる場合により整合性があり高速なエクスペリエンスを提供する、と公式ブログでは紹介しています。 npm ci は何をするのか npm ci を実行すると常に package-lock.json から依存関係をインストールします。既に node_modules フォルダの中身があっても
nabinno 2018/03/13
qiita

node.js

javascript

html

npm

npm-ci

package-management
リンク
Cannot find module 'hoge' - Qiita
nabinno 2017/10/26
qiita

npm

node.js

javascript

html
リンク
npmでミニマムに始めるSass - Qiita
GitHub Pagesでいくつか静的なWebページを作成しているのですが、生のcssではなく、sassでcssを作成することにしました。 sassを使おうとして、調べるとgemでsassをインストールして始めるという記事が見つかります。 - CSSのメタ言語Sass(SCSS)、LESSの完全入門また、Compassというものも出てきたりします。 - CSSの常識が変わる！﹁Compass﹂の基礎から応用まで！またフロントエンドの環境などについて知っていたりすると、gruntやgulpといったタスクランナーも使えるんじゃないかと思ったりして、それらでsassを使う方法も出てきたりします。 - gulp インストール～基本設定の備忘録︵windows︶ふむふむ、といった感じで記事を読んだりするのですが、やらないといけないことやルール、覚えないといけないことが多くて、結局どうするのがい
nabinno 2017/07/16
qiita

sass

altcss

cascading-style-sheets

style-sheet-language

html

npm
リンク
yarnチートシート - Qiita
webpackに引き続き、Railsが推してるフロントパッケージマネージャのyarnを調べてみました。npmも慣れてきたんで変えるのやだなー、と思ってたのですが互換性高くて移行しやすいし、動作も速くていい感じです。概要 yarn = フロント(js)のパッケージマネージャ Facebook発、オープンソース、BSDライセンスnpmと互換性があるnpmと同じpackage.json, node_modules/で構成されるコマンドも似ているバージョンの厳密な管理ができる package.jsonでバージョンそのものではなく、許容するバージョンの範囲を指定する実際にインストールされた際のバージョンはyarn.lockに記録され、別マシンで再現可能になるnpmに比べて高速に動作する導入 Homebrewあるいはnpmでインストールできる。
nabinno 2017/07/15
qiita

yarn

package-management

javascript

html

cheatsheet
リンク
npm 5.2.0の新機能！「npx」でローカルパッケージを手軽に実行しよう - Qiita
npmとはNode.jsインストール時に付属するパッケージマネージャーで、Node.jsのパッケージの管理や実行を取り扱うものです。npmのバージョン5.2.0で導入された﹁npx﹂を用いると、下記のようにローカルにインストールしたnpmパッケージを、npxコマンドだけで実行できるようになります。 npxはnpmにバンドルされているため、npxの個別インストールは不要です。次のようにしてモジュールを実行できます。従来のnpmの実行方法との比較従来では、ローカルのnpmパッケージを使用するには、次のような方法が必要でした。方法1: ./node_modules/.bin/(パッケージ名)で実行する方法2: $(npm bin)/(パッケージ名)で実行する方法3: package.jsonにnpm-scriptsを記述して実行する npxはいずれの方法よりも簡潔なコマンドで、パッ
nabinno 2017/07/13
qiita

node.js

javascript

html

npm

npm-5.2.0

npx
リンク
npmから乗り換えてわかったYarnの4つのメリット
Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
nabinno 2017/04/30
qiita

node.js

javascript

npm

yarn
リンク
今時のフロントエンド開発2017 (2. 構築編) - Qiita
はじめに本編では今時のフロントエンド開発2017 (1. 愚痴編)に続き開発環境の構築をしていきます。おしながき今時のフロントエンド開発2017 (1. 愚痴編) 今時のフロントエンド開発2017 (2. 構築編) 今時のフロントエンド開発2017 (3. webpack編) 今時のフロントエンド開発2017 (4. TypeScript編) 今時のフロントエンド開発2017 (5. もっと効率よく編) 開発環境の構築ナイスなエディタコーディングをするにはエディタが必要になるわけですが，これは皆さんの信じるお好きなものを使ってください。 Atom Brackets Emacs Lime Text Sublime TextVim Visual Studio Code なんでも良いです。ちなみに私はVisual Studio Codeを使っています。 CLIの準備準備と書きまし
nabinno 2017/03/29
qiita

node.js

javascript

webpack

module-loader

npm

yarn

typescript
リンク
webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方 - Qiita
昨今のweb開発で必要なwebpackやGulpといった技術は、Node.jsのパッケージ管理ツール﹁npm﹂を通して使われます。npmの機能は豊富で、覚えておくと便利な使い方がいくつもあります。とくにオススメのものをピックアップしました。npminitには-yをつけると質問が表示されないnpmのモジュールを用いたプロジェクトを作成する際、最初に使用するコマンドはnpminitです。実行すると、プロジェクト名や著作権の設定の質問が表示され、必要な項目を入力したり、Yes([Enter]キー︶を入力する必要があります。とくに設定が不要な場合、-yオプションを指定することで、質問を表示することなく初期化できます。次に示すのは、npminitとnpminit -y実行後のコマンドラインの差です。npminitはnameやversionといった設定を対話形式で尋ねられますが、np
nabinno 2017/01/28
sass]

qiita

node.js

javascript

npm

gulp
リンク
自分がnpmでグローバルにいれているcliツールまとめ - Qiita
今自分がなに使っているのかわからなくなってきたのでまとめました。 JavaScriptをよく書くので、それ周りのツールが多いと思います。基本的に、nodemon, webpack, flow-binなどは各種プロダクトでnpm scriptとして登録するためglobalには入れません。 webpack-cliできたらグローバルにいれるかもnpm, パッケージ周り https://github.com/sindresorhus/np npmへのpublishに使います。npm versionでもいいのですが、こちらのほうがテスト、タグとバージョンコミットをpushまでしてくれるので自分はよく使います。 yarn https://github.com/yarnpkg/yarn パッケージマネージャーです。最近のossプロダクトにはyarn.lockが入っていることが多く使う頻度は高めで
nabinno 2016/12/30
qiita

node.js

javascript

npm

yarn

greenkeeper

npm-check-updates
リンク
https://qiita.com/watilde/items/791976db413ec343190a
nabinno 2016/12/02
qiita

node.js

javascript

npm
リンク
sprockets4にnpmを利用するための機能が追加された - Qiita
こんにちはみんなにdisられて久しいsprockets氏ですが、面白そうなコミットが入っていたので紹介します https://github.com/rails/sprockets/commit/6eac004a1567f70270606170f8a4d51d4e2fb3e8 どんなコミット？ sprocketsからnpmパッケージを利用するための機能が追加されました。これにより、例えばこれまでjquery-railsなどjsをラップしたgemを用いていたものを、npmで管理できるようになります。この変更は何が嬉しいの？この変更により、npmの世界でjsライブラリを管理する道が整備されました。なぜ道が整備されたことを強調するかと言いますと、別にこれまでもbrowserify-rails/webpack-railsなどを利用すれば同じことが出来たからです。ただ、﹁Railsが公式に
nabinno 2016/10/30
qiita

ruby-on-rails

ruby

ruby-family-programming-language

sprockets

sprockets-4

npm
リンク
npm|yarnで怒られたエラー集まとめ。WARN[deprecated,unmet dependency,peerDependencies,EPEERINVALID,engine]ERR![missing,invalid],throw er; // Unhandled 'error' eventの解決方法。(2023/12更新) - Qiita
npm|yarnで怒られたエラー集まとめ。 WARN[deprecated,unmet dependency,peerDependencies,EPEERINVALID]ERR![missing,invalid],throw er; // Unhandled 'error' event の解決方法 2023/12/3 最新のverに更新 2020/5/24 最新のverに更新 2019/10/12 エラーを追記 2019/10/4 「There appears to be trouble with your network connection」を追加 2019/9/16更新 node.jsの画像 2019/3/8更新 node.jsの画像 2018/11/24更新・killall node を追加 2018/11/13更新・ltsに関する画像を最新のものに修正 2018/6/15更新
nabinno 2016/09/07
qiita

javascript

npm

trouble
リンク
特定のモジュールと強く依存するプロジェクトの開発を行うときのtips(「npm link」と「dependenciesにローカルフォルダを指定する」方法の比較 ) - Qiita
特定のモジュールと強く依存するプロジェクトの開発を行うときのtips(「npm link」と「dependenciesにローカルフォルダを指定する」方法の比較 ) JavaScriptnpm 「npmに公開していないローカルフォルダにあるモジュール」を使ったプロジェクトを開発する際にnpm linkを使う方法とdependenciesを使ってモジュールをローカルに指定する方法があるので２つを比較してみました。 1. 「npm linkを使う」方法概要 node_modules以下にモジュールへのエイリアス(ショートカット)を貼ります。メリットエイリアスを貼るだけなので、モジュールの更新との同期がすぐできる。モジュール側をどこのフォルダに配置しても問題ない。デメリット初回のみだが、開発中のメンバー全員に、インストール手順を知らせなければならない。(※ もしかしたらnpm scri
nabinno 2016/09/05
qiita

npm

npm-link

node.js

javascript
リンク
project毎のnpmコマンドをいい感じにするnpmrc & config達 - Qiita
npmrcのドキュメントを読みなおしていたら、.npmrcは/path/to/my/project/.npmrcのようにプロジェクト毎に配置することが出来る事に気づいて、ちょっと使ってみたら便利だった。 globalやhomeディレクトリへの設定を前提としたnpm configの記事は結構あるが、プロジェクト毎でnpm-configについて書かれている記事があんまり無かったのでまとめてみる。npm-configの何が良いのか？ project毎に出来ると何が良いのか？npm-configの設定をすると、色々コマンドを省略出来たりして良い事がある。 (参考:2016年版 Node.jsで幸せになれる10の習慣) npmrcやnpm-configは、個人開発用であれば、$HOME/.npmrcへの設定だったりnpm config setでの設定で十分。また、npmregistryに登録
nabinno 2016/08/05
qiita

node.js

javascript

npm

.npmrc

npm-config
リンク
npm moduleを検索するサイトまとめ - Qiita
npm module の検索するのに使っているサイト ※ぶっちゃけただ qiita slide mode を使ってみたかっただけである npmjs.com npmjs.com 言わずと知れた公式サイト公式なのでユーザーは一番多い（と思う）自分は割りと　npm star をよく見る npmjs.com 検索は多分 couchdb package.json に書かれている description, keywords, name などがindex されているっぽい検索時の sort 順は star 数とか検索の一致度合いで sort されている...? npmsearch.com npmsearch.com elasticsearch に食わせてそこから検索 npmsearch.com rating という独特の重み付けがあり、それが dependent 数、ユーザー数、リリース頻度、テ
nabinno 2016/06/23
qiita

node.js

javascript

npm
リンク
npmでTypeScriptの型定義を管理できるtypesパッケージについて - Qiita
どうも、らこです。 Angular2の開発リポジトリでは型定義ファイルの依存解決に関して、最初はtsdだったのが途中でtypingsに移り、そして最近またtsdに回帰していたのですが、ついにtsdすらも使わず、npmだけですべてを解決するようになってました。いったいどうやって？というのが今回のお話で、結論から言うと @types スコープから公開されているパッケージがdevDependenciesとして依存されるようになっていました。 @types typesという名前のユーザーで、明らかにbotだけど中身はMicrosoftの人らしい。(メールアドレスから) どのパッケージもだいたい 2016/5/17 に最初のpublishがされているらしく、最近始まった取り組みのようです。現在1700超のパッケージが公開されてますが、すべて型定義ファイルのパッケージです。型定義は https:
nabinno 2016/05/27
qiita

typescript

javascript

npm

node.js

type-system

types
リンク
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を停止させる
nabinno 2016/04/22
qiita

node.js

npm

npm-start

npm-restart

npm-stop

npm-test
リンク
Railsで利用するフロントエンドのライブラリをnpmからインストールする - Qiita
Railsからnpmを使ってフロントエンドのライブラリをインストールして使うまで。 asset pipelineフレンドリーで使うための方法で、browserifyとかwebpackとか言いたい人は別途検討したほうがいいかもしれない（そうでないかもしれない）。 package.jsonを作る rails プロジェクト以下にpackage.jsonを作りましょう。
nabinno 2016/04/22
qiita

browserify

module-loader

javascript

npm

ruby-on-rails

ruby
リンク
npm update -gでこんなエラーが出たら… - Qiita
Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
nabinno 2016/04/19
qiita

npm

npm-update-g

trouble
リンク
1 2 次のページ