2024年こそ corepack を使おう

2024/01/02 10 users corepack package.json README

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

Meta、JavaScript Webテキストエディターフレームワーク「Lexical」をOSS

2022/04/14 109 users テキストエディター Meta lexical OSS web

Metaは現在、JavaScript Webテキストエディターフレームワークの「Lexical」をリリースしている。軽快さや拡張性、アクセシビリティを重視し、開発者は必要に応じた機能を持つテキストエディターが利用可能。基本的な雰囲気はWebで確認できるが、ローカル環境に導入する場合は、「npm install --save lexical @lexical/r... 続きを読む

Next.js (React) で BudouX を使って日本語の改行を整える

2021/11/24 14 users React budoux map 改行 配列

# お手軽にプロジェクトを作成します。 npx create-next-app@latest --ts # BudouXをインストールします。 npm install -S budoux 次に、BudouXを使って、文章を解析して span タグで囲っていきます。 BudouX のパーサー自体は分割した文字列を配列で返してくれるところまでしてくれるので、あとはよしなに map して囲っ... 続きを読む

最近の ESLint とかの構成2021

2021/04/06 13 users eslint Parser TypeScript 構成 ヤツ

みんな好きな構成を好きなように入れれば良いと思ってるけど、自分が最近やってるやつを雑に紹介する。 シンプルなTypeScriptのプロジェクトを想定している。 npm install --save-dev eslint prettier typescript eslint-config-prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin npm-run-all 続きを読む

すぐにChrome拡張機能開発できるオープンソースのテンプレート「Chrome - エンジニア・プログラマのソーシャルITメディア

2019/10/15 101 users プログラマ Chrome テンプレート エンジニア npm

◆ Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli 紹介 「Chrome Extension CLI」は、npmを使って簡単にChrome拡張機能の初期セットアップができるオープンソースのテンプレートです。 $ npm install -g chrome-extension-cli /usr/local/bin/chrome-extension-cli -> /usr/local/lib/node_mod... 続きを読む

あなたがnpm installをしてはいけない時 - Qiita

2019/08/11 140 users 無視 Qiita 概要 タイトル 普段

概要 あなたは普段、何気なく npm install を使っていることでしょう。 しかし、 npm install が何をしているのか、実は誤解している人も多いと思います。 記事のタイトルは釣りではないので、どんな時に npm install は問題を起こすのか、説明できない人は以下を読み進めてください。これは多くの開発者が無意識に無視... 続きを読む

TypeScript で npm パッケージを作る - 30歳からのプログラミング

2019/06/29 61 users npm TypeScript 要件 プログラミング 手順

TypeScript で書いたプログラムを npm パッケージとして配布する手順を書いていく。 まだ npm パッケージの配布をしたことがない人を、想定読者としている。 よりよい書き方、詳細な設定、は措いておき、まずは最低限の要件を満たすものを作り上げる。 今回の「最低限の要件」は以下。 npm installやyarn addでインスト... 続きを読む

フロントエンドの開発環境に Docker は不要(少なくともMacでは) - mizchi's blog

2019/04/06 402 users Docker Webpack driver Cache Mac

これについて speakerdeck.com 自分の意見 Web開発者の主要な開発環境である Docker for Mac は I/O がとにかく遅い (3x~5x) data volume の driver やら cache を工夫しても遅い npm install/webpack は 基本的に I/O ヘヴィー とくに大規模開発時の watch => build がクリティカル webpack.conifg の entry で自分が関... 続きを読む

Rust プロジェクトで自動で Git hook をセットできる cargo-husky をつくった - はやくプログラムになりたい

2018/10/08 28 users hook npm husky ケアレスミス git hook

npm でよく使っている husky というツールがあります．これは npm install などを hook して Git hook を自動でセットしてくれるツールで，リモートにプッシュする前のチェックを強制してくれます．もちろん CI でもテストを回しているのですが，プッシュ前にもチェックすることによりケアレスミスに早く気付くことがで... 続きを読む

Windows での最速 Node.js 環境構築 - Humanity

2017/03/13 114 users tyru インス Humanity ドール Python

2017 - 03 - 13 Windows での最速 Node.js 環境構築 Windows での Node 環境のセットアップが楽になってるな。npm install -g windows -build-tools だけで済むようになってる。もう手動で Python とかインス トール しなくていいのか。 https://t.co/r9KDFUp23Z — tyru (@_tyru_) 20... 続きを読む

まだ node.js の依存性解決で消耗してるの？ | PLAID engineer blog

2017/01/18 61 users node.js PLAID engineer blog

PLAIDエンジニア 山内雅浩 @algas yarn を使って node.js の依存性解決 npm shrinkwrap と yarn との比較yarn を使う利点と欠点は以下のとおりです。 PROS インストール処理が高速かつ安定 ネットワークパフォーマンス改善やオフラインモード、リトライの実装がされていてパッケージのインストールが標準の npm install に比べて高速かつ安定に動作し... 続きを読む

Yarn(pkg) はなぜ速いのか気になったのでソースコードを読んでみた - Qiita

2016/12/22 43 users pkg Caches npm Qiita YARN

$ node -v v6.9.1 $ npm -v v4.0.3 $ yarn -V v0.17.9 $ rm -rf ~/.npm ~/.yarn ~/Library/Caches/Yarn # キャッシュなどを削除 $ time npm install ... npm install 34.90s user 10.77s system 103% cpu 44.206 total $ rm -r... 続きを読む

Railsのrakeでasset:precompile前に任意のタスクを流してをjsをビルドする - Qiita

2015/10/19 24 users Rake asset Digest Rails Qiita

production でasset:precompile前にgulpを流したい。asset:precompileはdigestとかは任せたい。 namespace :js do desc 'Run gulp tasks before assets:precompile' task :build do sh 'npm install; $(npm bin)/gulp' end end task 'a... 続きを読む

ElectronでwebViewの簡易ブラウザをつくってみる - Qiita

2015/10/14 162 users Electron WebView Qiita CSS 挙動

Electronの基本的な挙動が知りたかったので、HTML/CSS/JavaScriptを使ってElectronで簡易ブラウザをつくってみました。 1. 制作物 URLを入力するとWebviewでロードしてくれる ただしボタンを押さないとロードしてくれないしょぼい仕様!! Open Dev Toolを押すと、Webview内のDeveloper Toolが開く セットアップ npm install... 続きを読む

tcs - Re: TypedCoffeeScript - Qiita

2015/05/17 13 users TCS expr Qiita mizchi tsc

というのを昔作ってたんだけど、最近また作り始めた。 mizchi/tcs npmにはまだ登録してない。npm install -g mizchi/tcs で入る。typescriptのtscと紛らわしいので、たぶんそのうち名前変える。 今動いてるコード。 # this is comment # expr 1 a.b (a()).b 1 > 2 {} {a: 1, b: 2} { c: 1 d: 2... 続きを読む

bower-browser·これは便利！Bower管理フロントエンド MOONGIFT

2015/02/10 44 users MOONGIFT npm BOWER ライブラリ インストール

最近のフロントエンド開発で欠かせないのがBowerです。コマンド一つで有名なライブラリをインストールできるのは便利なのですが、その管理となると意外と煩雑になりがちです。 そこで使ってみたいのがbower-browserです。楽天の開発したBower管理ツールです。 bower-browserの使い方 bower-browserのインストールはnpmでできます。 npm install -g bow... 続きを読む

Zsh - コマンドパスを自動で通し npm install -g しない - Qiita

2015/01/26 78 users package.json コマンドラインツール リポジトリ

npm install -g cosidered harmful 何かコマンドラインツールなどが必要なために npm install -g を強要するリポジトリがたまにある。 もっと面倒なのは、依存するツールがあるくせに README とかに書いてない場合だ。リポジトリにある設定ファイルからこちらが察して入れてやらないといけない。 グローバルに入れるツールは package.json の管理外なの... 続きを読む

npm で依存もタスクも一元化する - Qiita

2014/11/16 248 users npm Qiita package.json Gulp タスク

タスク管理 package.json にはパッケージの依存を書いて npm install するのが基本だけど、 タスクの管理をどうするかというのは、別途また考えないといけない。 自分は gulp が良いと思っているが、 grunt や jake や make を使う人もいる。 また、たくさんオプションをつければほぼ一つのタスクが実行できてしまう browserify, jsh/eslint, m... 続きを読む

npmのあまり知られてない機能 10選 - from scratch

2014/06/10 307 users Twitter npm from Scratch npm i

2014-06-10 npmのあまり知られてない機能 10選 なんか最近Twitterとか職場でも「npmの機能でそんなのあったんだ」って言われること多いので、説明していきます。ちなみにタイトルにとりあえず10選って書いたけど、あんまりたくさん思いついてないのに、10選って書いてしまったので最後の方は微妙かもしれません。 1. npm installは npm i でも同じことができる まぁ単純な... 続きを読む

Grunt.jsでCSSの整形を行うgrunt-cssprettyを公開 | Another Sky

2014/02/17 55 users CSS grunt.js another sky 整形 公開

一昨日実験を行ったCSSプリプロセッサやポストプロセッサで出力されたCSSの整形をGrunt.jsで実行できるプラグイン、grunt-cssprettyを作成しましたので本日公開いたします。 使用方法 npm install --save-dev grunt-cssprettyを実行し、プラグインをインストールします。その後、gruntfile.jsやgruntfile.coffeeにて設定を行い... 続きを読む

10分で試すTypeScript - 結城浩のはてな日記

2012/10/02 19 users TypeScript MSI npm コマンドプロンプト

Microsoftの新言語TypeScriptをWindows 7上で試してみます。 Node.jsをインストールしてない人はNode.jsのサイトからmsiをダウンロードしてインストール。 Node.jsのコマンドプロンプトを開く。 npmを使ってTypeScriptをインストールする。 C:\Users\user> npm install -g typescript npm http GET ... 続きを読む