並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 322件

新着順 人気順

ESLintの検索結果161 - 200 件 / 322件

  • Migrate to ESLint 9.x

    Composable and traceableBenefits of the flat config Performance: Reduced overhead due to a single configuration source.Maintainability: Easier to manage and update.Flexibility: More straightforward to compose and understand.You can learn more about the reason for the flat config by visiting these links: here and here. For more information on the syntax and concepts, check out the ESLint configurat

      Migrate to ESLint 9.x
    • GitHub - mizdra/eslint-interactive: The CLI tool to fix huge number of ESLint errors

      The default ESLint output contains a lot of useful messages for developers, such as the source of the error and hints for fixing it. While this works for many use cases, it does not work well in situations where many messages are reported. For example, when introducing ESLint into a project, or when making big changes to the .eslintrc of a project. In these situations, the output of ESLint can be

        GitHub - mizdra/eslint-interactive: The CLI tool to fix huge number of ESLint errors
      • GitHub - coderaiser/putout: 🐊 Pluggable and configurable JavaScript Linter, code transformer and formatter, drop-in ESLint superpower replacement 💪 with built-in support for js, jsx typescript, flow, markdown, yaml and json. Write declarative codemods i

        Perfection is finally attained not when there is no longer anything to add, but when there is no longer anything to take away. (c) Antoine de Saint Exupéry 🐊Putout is a JavaScript Linter, pluggable and configurable code transformer, drop-in ESLint replacement with built-in code printer. It has a lot of transformations that keeps your codebase in a clean state, removing any code smell and making c

          GitHub - coderaiser/putout: 🐊 Pluggable and configurable JavaScript Linter, code transformer and formatter, drop-in ESLint superpower replacement 💪 with built-in support for js, jsx typescript, flow, markdown, yaml and json. Write declarative codemods i
        • 【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

            【React / TypeScript】ESLint + Prettier を設定する(ESLint 編)
          • ESLint v8.0.0 released - ESLint - Pluggable JavaScript Linter

            Highlights There are several breaking changes in v8.0.0. We’ve created a migration guide to explain the breaking changes and describe how to upgrade. In addition, there are several new features: ESLint’s default parser and all core rules now fully support the following ES2022 syntax: Class public instance fields and private instance fields Class public static fields and private static fields Class

              ESLint v8.0.0 released - ESLint - Pluggable JavaScript Linter
            • Microsoft donates $10,000 to ESLint as first FOSS Fund recipient - ESLint - Pluggable JavaScript Linter

              ESLint v8.x reached end-of-life on 2024-10-05 and is no longer maintained. 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 f

                Microsoft donates $10,000 to ESLint as first FOSS Fund recipient - ESLint - Pluggable JavaScript Linter
              • 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 =

                  ESLintのルールを全部読む
                • 重い lint ルールを特定しよう!TIMING オプションで ESLint 実行速度改善

                  こんにちは,株式会社 AbemaTV Web browser チームの山﨑です. 私たちのプロダクトでは JavaScript や TypeScript などの静的解析ツールである ESlint を CI で活用しています.しかし,ESlint の実行が不安定になっており開発速度や開発者体験が低下している問題が発生していました.具体的には, eslint を実行している CircleCI のインスタンスクラスを large にしても,job の失敗率が 50% を超えてしまっているような状態でした. この問題を解決すべく,eslint のルール毎の実行時間を計測する TIMIMG オプションを活用することでボトルネックとなっていたルールの特定・精査を行いました. 今回の記事では,不安定だった CI 上での ESlint 実行を TIMIMG オプションを活用し安定化させるに至った話をします

                    重い lint ルールを特定しよう!TIMING オプションで ESLint 実行速度改善
                  • eslintを最大限活用してTypeScriptの型安全を少しずつ高める方法 - ITANDI Engineer Blog

                    はじめに あけましておめでとうございます! OHEYAGOの開発の田渕です。 OHEYAGOではTypeScriptを導入し、少しでもバグが発生しにくい状態を心がけています。 しかし、リリース直後(昨年9月末)にはTypeScriptの良さを活かしきれていない状態でした。具体的には、 型を明示していない箇所が多かった any型が横行していた という状態でした。 そこで、リリース後に追加開発をこなしながら、コツコツTypeScriptの型システムの恩恵を受けやすいようリファクタリングを進めたので、その記録を書き留めておきます。 実際にTypeScriptを使っているけれどあまり秩序が保てていない、という方や、これからTypeScriptのプロジェクトを始めるけれど、eslintの設定をどうしようと思っている方などの参考になれば嬉しいです。 方針 typescript-eslintを活用して、

                      eslintを最大限活用してTypeScriptの型安全を少しずつ高める方法 - ITANDI Engineer Blog
                    • Announcing typescript-eslint v6 | typescript-eslint

                      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 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 changes

                        Announcing typescript-eslint v6 | typescript-eslint
                      • 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

                          GitHub - testing-library/eslint-plugin-testing-library: ESLint plugin to follow best practices and anticipate common mistakes when writing tests with Testing Library
                        • 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

                            Preparing your custom rules for ESLint v9.0.0 - ESLint - Pluggable JavaScript Linter
                          • 【Nuxt.js】ESLintの設定とVSCodeで保存時に自動整形する方法 - Qiita

                            Help us understand the problem. What is going on with this article?

                              【Nuxt.js】ESLintの設定とVSCodeで保存時に自動整形する方法 - Qiita
                            • Github ActionsでeslintとJestを実行するworkflow - Qiita

                              やること Github Actionsを使って、PRが作成されたタイミングでテストや構文解析を実行するというものです。 説明しないこと Github Actionsとは? それぞれの導入方法 細かい部分 Github Actionsを使用する時のポイント Marketplaceを探すとかなり豊富に色々な開発者が開発をしたActionが利用出来るようになっているので、まずそちらを見てみるといいかもしれません。 Github Actionsの導入方法 Github Actionsを導入したいgithubで管理されているrepoに以下のようにworkflow定義用のmain.ymlを作成します。 上記でmain.ymlとしていますが、ここのファイル名は自由です。 かつ、複数のymlファイルを配置して、actionを分割することも可能です。

                                Github ActionsでeslintとJestを実行するworkflow - Qiita
                              • マナリンクのフロントエンド開発環境【基礎編/TypeScript,ESLint,Jest,Sentry】 | 株式会社NoSchool

                                CTOの名人です。 ちょっとした要望がありまして、弊社のフロントエンド開発環境についてざっくばらんにまとめてみようと思います!今回は基礎編と題しまして、フレームワークやライブラリについてまとめてみます。 フレームワークNuxt.jsオンライン家庭教師マナリンクのフロントエンドをSSRで実装しています。 Next.jsマナリンクforTeachersという、先生向けのメディアサイトをISRにて実装しています。 ソースコード品質担保 「このままのソースコードでも動くけど、(諸々の事情で)こう書いたほうがよりよいですよ」という注意をしてくれるライブラリです。 JavaScriptに限らず各言語に類似の目的を達成するライブラリはあり、一般に「Lintツール」「Linter」などと呼ばれます。 ESlintは、基本的にはnpm install -D eslintして、ルートディレクトリに.eslin

                                  マナリンクのフロントエンド開発環境【基礎編/TypeScript,ESLint,Jest,Sentry】 | 株式会社NoSchool
                                • Version Support - ESLint - Pluggable JavaScript Linter

                                  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

                                    Version Support - ESLint - Pluggable JavaScript Linter
                                  • Nuxt3のLinterは Nuxt ESLint で整備する (マイグレーションあり)

                                    はじめに こんにちは、がんがんです。 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

                                      Nuxt3のLinterは Nuxt ESLint で整備する (マイグレーションあり)
                                    • VSCode で tsserver や ESLint が通知するエラーがおかしくなった時にやること - mizdra's blog

                                      TypeScript を書いていると、tsconfig.json を変更したのに何故かその設定が tsserver に読み込まれないとか、vscode-eslint に変更が通知されずに古い型情報を使って lint し続けているとか、そういうことが多々ある。大体 VSCode を再起動すれば解決するのだけど、手間だし遅いし計算資源が勿体ない… という訳でここでは僕が普段使っている再起動以外の workaround をいくつか紹介する。 F1 > Developer: Restart extension host 日本語だと「開発者: 拡張機能のホストを再起動」という項目。これを実行するとユーザがインストールした拡張機能や VSCode に bundle されている拡張機能 *1 を再起動することができる。全拡張機能の再起動するのでそこそこコストが掛かるけど、殆どのケースで問題が解決するし、

                                        VSCode で tsserver や ESLint が通知するエラーがおかしくなった時にやること - mizdra's blog
                                      • 2020-05-25のJS: Chrome 83、Electron 9.0.0、typescript-eslint 3.0.0

                                        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

                                          2020-05-25のJS: Chrome 83、Electron 9.0.0、typescript-eslint 3.0.0
                                        • ESLintチームから200ドルもらった話 - Qiita

                                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ESLint チームから $200 いただきました!とても嬉しくありがたいです! プログラマー人生の中でも、あまり無い経験だと思ったので駄文ですがこの経験を残そうと思います。 一応書いておくと私は ESLint の中の人ではありません。 まず簡単な時系列(日本時間) 3/26朝、ESLint TSCミーティングでコントリビューターの誰に今月分の寄付をするのが良いか話し合われる。 ミーティングメモのPR: https://github.com/eslint/tsc-meetings/pull/246 3/26朝、ESLint チームのリー

                                            ESLintチームから200ドルもらった話 - Qiita
                                          • 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とは アプリケーションなどを開発しているとき、あるモジュールの範囲内でのみ使用してほしい(=あるモジュールの中に隠蔽したい)変数や関数を定義したくな

                                              eslint-plugin-import-accessで「そこからそれはimportしないでください!!」を防ぐ
                                            • 2022-08-30のJS: ESLint 8.23.0(eslint.config.js)、TypeScript 4.8、Solid v1.5.0

                                              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

                                                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

                                                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 v8.23.0 released - ESLint - Pluggable JavaScript Linter
                                                • ESLintが妙に遅いとき、不要なファイルを読んでないか確認して除外しよう。 | Ginpen.com

                                                  ここまでのあらすじ:ESLint は便利。でも実行すると妙に遅い? CI の実行時間には問題なく、VS Code のプラグインもストレスなく動く。でも手元のコンソールから実行するととても遅い……というか一生終わらない。どうして? どこかで詰まっている? なにが? 先にまとめ ビルドファイルなんかが対象になってるかも DEBUG=eslint:* eslint . で実行し、詳細出力 目的でないファイルが含まれていないか確認 ignorePatterns へ追加して除外 なんか遅い…… あるとき大きめの自動変更をしました。 目視確認の前に機械的に判断できるものは判断してしまおうとコンソールから ESLint を実行したところ……終わらない。ESLint のエラーは VS Code 上ではちゃんと出てくるし、CI もご機嫌に回っているので特に気にしていなかったんですが、どこかに何か問題があるよ

                                                    ESLintが妙に遅いとき、不要なファイルを読んでないか確認して除外しよう。 | Ginpen.com
                                                  • Migrate Codelyzer with angular-eslint

                                                    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 テンプレート

                                                      Migrate Codelyzer with angular-eslint
                                                    • ESLintのバージョンをv6.8.0からv8.4.1に上げる - LCL Engineers' Blog

                                                      この記事は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のバージョンをv6.8.0からv8.4.1に上げる - LCL Engineers' Blog
                                                      • JavaScript/TypeScriptの静的解析ツール「ESLint」、CSSのリントを正式にサポート

                                                        ESLintの開発チームは、2024年7月に、「ESLintをあらゆる言語のリントが可能な、より汎用的なリンターにする」計画を発表していた。2024年10月にはJSONとMarkdownをサポートした。今回のCSSサポートの導入によって、さらに汎用性が向上する。 CSSのリントは、公式の言語プラグインである@eslint/cssプラグインを使用することで実行できる。プラグインを使用するには、npmからインストールし、構成ファイルを更新する。 また、プラグインにはno-empty-blocks-(空のブロックを許可しない)、no-invalid-properties-(無効なプロパティを許可しない)などのいくつかのルールが組み込まれている。 デフォルトでは、CSSのリントはコードを厳密に解析し、発見したすべてのエラーを強調表示する。ただし、ブラウザのCSS解析にはエラーリカバリー機能が組み込

                                                          JavaScript/TypeScriptの静的解析ツール「ESLint」、CSSのリントを正式にサポート
                                                        • typescript-eslintのrecommendedって2種類あんねん

                                                          結論 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

                                                            typescript-eslintのrecommendedって2種類あんねん
                                                          • 雰囲気で書かないESLintの設定ファイル - Qiita

                                                            この記事が解決する問題 すでに結構いろんな記事が出回っているのですが、あまり設定ごとのピンポイントな説明記事が見当たらなかったので、 この記事では雰囲気でわかってそうだけど実はあまり良くわかっていないオプションのいくつかを私の独断と偏見で選んで解説します。 plugins と extends いちばん大事な設定ですが、実は一番間違えやすい設定でもあります。 @typescript-eslint/eslint-plugin を例にすると、たとえば module.exports = { "plugins": ["@typescript-eslint"], "parser": "@typescript-eslint/parser", "rules": { ..., }, }

                                                              雰囲気で書かないESLintの設定ファイル - Qiita
                                                            • 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 単体コードフォーマット

                                                                TypeScriptのプロジェクトにESLintとPrettierを併用してVSCodeの保存時に自動フォーマットをする | ZUMA Lab
                                                              • [Next.jsのAppRouter] コロケーションパターンを実現し、eslintで依存の向きを強制する方法

                                                                [Next.jsのAppRouter] コロケーションパターンを実現し、eslintで依存の向きを強制する方法 背景 AppRouterは、新たにReact18で導入されたSuspenseを最大限に活用しています。 このため、Suspenseを活かすためのディレクトリ構造が必要となります。 Suspenseを用いる際には、データのフェッチをコンポーネントの近くで行うように設計するのが一般的です。 しかしこのアプローチは、アトミックデザインとは相性が悪く、アトミックデザインから大きく変化することが求められます。 そこで、Suspenseと相性が良いコロケーションパターンを採用し、AppRouterに適したディレクトリ構造を構築することを試みます。 また、このコロケーションパターンをチーム全体で維持するため、eslintを使用して依存関係の向きを強制する方法についても紹介します。 コロケーショ

                                                                  [Next.jsのAppRouter] コロケーションパターンを実現し、eslintで依存の向きを強制する方法
                                                                • React: import時のaliasを設定するときはWebpack、TypeScript、ESLintの3つを対応しなければならない件 - Qiita

                                                                  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                                    React: import時のaliasを設定するときはWebpack、TypeScript、ESLintの3つを対応しなければならない件 - Qiita
                                                                  • 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の次世代バージョ

                                                                      ESLintのフォーマット系ルールの廃止など: Cybozu Frontend Weekly (2023-11-07号)
                                                                    • ESLint v8.56.0 の `reportUnusedDisableDirectives` とは何か?

                                                                      この記事は Cybozu Frontend Advent Calendar 2023 の 24 日目の記事です。 先日リリースされた ESLint v8.56.0 でオプション reportUnusedDisableDirectives が改善された話です。 元々どういうオプションだった? // eslint-disable-line みたいなルール無効化ディレクティブを書いたけど、しばらくして何かしらのコード修正の影響でもうそのルール違反は発生しなくなって、でも無効化ディレクティブは消し忘れて無駄に残っている、みたいな状態は起こりがちです。 例えば以下のように non null assertion (!) が一時的に必要になって disable したけど、

                                                                        ESLint v8.56.0 の `reportUnusedDisableDirectives` とは何か?
                                                                      • 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

                                                                          Release v5.0.0 · typescript-eslint/typescript-eslint
                                                                        • 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

                                                                            GitHub - vitest-dev/eslint-plugin-vitest: eslint plugin for vitest
                                                                          • 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

                                                                              GitHub - eslint-stylistic/eslint-stylistic: Monorepo for ESLint Stylistic plugins and configs
                                                                            • 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

                                                                                Node.js(Express)(ES6で実装)においてESLint / Prettier / Visual Studio Code / ホットリロードの設定をする - Qiita
                                                                              • 続・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

                                                                                  続・VSCode上でvueファイルに対してESLintとPrettierが快適に動作する設定 - Qiita
                                                                                • [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