at backyard

Color my life with the chaos of trouble.

npm

Denoでnpmを用いてReact18を動かしてみたサンプル

まだ --unstable をつけないといけないが、 以下のようにして npm モジュールを参照できるようになっているので、この方法を用いてDenoからReactを触ってみたメモ import * as React from "npm:react"; Denoのバージョン deno 1.26.1 (release, aarch64-appl…

Node.jsのコアモジュール名についている【node:】プレフィックスについて

ちょっと気になったので備忘録として書き残しておく。 Node.jsにある、node:というprefix Node.jsでライブラリをimport/requireする際に node:というprefixをつけることが可能になっている。 これは Version 14.18.0 からついているもので、以下のように2種…

WordPressの公開されている全記事の文字数を取得するnpmライブラリ

WordPressの記事の文字数を一覧で取得するためのライブラリをバージョンアップした WP REST APIを用いてWordPressの公開されている全記事の文字数をゲットするnpmライブラリ。今まで自分用にずっと使っていたやつですが、今回コードを整えてバージョンアップ…

colors.jsの今回の問題で我々が対応すべきことについての個人的なメモ(実務的な部分のみ)

colors というnpmパッケージの最新versionについて意図的に悪意のあるコードが実行されるようになっている。 こちらの問題のあるversionなどの具体的な内容についてはazuさんが分かりやすくまとめてくれているので、こちらを参照してみるのが良い。 zenn.dev…

GitHubでコミットログを打ち間違えてリモートにpushしてしまった際の対応案

このポストは git commit --amend でコミットログを修正してからリモートブランチにforce pushする、というような内容ではない。 (当然ながら上のような行為を共有リポジトリで行うのは大変危険なことである。) ここで書く内容は非常に牧歌的な内容だ。 GitH…

package-lock.jsonの"lockfileVersion": 2について

目次 目次 【最初に結論】package-lock.jsonの"lockfileVersion"はどちらを使えば良い? チーム開発ではnpmのバージョンを揃えるようにする オープンソース開発ではlockfileVersion:2 に移行していってもよさそう? まえがき 適用されるlockfileVersionとnpm…

scoped modulesを用いたパッケージをnpmで公開したときに得た知見

目次 目次 scoped modulesについて npmモジュールでscoped modulesを用いるとき 1. パッケージ名は@ユーザ名/パッケージ名とする 2. publishConfigの設定を行う scoped modulesでnpmにリリースを行ったときに気をつけること scoped modulesをインストールし…

random-fruits-name.jsにロゴが追加されました。またオランダ語サポートを追加したv1.6.0をリリース

以前から何度かこちらのブログにも書いている、random-fruits-name.js。 shinshin86.hateblo.jp random-fruits-name.jsのロゴを書いていただきました。 今も少しずつ開発が進められており、最近ではこのプロジェクトのロゴも書いていただきました。 GitHubの…

とてもシンプルな sitemap 作成のためのnpmライブラリをリリースした。

作った報告、ということで書き残しておく。 www.npmjs.com 完全に自分が使う用として、npmでリリースした。 元々、Next.jsでアプリを書くときに毎回sitemap生成用のスクリプトを書いていたが、そういうケースが何度かあったので、npmにしたというだけ。 生成…

random-fruits-nameのv1.4.0をリリースした。

以前こちらのブログでも書いたnpmパッケージのrandom-fruits-name。 shinshin86.hateblo.jp 今回、機能リクエストを頂き、maxWords オプションを追加した。 github.com 詳細は上のissueや、GitHubやnpm内のREADMEを見ていただけたらと思うが、例えば maxWord…

ランダムな果物の名前を生成するだけのnpm package、random-fruits-name.js

以前、物凄くシンプルなnpm packageを作っていた。 random-fruits-name.js という名前のpackageである。 GitHubはこちら。 github.com READMEにも書いているが、ReactでもNode.js環境下でも動くものになっている。 Reactでのコードサンプルはこちら。 import…

BUMP OF CHICKENの藤くん結婚、ecmcorsというnpmパッケージについて

BUMP OF CHICKENの藤くん結婚について 朝起きてコードを書いていたとき、ちょっと集中力が切れてTwitterを開いたら、トレンドに 藤くん結婚 というキーワードが踊っていた。 もしや...!と思って調べたら下記のとおりである。 (なぜか公式サイトの詳細ページ…

imgurに匿名で画像アップロードするためのnpmパッケージ "imgur-anonymous-uploader" を作った

imgurに匿名で画像アップロードするためのnpmパッケージ "imgur-anonymous-uploader" を作ったので、そちらについて書いていきます。 目次 目次 追記: imgurに匿名で画像アップロードを行いたい方へ imgurについて imgurのclient id発行方法について imgur-a…

2020という文字を🐭🐭🐭🐭に変換するbabel pluginをnpm publishしようとしたら、npmにspam判定されてpublishできなかった

あけましておめでとうございます。2020年もよろしくお願いします! さて、今年も書き初めと称してコードを書きました。 2020という文字を\\uD83D\\uDC2D\\uD83D\\uDC2D\\uD83D\\uDC2D\\uD83D\\uDC2D()に変換するbabel pluginです。 github.com 作成したつい…

クリスマスイブと簡単な今年の仕事に関する振り返り

もう目新しくもなんともないですが、npm xmas を。 npm xmas ★ /\ / &\ / \ /。 & \ / \ /。⸛ @@ \ /i@&i ⸛⁂ 。 ⸛\ / & 。 \ / ⸛ i。&⁂\ / 。 。@ 。 。i。 \ / i i⁂⁂ ⸛ @ ⸛\ / &⁂ ⸛⸛ ⁂⁂ \ / i ⸛。 ⸛ ⸛ i ⸛&\ /&⸛ 。⸛ i i\ / @ 。 ⸛@ 。…

間違えてbabel-nodeをインストールしてしまった

npm

いまは @babel/node というパッケージ名になっているが、間違えて yarn add -D babel-node と打ってしまった。 @babel/node · Babel ただ、インストールすると、パッケージ内には何もなく、README には下記のような記述が (ざっくり日本語訳) このパッケージ…

インストールしたnpm moduleが依存しているnpm moduleを調べる

調べたいと思ったときにチャチャッと調べる手段が思いつかなかったので、調べた。自分向けの備忘録。 こちらの方が書かれている記事が参考になる。感謝。 qiita.com 上の記事で書かれている下記手順を自分でも実施した。 エラー発生元のモジュールを呼び出し…

yarn auditの使い方

yarn auditの使い方 インストールされた npm パッケージの既知のセキュリティ問題をチェックするツールで、npm audit と同様のツールとなります。 なお、チェックを実行するにはインターネットに繋がっている必要があります。 使い方には公式のドキュメント…

yarn add @babel/babel-cliでインストールできない

babel7のcliを試そうとしたところ、ちょっと躓いたので、発生した事象と対応策を書いていく。 下記のコマンドを叩くと、エラーとなり、インストールできない。 yarn add @babel/babel-cli 下記のコマンドを実行することでインストールできる。 (npmでも同様…

ネットワークがない環境で、擬似的にnpmでパッケージをglobal installしたことにして作業することは可能か?

"npm install -g {package}"がしていること 実現させたいこと ネットワークがない環境で(npm install -g {package}ができない)、npm install -g {package}した時と同じような状態にしたい。 例えば、npm install -g webpackは出来ないが、webpackのモジュー…