Node.jsのツールで–cacheフラグを実装するためのライブラリを書いた

ESLint、Prettierなどは–cacheフラグという一度チェックしたファイルは、ファイルが変更されるまで再チェックしないキャッシュの仕組みを実装しています。 同様の仕組みをtextlintを実装したことはありますが、file-entry-cacheを使い結構煩雑な実装が必要になります。ファイル変更を元に処理結果をキャッシュする仕組…

Webサービス開発でのmonorepo環境(Turborepo, nx)

Webサービス開発の文脈で、モノレポ環境を作る方法について整理しました。 ※バックエンドもフロントエンドも全てTypeScriptで開発している前提 この記事を書いた背景 世間で言われる「モノレポ」がどのように達成されているのか知らなかった 参考記事を読んでると実現方法が異なっていたり、運用のイメージが見えなかっ…

はじめに – NestJSの強化書 βversion

本書の目標は、本読者がNestJSをすぐに実務で利用できる(具体的に言えばNestJSで簡単なプロダクトを開発できる)ように、最短ルートに読者を導く一冊になることです。本書は、NestJSの網羅的なドキュメントではありません。取り扱う内容は頻出する機能に絞って、「実務でNestJSを扱うなら、最低限ここだけは理解しておこ…

76. モダンウェブフロントエンド(2022)に至る歴史 – React Server Component、SSR Streaming w/ morishin127 | fukabori.fm

2022年のモダンウェブフロントエンドまでに至る歴史、SPA、CSR、SSR、SSR Streaming、React Server Component などについて語っていただいたエピソードです。 話したネタ モダンウェブフロントエンド勉強会を開催しました そもそもWebページのダウンロードって、どう始まった？ JavaScriptがマウスカーソルをキラキラさ…

2022年Reactを使ってる人には必ず知っていてほしい最強のdata fetchingライブラリであるRTK Queryの優位性とメンテナンスの際に役立つTips – Qiita

import { emptySplitApi as api } from "./emptyApi"; const injectedRtkApi = api.injectEndpoints({ endpoints: (build) => ({ updatePet: build.mutation<UpdatePetApiResponse, UpdatePetApiArg>({ query: (queryArg) => ({ url: `/pet`, method: "PUT", body: queryArg.pet }), }), addPet: build.mutation<AddPetA…

Nuxt.js の既存プロジェクトの型チェックを厳格化した話 ～vue-tsc と tsconfig/strictest 導入までの道のり～ – ANDPAD Tech Blog

ANDPADフロントエンドエンジニアの小泉（@ykoizumi0903）です。Vue / Nuxt での開発を行っています。 このテックブログでも、 Vue Composition API を使った開発にまつわる記事を過去に何件か書いていますが、現在担当しているプロダクトの開発に携わるようになって2年ほど経ち、いわゆる技術的負債と呼ばれるようなもの…

初心者プログラマーのための英語命名法 – Qiita

はじめに 「なんか、レビューのたびに変数名を指摘されてる気がする…」 「日本人なんだから、英語で命名とか無理…」 こんなお悩みありませんか？ この記事では、「プログラマーが英語の命名で悩んだ時にどうすれば良いか」をフローチャート形式で解説します！ これであなたも駆け出しエンジニアを卒業できるかも!? ※…