【React / TypeScript】ESLint + Prettier を設定する（ESLint 編）
とはいえ, まるっと設定を実施するのでいずれ上記は別の箇所に移動していきます。 ESLint の初期設定 公式の Getting Started を参考に実施していきます。 簡単に eslint --init を使って, 構成ファイル生成とライブラリのインストールをやります。（eslint をグローバルインストールしたくないので, 公式通りに便利な npx で実施していきます） ちなみに, 公式の Getting Started の先頭の npm install eslint --save-dev を飛ばしているのは, eslint --init の最後で npm install に誘導してくれるからです。 ? What type of modules does your project use? … ❯ JavaScript modules (import/export) CommonJ
Published 09 Oct, 2021 under Release Notes ESLint v8.0.0 released We just pushed ESLint v8.0.0, which is a major release upgrade of ESLint. This release adds some new features and fixes several bugs found in the previous release. This release also has some breaking changes, so please read the following closely. Highlights There are several breaking changes in v8.0.0. We’ve created a migration guid
ESLintのルールを全部読む
全部読んで、使うのか使わないのか、使うならどういう設定にするか、を全部考える。 airbnb-base を使いがちだったが自社のルールセット作るうえでは通ったほうが良い道なのではと思ったので、やる。 array-callback-return ArrayやArray.prototypeに生えている関数(Arrany.fromやArray.prototype.everyなど)が引数にcallbackを取る場合に、callbackで必ずreturnを書くことを強要するルール。 // だめな例 /*eslint array-callback-return: "error"*/ var indexMap = myArray.reduce(function(memo, item, index) { memo[item] = index; // returnがない }, {}); var foo =
Microsoft donates $10,000 to ESLint as first FOSS Fund recipient - ESLint - Pluggable JavaScript Linter
ESLint v8.x end-of-life is 2024-10-05 and will not be maintained after that. Upgrade or consider long-term support options Published 13 Aug, 2020 under Sponsorships Microsoft donates $10,000 to ESLint as first FOSS Fund recipient We are happy to announce that Microsoft has donated $10,000 to ESLint, as part of their FOSS Contributor Fund. It is an honor to be supported by Microsoft and to be their
こんにちは，株式会社 AbemaTV Web browser チームの山﨑です． 私たちのプロダクトでは JavaScript や TypeScript などの静的解析ツールである ESlint を CI で活用しています．しかし，ESlint の実行が不安定になっており開発速度や開発者体験が低下している問題が発生していました．具体的には， eslint を実行している CircleCI のインスタンスクラスを large にしても，job の失敗率が 50% を超えてしまっているような状態でした． この問題を解決すべく，eslint のルール毎の実行時間を計測する TIMIMG オプションを活用することでボトルネックとなっていたルールの特定・精査を行いました． 今回の記事では，不安定だった CI 上での ESlint 実行を TIMIMG オプションを活用し安定化させるに至った話をします
typescript-eslint is the tooling that enables standard JavaScript tools such as ESLint and Prettier to support TypeScript code. We've been working on a set of breaking changes and general features that we're excited to get in released! 🎉 We'd previously blogged about v6 in Announcing typescript-eslint v6 Beta. This blog post contains much of the same information as that one, but updated for chang
eslintを最大限活用してTypeScriptの型安全を少しずつ高める方法 - ITANDI Engineer Blog
はじめに あけましておめでとうございます！ OHEYAGOの開発の田渕です。 OHEYAGOではTypeScriptを導入し、少しでもバグが発生しにくい状態を心がけています。 しかし、リリース直後(昨年9月末)にはTypeScriptの良さを活かしきれていない状態でした。具体的には、 型を明示していない箇所が多かった any型が横行していた という状態でした。 そこで、リリース後に追加開発をこなしながら、コツコツTypeScriptの型システムの恩恵を受けやすいようリファクタリングを進めたので、その記録を書き留めておきます。 実際にTypeScriptを使っているけれどあまり秩序が保てていない、という方や、これからTypeScriptのプロジェクトを始めるけれど、eslintの設定をどうしようと思っている方などの参考になれば嬉しいです。 方針 typescript-eslintを活用して、
Preparing your custom rules for ESLint v9.0.0 - ESLint - Pluggable JavaScript Linter
When ESLint v9.0.0 is released, it will ship with several breaking changes for rule authors. These changes are necessary as part of the work to implement language plugins, which gives ESLint first-class support for linting languages other than JavaScript. We’ve had to make these changes because ESLint has, from the start, assumed that it would only ever be used to lint JavaScript. As such, there w
Help us understand the problem. What is going on with this article?
やること Github Actionsを使って、PRが作成されたタイミングでテストや構文解析を実行するというものです。 説明しないこと Github Actionsとは？ それぞれの導入方法 細かい部分 Github Actionsを使用する時のポイント Marketplaceを探すとかなり豊富に色々な開発者が開発をしたActionが利用出来るようになっているので、まずそちらを見てみるといいかもしれません。 Github Actionsの導入方法 Github Actionsを導入したいgithubで管理されているrepoに以下のようにworkflow定義用のmain.ymlを作成します。 上記でmain.ymlとしていますが、ここのファイル名は自由です。 かつ、複数のymlファイルを配置して、actionを分割することも可能です。 $ cd path/to/myrepo $ mkdir
Version Support The ESLint team provides ongoing support for the current version and six months of limited support for the previous version. Major ESLint release lines move through a status of Current, to Maintenance, to End of Life (EOL). A release line is considered Current when prerelease work begins. At that point, the previous release line moves to Maintenance status and stays there until six
マナリンクのフロントエンド開発環境【基礎編/TypeScript,ESLint,Jest,Sentry】 | 株式会社NoSchool
CTOの名人です。 ちょっとした要望がありまして、弊社のフロントエンド開発環境についてざっくばらんにまとめてみようと思います！今回は基礎編と題しまして、フレームワークやライブラリについてまとめてみます。 フレームワークNuxt.jsオンライン家庭教師マナリンクのフロントエンドをSSRで実装しています。 Next.jsマナリンクforTeachersという、先生向けのメディアサイトをISRにて実装しています。 ソースコード品質担保 「このままのソースコードでも動くけど、（諸々の事情で）こう書いたほうがよりよいですよ」という注意をしてくれるライブラリです。 JavaScriptに限らず各言語に類似の目的を達成するライブラリはあり、一般に「Lintツール」「Linter」などと呼ばれます。 ESlintは、基本的にはnpm install -D eslintして、ルートディレクトリに.eslin
はじめに こんにちは、がんがんです。 2024 年 4 月、Nuxt から Nuxt ESLint というモジュールが公開されました。Nuxt ユーザー待望の All-in-one ESLint モジュールです。 本モジュールの登場により Nuxt におけるリンターの設定方法が大きく変わりました。 本記事では Nuxt ESLint を用いたマイグレーションを中心に新しい Nuxt ESLint をセットアップしていきます。 Nuxt ESLint とは Nuxt ESLint はAll-in-one ESLint integration for Nuxtと公式ドキュメントに記載がある通り、Nuxt ユーザーのための All-in-one モジュールです。 今までの Nuxt ユーザーは Nuxt3 で ESLint を使う場合、どれが Nuxt 公式のルールだろう Nuxt で ESLi
VSCode で tsserver や ESLint が通知するエラーがおかしくなった時にやること - mizdra's blog
TypeScript を書いていると、tsconfig.json を変更したのに何故かその設定が tsserver に読み込まれないとか、vscode-eslint に変更が通知されずに古い型情報を使って lint し続けているとか、そういうことが多々ある。大体 VSCode を再起動すれば解決するのだけど、手間だし遅いし計算資源が勿体ない… という訳でここでは僕が普段使っている再起動以外の workaround をいくつか紹介する。 F1 > Developer: Restart extension host 日本語だと「開発者: 拡張機能のホストを再起動」という項目。これを実行するとユーザがインストールした拡張機能や VSCode に bundle されている拡張機能 *1 を再起動することができる。全拡張機能の再起動するのでそこそこコストが掛かるけど、殆どのケースで問題が解決するし、
ESLint チームから $200 いただきました！とても嬉しくありがたいです！ プログラマー人生の中でも、あまり無い経験だと思ったので駄文ですがこの経験を残そうと思います。 一応書いておくと私は ESLint の中の人ではありません。 まず簡単な時系列（日本時間） 3/26朝、ESLint TSCミーティングでコントリビューターの誰に今月分の寄付をするのが良いか話し合われる。 ミーティングメモのPR: https://github.com/eslint/tsc-meetings/pull/246 3/26朝、ESLint チームのリーダーである Nicholas さんから、あなたに $200 あげます（かなり意訳）な旨のメールが届く。 3/26、メールに案内の通りに Open Collective で申請。3/27、申請が承認される。 3/30 $200 もらた！ ESLint チームの
JSer.info #489 - Chrome 83がリリースされました。 New in Chrome 83 | Web | Google Developers What's New In DevTools (Chrome 83) | Web | Google Developers Deprecations and removals in Chrome 83 | Web | Google Developers Chrome Platform Status V8 release v8.3 · V8 Trusted Typesのサポート、フォームコントロールUIのアップデート、COOP(Cross-Origin-Opener-Policy)とCOEP(Cross-Origin-Embedder-Policy)が実装されています。 COOPとCOEPはSite Isola
eslint-plugin-import-accessで「そこからそれはimportしないでください！！」を防ぐ
eslint-plugin-import-accessで「そこからそれはimportしないでください！！」を防ぐ この記事は 株式会社ゆめみの23卒 Advent Calendar 2023 16日目の記事です。 3行で eslint-plugin-import-accessで「ディレクトリの他の階層からimportしてほしくないメンバ」を定義できるよ！ さらに defaultImportability: "package"を指定するとちょっと初見殺し感があるけどかなり強力になるよ！ re-exportを使う場合はビルドパフォーマンスやバンドルサイズに影響する可能性があるから気をつけよう！ eslint-plugin-import-accessとは アプリケーションなどを開発しているとき、あるモジュールの範囲内でのみ使用してほしい（=あるモジュールの中に隠蔽したい）変数や関数を定義したくな
JSer.info #607 - ESLint v8.23.0がリリースされました。 ESLint v8.23.0 released - ESLint - Pluggable JavaScript Linter このリリースでは、eslint.config.jsという新しい設定ファイルが試験的に利用できるようになっています。 この設定ファイルを導入する背景については、次の記事で解説されています。 extendsや複数のファイル形式など既存の.eslintrc設定ファイルが複雑になっていることなどについて書かれています。 ESLint's new config system, Part 1: Background - ESLint - Pluggable JavaScript Linter TypeScript 4.8が正式にリリースされました。 Announcing TypeScript
Highlights The new config system is now incorporated into the CLI, along with the existing config system. To opt-in to the new config system, place a eslint.config.js file in the root of your project. Please note that this is still an experimental feature and we welcome your feedback! The no-fallthrough rule has a new option allowEmptyCase. The no-warning-comments rule has a new option decoration.
ここまでのあらすじ：ESLint は便利。でも実行すると妙に遅い？ CI の実行時間には問題なく、VS Code のプラグインもストレスなく動く。でも手元のコンソールから実行するととても遅い……というか一生終わらない。どうして？ どこかで詰まっている？ なにが？ 先にまとめ ビルドファイルなんかが対象になってるかも DEBUG=eslint:* eslint . で実行し、詳細出力 目的でないファイルが含まれていないか確認 ignorePatterns へ追加して除外 なんか遅い…… あるとき大きめの自動変更をしました。 目視確認の前に機械的に判断できるものは判断してしまおうとコンソールから ESLint を実行したところ……終わらない。ESLint のエラーは VS Code 上ではちゃんと出てくるし、CI もご機嫌に回っているので特に気にしていなかったんですが、どこかに何か問題があるよ
Photo by Antonio Batinic from Pexels.comこれは Angular Advent Calendar 2020 8 日目の記事です。 Angular と LinterAngular: ESLint サポートの現状 2020 Autumn にあるように、Angular CLI v12 から TSLint が deprecated 扱いになる。 TSLint とともに使われてきた Codelyzer で提供されてきた Rule については、今後は angular-eslint が提供していくことになる。実際、多くの Codelyzer ルールが angular-eslint に移植済みだ。 Codelyzerルールの移管状況（一部抜粋）一方でこの移行済みチェックリストを眺めていると、template- prefix から始まる、すなわち HTML テンプレート
この記事はLCL Advent Calendar 2021 - 17日目です。 qiita.com フロントエンドエンジニアのsatoshioです。 先日弊社が提供しているバスツアー検索サービスでESLintおよびPrettierのバージョンアップ対応を行ったので、今回は対応の流れやそこで遭遇したエラーとその解決方法についてまとめます。 日帰り・宿泊バスツアーの人気格安プラン検索【バス比較なび】 目標 ESLintを最新のバージョンにアップグレードする Prettierを最新のバージョンにアップグレードする 準備 現状の確認 対応開始時点でのESLintの最新バージョンはv8.4.1、Prettierの最新バージョンはv2.5.1のようです。 一方で、バスツアー検索サービスで使用しているバージョンはというと... { "dependencies": { "nuxt": "2.15.8",
結論 eslint:recommended や plugin:@typescript-eslint/recommended を使用するだけでは no-floating-promises や restrict-plus-operands などの重要[1]なルールが有効になりません。 plugin:@typescript-eslint/recommended-type-checked を使用すると、これらのルールをまとめて有効にできます。 recommended? TypeScript のプロジェクトではともに導入されることが多い ESLint と typescript-eslint 。公式ドキュメントの Getting Started に則って進めると、以下のようなconfigになっていることが多いのではないでしょうか。 module.exports = { extends: [ 'esli
GitHub - testing-library/eslint-plugin-testing-library: ESLint plugin to follow best practices and anticipate common mistakes when writing tests with Testing Library
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
この記事が解決する問題 すでに結構いろんな記事が出回っているのですが、あまり設定ごとのピンポイントな説明記事が見当たらなかったので、 この記事では雰囲気でわかってそうだけど実はあまり良くわかっていないオプションのいくつかを私の独断と偏見で選んで解説します。 plugins と extends いちばん大事な設定ですが、実は一番間違えやすい設定でもあります。 @typescript-eslint/eslint-plugin を例にすると、たとえば module.exports = { "plugins": ["@typescript-eslint"], "parser": "@typescript-eslint/parser", "rules": { ..., }, }
背景 こんにちは、Naoyaです。Angularを採用したプロジェクトで、VSCodeにてTypeScriptを用いて開発することになり、フォーマッタ等を調べ、環境を作りました。しかし思ったより複雑で分かりづらかったため、自分の理解も兼ねて記事にしました。 対象読者 そもそもLintとかフォーマッタとかPrettierがよく分かってない、各々の言葉の次元が怪しい人VSCodeにてTypeScriptを用いて開発するときのLintやフォーマッタをいい感じに設定したい人(特にAngularを使っている人向け) といっても環境構築に関しては簡単にしか触れません。詳しいのがたくさんあるので。あくまで立ち位置の理解等がメイン。 登場人物を調べる よく聞く奴らの立ち位置を知りたく、調べた。 Prettierとは？ Prettier公式 github フォーマットするためのツールであるつまり、Prett
ESLintはJavaScriptの構文をチェックしてくれるツールです。 本エントリーでは、プラグイン利用時に発生したESLintのエラーを例を元に、特定のソースコードのチェックを無効にする方法を紹介します。 ESLintのno-unused-varsについて JavaScriptの構文チェックツールとしてESLintを用いた場合、no-unused-varsのルールによって、宣言はしているが利用していない不要な変数に対して警告してくれます。 例えば、以下のようなレスポンシブ対応のスワイプを実現してくれるSwiper.jsプラグインを使用した場合にもエラーが出力されます。 // Swiperインスタンスの生成 var swiper = new Swiper('.swiper-container', { autoplay: 5000, autoplayDisableOnInteraction
TypeScriptのプロジェクトにESLintとPrettierを併用してVSCodeの保存時に自動フォーマットをする | ZUMA Lab
2021/11/11 update この記事は Next.js10 以前の Ver.に対応した設定手順について書いています。 Next.js11 以降の設定手順については以下の記事を参照してください。 TypeScript のプロジェクトに ESLint と Prettier を併用して VSCode の保存時に自動フォーマットを実行します。 Prettier (プリティア) とはコードフォーマッターで、ソースコードを整形してくれます。 デフォルトで HTML/JavaScript/CSS/JSON/YAML の他、 JSX、TypeScript や Markdown、GraphQL、styled-components など様々な形式に対応しています。 今回、 Prettier はコードフォーマット、ESLint は構文チェックツールとして併用します。 ESLint 単体コードフォーマット
[Next.jsのAppRouter] コロケーションパターンを実現し、eslintで依存の向きを強制する方法
[Next.jsのAppRouter] コロケーションパターンを実現し、eslintで依存の向きを強制する方法 背景 AppRouterは、新たにReact18で導入されたSuspenseを最大限に活用しています。 このため、Suspenseを活かすためのディレクトリ構造が必要となります。 Suspenseを用いる際には、データのフェッチをコンポーネントの近くで行うように設計するのが一般的です。 しかしこのアプローチは、アトミックデザインとは相性が悪く、アトミックデザインから大きく変化することが求められます。 そこで、Suspenseと相性が良いコロケーションパターンを採用し、AppRouterに適したディレクトリ構造を構築することを試みます。 また、このコロケーションパターンをチーム全体で維持するため、eslintを使用して依存関係の向きを強制する方法についても紹介します。 コロケーショ
![[Next.jsのAppRouter] コロケーションパターンを実現し、eslintで依存の向きを強制する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/b04baae1366200a52e7407501c92bc208205c2e6/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--PRS6u_D5--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BNext.js%2525E3%252581%2525AEAppRouter%25255D%252520%2525E3%252582%2525B3%2525E3%252583%2525AD%2525E3%252582%2525B1%2525E3%252583%2525BC%2525E3%252582%2525B7%2525E3%252583%2525A7%2525E3%252583%2525B3%2525E3%252583%252591%2525E3%252582%2525BF%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252582%252592%2525E5%2525AE%25259F%2525E7%25258F%2525BE%2525E3%252581%252597%2525E3%252580%252581eslint%2525E3%252581%2525A7%2525E4%2525BE%25259D%2525E5%2525AD%252598%2525E3%252581%2525AE%2525E5%252590%252591%2525E3%252581%25258D%2525E3%252582%252592%2525E5%2525BC%2525B7%2525E5%252588%2525B6%2525E3%252581%252599%2525E3%252582%25258B%2525E6%252596%2525B9%2525E6%2525B3%252595%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aampersand%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2I2ZjRhYmRkNDEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
React: import時のaliasを設定するときはWebpack、TypeScript、ESLintの3つを対応しなければならない件 - Qiita
React: import時のaliasを設定するときはWebpack、TypeScript、ESLintの3つを対応しなければならない件TypeScriptwebpackReactESLint ReactとTypeScript & ESLintで開発するのがここ最近好き。tslintさようなら、@typescript-eslintこんにちは。 そんな中でaliasを設定しよう思ったとき、三カ所も設定する必要があったので覚え書き。 以下、想定としては、ルート直下に/srcがあって、それに対するaliasを~/で書きたいというもの。Nuxtっぽい感じ。 ex) import Awesome from '~/components/Awesome'; 1. Webpack の resolve.alias 公式にもある通り、まず何よりバンドルする際にきちんと認識してもらわないと始まらない終わらない
ESLintのフォーマット系ルールの廃止など: Cybozu Frontend Weekly (2023-11-07号)
こんにちは！サイボウズ株式会社フロントエンドエンジニアのおぐえもん（@oguemon_com）です。 はじめに サイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2023/11/07のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Deprecation of formatting rules 2023/11/03リリースのeslint v8.53.0からスタイルフォーマット系のルールがdeprecatedになりました。メンテナンスの負荷軽減が主な理由です。 本バージョンではarray-bracket-newlineをはじめとする67のルールがdeprecatedの対象になっています。 Jest v30.0.0-alpha.1 Jestの次世代バージョ
この記事は Cybozu Frontend Advent Calendar 2023 の 24 日目の記事です。 先日リリースされた ESLint v8.56.0 でオプション reportUnusedDisableDirectives が改善された話です。 元々どういうオプションだった？ // eslint-disable-line みたいなルール無効化ディレクティブを書いたけど、しばらくして何かしらのコード修正の影響でもうそのルール違反は発生しなくなって、でも無効化ディレクティブは消し忘れて無駄に残っている、みたいな状態は起こりがちです。 例えば以下のように non null assertion (!) が一時的に必要になって disable したけど、
GitHub - vitest-dev/eslint-plugin-vitest: eslint plugin for vitest
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Release v5.0.0 · typescript-eslint/typescript-eslint
5.0.0 (2021-10-11) Breaking Release Notes All Packages Support for ESLint v8 (see individual packages for relevant breaking changes). Drop support for Node v10 - required node version is now ^12.22.0 || ^14.17.0 || >=16.0.0. Node v10 was EOL'd in April 2021, and ESLint v8 dropped support for it too. Drop Support for ESLint v5 ESLint v5 is now 3 years old - why are you still using it? Upgrade to at
GitHub - eslint-stylistic/eslint-stylistic: Monorepo for ESLint Stylistic plugins and configs
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Node.js(Express)（ES6で実装）においてESLint / Prettier / Visual Studio Code / ホットリロードの設定をする - Qiita
※watchはFlagsの--watchを使っても実現でき、その場合はwebpack --watch --mode=developmentとなる。Flagsの説明の通り、watchも--watchも全く同じのよう。 webpackの設定 以下のように設定した。設定した内容の概要としては、 modeでdevelopmentとproductionの切り替えの設定 webpackを実行（buildを実行）した後に出力されるファイルの出力先の設定 node_modulesのバンドルをしないように設定 webpackでbuildする時にESLintを実行し、エラーがあればbuildを止める webpack.config.jsの全体は以下。 const path = require('path'); const nodeExternals = require('webpack-node-externa
続・VSCode上でvueファイルに対してESLintとPrettierが快適に動作する設定 - Qiita
2022/10/03 追記 本稿は2020/04/22頃にVue 2+VeturというVSCode機能拡張を使って開発する前提でした。 現在は、Vueは3になりComposition APIが追加されていたり、TypeScriptも使えるようになっていたり、VolarのVSCode機能拡張を使うようになっており、本稿を書いた時から状況が変わっています。 Vue 3になってからの情報はあまりキャッチアップできていないため、快適な設定についてはよくわからないのでまだ書けません。 が、ESLintでLintを行い、Prettierでフォーマットする、というのは変わらないように思えます。（静的検査を環境に依存することなく行うには今も必要だと思います） 元の記事 以前に投稿した時 から色々変化したのでアップデートを兼ねて。 VSCodeがeditor.codeActionsOnSaveやeditor
[TypeScript][ESLint]@typescript-eslint/strict-boolean-expressionsでTruthy/Falsyの判定を禁止する | DevelopersIO
[TypeScript][ESLint]@typescript-eslint/strict-boolean-expressionsでTruthy/Falsyの判定を禁止する 吉川@広島です。 JS/TSのコードに触れていると、以下のようなTruthy/Falsyを利用したnullチェックを見ることがあると思います。 const foo: Foo | undefined = getFoo() if (foo) { // fooがundefinedでない場合の処理 } 個人的に、Truthy/Falsyを使った判定は後からコードを見返した際に「nullチェックをしているのか」「0をチェックしているのか」「空文字 "" をチェックしているのか」など一瞬読解に迷う場合があるため、より厳密な判定をする方が好みです。 例えばnullチェックであれば != null と書くようにした方が意図が明確に伝わ
![[TypeScript][ESLint]@typescript-eslint/strict-boolean-expressionsでTruthy/Falsyの判定を禁止する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ceb7f301debda3b69c19c12e9b3c113d9ddf7392/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2022%2F02%2FESLint-1200x360-1.jpg)
概要 プロジェクトが進行するにつれて失敗からの学びを得たり、フェーズの変化により強力な eslint の rule を追加したい場合があります。しかし、次に示す特性を持つ rule を途中から追加するのは、手動で変更するファイルが多すぎて困難になるケースがあります。 既存コードに対してのエラーの件数が100件を超えている --fix による自動修正が提供されていない この記事では サービスを止めずにコードのクオリティを上げる TypeScript＋Reactで安全に開発を続ける方法 - ログミーTech を参考に reviewdog を使用して、厳しい tsconfig や eslint rule を段階的に適用する方法を紹介します。 方法 以降は eslint rule について説明していきます。tsconfig やその他ツールについても同様に設定が可能です。 reviewdog は l
typescript-eslint/naming-convention.md at main · typescript-eslint/typescript-eslint
🛑 This file is source code, not the primary documentation location! 🛑 See https://typescript-eslint.io/rules/naming-convention for documentation. Enforcing naming conventions helps keep the codebase consistent, and reduces overhead when thinking about how to name a variable. Additionally, a well-designed style guide can help communicate intent, such as by enforcing all private properties begin w
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ESLint v8.0.0 released - ESLint - Pluggable JavaScript Linter
重い lint ルールを特定しよう！TIMING オプションで ESLint 実行速度改善
Announcing typescript-eslint v6 | typescript-eslint
【Nuxt.js】ESLintの設定とVSCodeで保存時に自動整形する方法 - Qiita
Github ActionsでeslintとJestを実行するworkflow - Qiita
Version Support - ESLint - Pluggable JavaScript Linter
Nuxt3のLinterは Nuxt ESLint で整備する (マイグレーションあり)
ESLintチームから200ドルもらった話 - Qiita
2020-05-25のJS: Chrome 83、Electron 9.0.0、typescript-eslint 3.0.0
2022-08-30のJS: ESLint 8.23.0(eslint.config.js)、TypeScript 4.8、Solid v1.5.0
ESLint v8.23.0 released - ESLint - Pluggable JavaScript Linter
ESLintが妙に遅いとき、不要なファイルを読んでないか確認して除外しよう。 | Ginpen.com
Migrate Codelyzer with angular-eslint
ESLintのバージョンをv6.8.0からv8.4.1に上げる - LCL Engineers' Blog
typescript-eslintのrecommendedって2種類あんねん
雰囲気で書かないESLintの設定ファイル - Qiita
VSCodeにおけるPrettierとESLint(TSLint)の理解
ESLintで特定のソースコードのチェックを無効にする - Qiita
ESLint v8.56.0 の `reportUnusedDisableDirectives` とは何か？
reviewdog を使用して厳しい tsconfig や eslint rule を段階的に適用する方法の紹介