npm

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

tom-256.log•8 日前

workflow dispatchでnpm versionを更新する

概要ある変更の塊に対してタグを付けたいローカルでやると間違えるのでCIで統一したい tagとreleaseを分けたいコード .github/workflows/tagging.yml name: tagging on: workflow_dispatch: inputs: version: type: choice description: "patch | minor | major" required: true default: "patch" options: - patch - minor - major branches: [main] jobs: tagging: runs…

#GitHub Actions#npm

ネットで話題

1331ブックマーク経産省発の npm モジュール！住所や電話番号の正規化、ジオコーディングなどができる IMI コンポーネントツールを試した！ - Geolonia blog

blog.geolonia.com

668ブックマーク npm とか bower とか一体何なんだよ！Javascript 界隈の文脈を理解しよう - Qiita

qiita.com

541ブックマーク GitHubがnpmの買収を発表、JavaScriptのパッケージ管理サービス。将来的にはGitHubとnpmを統合へ

www.publickey1.jp

474ブックマーク npm パッケージの unpublish に関するゴタゴタの大まかなまとめ - ヤルキデナイズド

uasi.hatenablog.com

465ブックマーク colorsなどのnpmパッケージに悪意あるコードが含まれている問題について

zenn.dev

433ブックマーク ‘-‘ という名前の、中身が無いのに70万回ダウンロードされてる謎のnpmパッケージ – 秋元@サイボウズラボ・プログラマー・ブログ

labs.cybozu.co.jp

376ブックマークモダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy 2020.04.30 モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack この記事では、モダンな JavaScript を書くための前提として知っておくべき、いくつかのキーワードを紹介します。想定読者は、初心者〜 jQuery なら書けるレベルの開発者です。これから React や Vue.js を学びたい方、または Web 開発の世界...

www.hypertextcandy.com

363ブックマークフロントエンド開発の３ステップ（npmことはじめ） - Qiita

qiita.com

338ブックマーク npm, yarn による zero install 戦略 - from scratch

yosuke-furukawa.hatenablog.com

関連ブログ

The only way humans have ever figured out of getting somewhere is to leave something behind.•11 日前

ウェブ開発が名前も知らない個人の無償労働に依存しているのは構造的な脆弱性だが、それは近々解消されると思う

log4j や faker.js が最近話題になっていたが、こういう例は特段目新しい出来事ではない。過去にも Heartbleed や left-pad のような事案があった。みんなもう忘れているかもしれないけど。今の OSS の体制が続く限り、同じようなことは何度も繰り返されるだろう。さて、よく言われる話だが、我々ウェブ開発者のほぼすべては OSS 開発者の成果にフリーライドしている。うーん、OSS 開発者、カワイソウ。でも OSS 使う側からしてみれば無償 OSS に依存して保守が途絶えたり不正なコードが混入されるリスクを背負うよりは、お金払ってもいいからちゃんとした保証のあるものを使い…

#npm#JavaScript#OSS

日々ブログ•17 日前

【プログラミング】vue cliの使い方

前回、vuecliをインストールする方法をお伝えしましたが、今回はその基本的な使い方について記載したいと思います。久しく、コードを書いていなかったので、正月ボケを治すという意味でもいい勉強になりました。 xinformation.hatenadiary.com vue cliとは vue.jsを使用したアプリケーションを開発するための環境を作るためのツールです。動く画面を作るだけなら爆速でつくれます。 Reactでも可能ですが、動くものを作るというゴールではvueの方が覚えることが少ないので早いと思います。プロジェクトを作成するコマンド一発でプロジェクトを作成することができます。と…

#leaflet#使い方#npm

bnsgt's diary•先月

【TypeScript】モジュールの宣言ファイルが見つからない時の対応

npm packageをimportして使おうとしたら、以下のようなエラーが出ることがある。モジュール '{package name}' の宣言ファイルが見つかりませんでした。〇〇〇は暗黙的に 'any' 型になります。 npm i --save-dev @types/{package name} で、インストールできない場合、今回は、npx create-react-app app --template typescriptで環境構築したプロジェクトだったので、srcディレクトリ内に任意の名前の.d.tsファイルを置けば問題なかった。 src/{package name}.d.ts de…

#TypeScript#npm

電通国際情報サービス TechBlog•先月

フロントエンド依存ライブラリのバージョンアップ戦略

こんにちは、ISID デジタルビジネス推進室の浦本です。好きな食べ物は生八ツ橋です。本記事は電通国際情報サービス Advent Calendar 2021 の24日目の記事です。はじめに皆さんは、npmでインストールした依存パッケージを定期的に更新されていますか？「面倒だから更新していない。。。」「フロントエンドはそのままでも大丈夫でしょ？」と思って放置されている方もいらっしゃるかもしれません。しかーし！！更新せずに放置していると、古い依存パッケージの脆弱性を突かれてしまったり、アプリのコード体系が古くなり開発に支障が出たりします。そこで本日は、面倒になりがちな依存パッケー…

#npm#フロントエンド

ミツモア Tech blog•2 か月前

npm/yarnの不足点とpnpmの解決法

※ こちらはミツモアAdvent Calendar 2021の6日目の記事です。こんにちはミツモアでエンジニアの邢(@keidarcy)です。ミツモアは「リモートワークが増えてエアコンを綺麗にしたい」「引っ越しで出た不用品を回収してもらいたい」といった生活のあらゆるシーンであなたにぴったりの専門家を無料で探せるサービスですので、ぜひ気軽に使ってみてください！ meetsmore.com pnpmとは pnpm 公式サイトによると、pnpmはperformant npmを表しています。 pnpm Fast, disk space efficient package manager なので、…

#nodejs#pnpm#monorepo#npm#yarn

takasp blog•2 か月前

社内用機種依存文字変換検出ライブラリを作った話

はじめにこんにちは。id:takasp です。この記事は airCloset Advent Calendar 2021 の 3 日目です。さて、他社サービスとの連携において住所情報などを連携すると、連携するサービスによっては機種依存文字の対応を求められる場合があります。そんなときにどのように対応したかというのが今回のお話です。下記ツイートは筆者が「こないだやったやつ！」と見たときに思ったツイートです。このように 1 例としてハイフンに似た文字が混じると他社サービスとの連携に失敗するため、何らかの対策を講じる必要があります。経緯は知らんが実際混じってくるんだこれが。 https:/…

#Node.js#npm#Jest#TypeScript#TDD

別にしんどくないブログ•2 か月前

Rust + Node-APIでクロスプラットフォーム向けnpmパッケージを公開する

この記事は Node.jsのカレンダー | Advent Calendar 2021 - Qiita の2日目の記事です。今回はnapi-rsというNode-APIを使ったNode.js add-onをRustで書けるツールを紹介します。 napi.rs

#Node.js#nodejs#JavaScript#Rust#npm

at backyard•2 か月前

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

目次目次【最初に結論】package-lock.jsonの"lockfileVersion"はどちらを使えば良い？チーム開発ではnpmのバージョンを揃えるようにするオープンソース開発ではlockfileVersion:2 に移行していってもよさそう？まえがき適用されるlockfileVersionとnpmの関係参考になる日本語の記事【最初に結論】package-lock.jsonの"lockfileVersion"はどちらを使えば良い？ lockfileVersion が 2になったのはnpmのversion 7から。それを踏まえて、下記のように挙動が変わる。 npm 6を利…

#npm#package-lock.json

365歩のテック•2 か月前

ARM64のDockerイメージのビルドでyarn installがエラーになる

AWSのFargateがGraviton2に対応したので、dockerコンテナイメージをARM64プラットフォーム版でビルドしてみたら失敗したので調査してみました。

#Docker#Fargate#ECS#ARM アーキテクチャ#npm#yarn#AWS

新卒未経験エンジニア成長日記•昨日

パッケージのインストール npm install resorces/js/ckeditor.jsに以下を追記 window.ClassicEditor = require('@ckeditor/ckeditor5-build-classic'); webpack.jsに追記 mix.js('resources/js/app.js', 'public/js') .js('resources/js/ckeditor.js', 'public/js') blade <div wire:ignore class="form-group row"> <div class="col-md-9"> <tex…

塀の備忘録•昨日

GoのMinimal Version Selectionについて

はじめに 2022-01-08、オープンソースのnpmパッケージであるcolors.jsとfaker.jsの作者が、不具合を引き起こす実装を意図的に含めたこれらの最新バージョンを公開した。それらを利用しているプロジェクトは影響を被り、問題のコードが含まれないバージョンへのダウングレードによって当座の問題を回避したはずだ。その後、colors.jsは2022-01-11時点で問題を含むバージョン(1.4.1や1.4.2など)はnpmからunpublishされたため、npmの最新は安全なバージョン(1.4.0)へと変更済みだ。ゆえにunpublishまでの数日間において^1.0.0のようにキャ…

cpboyの偉大な日々•一昨日

日記２１１８

今日も終わり 2月からまた仕事が忙しくなりそうだまあ仕方ないよね楽な時間はそう長くは続かないまあやるかぁ今日の良かったことなんだろ javascriptとかvueとかでちょっと新しく知る所が多かったかも npmとか今まで地味に使ったことなかったし…あと非同期処理とか vueのインスタンスプロパティとか…諸々日に日にメモが増えていく 2022/01/20（木）の日記

nakamurakko’s blog•一昨日

Angular のプロジェクトに ESLint を設定して、 TypeScript っぽく書いているかチェックする

環境 Angular CLI 13 Visual Studio Code 参考にしたサイト @typescript-eslint/eslint-plugin eslintを最大限活用してTypeScriptの型安全を少しずつ高める方法 TypeScriptのプロジェクトでESLint+Prettierを活用する Angular のプロジェクト内で TypeScript らしくコーディングしているかチェックするには、 ESLint Plugin TypeScript を使うと良い。 (この設定は Angular に限らず、 TypeScript を使用するフレームワークで使えるはず。) パッケー…

約束の地•一昨日

Docker でコンテナを作成する際にボリュームを指定するとコンテナの内容を上書きしてしまうため、node_modules などが消える現象を防ぐ

全体 Dockerfile で yarn install*1 をして node_modules 配下にライブラリがインストールされたイメージが作成されたとします。このイメージからコンテナを作成する場合、例えば /path/to:/app のようにボリュームを指定すると、せっかく作られた node_modules が跡形もなく消え去ってしまいます。これを防ぎます。方法 local にボリュームを作成し、そこにコンテナの node_modules を同期させるようにします。 docker-compose.yml で例を示します。 version: '3.8' services: web: （中…

KIYONO日記•一昨日

【締切間もなく】完全在宅エンジニアを目指している人必見【優遇案件】

こんにちわ！今回は株式会社Wizを紹介致します！なんと完全在宅勤務が可能で、急成長中IT商社のフロントエンド・バックエンドエンジニア募集中のWizが、エンジニアを募集中。今回はエンジニアを募集中と言う株式会社wizを調べて観ました。「ブログで書く事なのか？」って疑問に思うかもしれませんが、完全在宅ワークで条件が良い会社ないんじゃないか？って思うくらいの優良な会社だったので今回紹介したく思います。お客様満足度の最大化を目指し、多彩なサービスを創出。「売る」と「創る」で新しい価値を創造し、幅広く事業展開しています。世の中のIoT・ICT化の流れに沿い、 ITインフラを世の中に普及…

外部長期記憶領域•3 日前

SpringでREST APIを呼び出すアプリケーションを作った

REST APIを呼び出して、レスポンスをJavaクラスのインスタンスとして受け取るアプリケーションを作りました。 APIサーバーのモックをローカルにたてて、アプリケーションからモックサーバーへリクエストを送信する構成にしています。モックサーバー Json Serverを使用しています。複雑な設定が不要で、気軽にモックを作成できるツールです。 npmでインストールできます。 % npm install -g json-server インストールできたらdb.jsonを作成して、 { "quotes": { "type": "success", "value": { "id": 10, "q…

羊をめぐるブログ•3 日前

Bitrise上でExpo OTA

はじめにこれは2021年振り返りカレンダーの4日目の記事です．前回は，はじめてBitriseを用いてreact-nativeのCI/CD環境を構築する（新春SP）という内容でした． serenard.hatenablog.com Expoには Over The Air (OTA) update という，審査を通さなくてもアプリのアップデートを配信できる機能があります．細かいが致命的なバグなどを緊急に修正したい場合には，2,3日かかってしまう審査を通さずにすぐ修正版を配信できるので便利です．前回の記事ではOTAを実行するワークフローの構築については省略したので，今回はそれについて書…

CLOVER🍀•3 日前

Node.js × TypeScriptのORM、PrismaをMySQLで試す

これは、なにをしたくて書いたもの？ Node.js＋TypeScript環境でのORMはどれを使ったらいいのかな？ということで。このあたりみたいです。 Sequelize | Sequelize ORM v5以降、TypeScriptをサポート TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Brow…

mkizka/blog•4 日前

はてなブログ記事をプレビューするVSCode拡張機能を作った

Zenn ( https://zenn.dev )の GitHub 連携で投稿する方法が好きなので、はてなブログも同じように投稿したいところです。今回はブログ記事を VSCode で編集して、 GitHub から投稿できるように整備してみたので、やったことを紹介します。

羊をめぐるブログ•4 日前

はじめてのBitriseを用いたreact-nativeアプリ (iOS) のCI/CDこうちく

はじめにこれは2021年振り返りカレンダーの3日目の記事です．前回はGCP＋ネイティブアプリの構成でGitLab flowを構築するという内容でした． serenard.hatenablog.com ネイティブアプリと言ってるくせにそこのCD周りは完全に省略するという半詐欺行為を行ってしまいましたが，今回はそれについて書きます．代表的なネイティブアプリ用のCI/CDツールとしては以下のようなものがあります． Bitrise Fastlane CodeMagic 他にも，汎用CI/CDプラットフォームのMacインスタンスを提供しているものを利用することも考えられます．今回は，採用例や…

セットプチフォッカ•4 日前

日本の地方公共団体コードをパースするGemをリリースしました

作ったもの jp_local_govという日本の地方公共団体コードを市区町村の情報にパースしてくれるGemを作りました。人生初Gemリリースです🎉 github.com rubygems.org 「そもそも地方公共団体コードってなんやねん」方も多いと思いますが、全国地方公共団体コード（ぜんこくちほうこうきょうだんたいコード）[注釈 1]は、日本の地方公共団体につけられた、数字3桁または5桁または6桁の符号（コード）である。コードが与えられる地方公共団体とは、都道府県・市町村・特別区、一部事務組合・地方開発事業団・広域連合、加えて、地方公共団体ではないが行政区・東京都区部である。全国地方公…

サーバーワークスエンジニアブログ•5 日前

AWS Amplify ホスティングでNext.jsをホスティング

こんにちは、屋根裏エンジニアこと技術1課の折戸です。屋根裏併設のバルコニーにもとうとう雪が降りました⛄ いよいよ暖房器具の購入を検討したほうがいいかもしれません。今回は AWS Amplify ホスティングでNext.jsアプリケーションをホスティングしてみましたので、その手順と動作確認方法をご紹介します。 AWS Amplify ホスティングとは事前準備ローカル環境へNext.jsアプリケーションを作成 npxコマンドでNext.jsアプリケーションを作成 npm build & start 起動したアプリケーションへアクセスアプリケーションを停止 Git 作業 GitHubにリ…

かもメモ•5 日前

React + TypeScript import 順をキレイにしたい

React のプロジェクトで import の並び順を揃えて見通しを良くしたい前提 create-react-app --template typescript で作成したプロジェクトに ESLint と Prettier を導入してある "react-scripts": "^5.0.0" "react": "^17.0.2" "typescript": "~4.1.5" "eslint": "^8.6.0" "prettier": "2.5.1" 1. 使用してない import 自動削除する eslint-plugin-unused-imports を使用する $ npm i -D es…

nomurabbitのブログ•5 日前

【Typescript】DeepLをReactに実装してみた【Lambda】

この記事はDeepLのAPIをReactアプリに実装する方法を解説したものです。こんにちは！らびです。今回はDeepLをReactアプリに実装していきます。DeepLのAPIを呼び出す方法は昨日の記事を参考にしてください。