Hatena Blog Tags
はてなブログ トップ
ESLint
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

ESLint

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

Hono CLIのコードを読んでるうちにCommander.js向けのESLint Pluginを自作してた件

Commander.jsはJS/TS向けのCLI作成キットだ。 github.com こういう感じでCLIに必要な要素をガリガリと定義していける。 const { program } = require('commander'); program .option('--first') .option('-s, --separator <char>') .argument('<string>'); program.parse(); const options = program.opts(); const limit = options.first ? 1 : undefined; consol…

#TypeScript#ESLint#OSS

関連ブログ

newmo 技術ブログ•3ヶ月前

GitHub ActionsでESLintのShardingを実装して、CIの実行時間を51%削減しました

newmoでは、pnpm workspaceで管理している複数のアプリケーションやライブラリに対してESLintを実行しています。 プロジェクトの成長とともにLint対象のファイル数が増加し、CI実行時間とメモリ使用量が増加していました。GitHub Actionsのmatrixオプションを使用した動的なShardingを実装し、これらの問題に対応しました。 newmoフロントエンドの開発原則 newmoのフロントエンド開発では、次の原則を重視しています。 1つ目は、「同じ目的を達成するための手段を統一する」という原則です。同じ目的に対する複数の手段が混在するよりも、統一した手段を使うことで学…

#ESLint#GitHub Action
エス・エム・エス エンジニア テックブログ•3ヶ月前

ESLintのMultithread LintingをTurborepoのCI環境で検証して導入を見送った理由

はじめに こんにちは！カイポケのリニューアルプロジェクトを担当しているエンジニアのNobです。 普段はWebのフロントエンドが中心ですが、最近はモブプロをとおしてバックエンドのタスクにもチャレンジさせてもらっています。 プライベートでは2歳になったばかりの息子の子育てに奮闘中です。最近は話せる言葉が増えて少し会話が成り立つようになってきたり、遠くへの外出でも泣かなくなってきました。子育ては大変ですが、それ以上に子供からたくさんの笑顔と幸福感をもらっています。 さて、今回はESLintに追加されたMultithread Lintingについて、私が携わっているプロジェクトのCIへの導入を検討した…

#ESLint#CI#turborepo
ROXX開発者ブログ•4ヶ月前

ESLint 9へのアップデートとFlat Config移行ログ

この記事は個人ブログと同じ内容です https://zenn.dev/ptpadan/articles はじめに ESLint 9 がリリースされ、新しい Flat Config 形式が標準となりました。 この記事では、モノレポ環境での ESLint 8 から 9 へのアップデート作業と、従来の.eslintrc.yml形式から Flat Config 形式への移行について、実際に遭遇した問題と解決方法を含めて記録します。 ESLint 9のメリット ESLint 9 への移行には以下のメリットがあります。 パフォーマンスの向上: 設定の解析が高速化 依存関係の簡素化: 多くのプラグインが統合…

#ESLint#Flat Config#Lint#monorepo#TypeScript
web100tips’s blog•7ヶ月前

Linterとは？ESLint導入からCI連携まで完全ガイド【Webエンジニア向け】

Linterの役割と導入（ESLintなど） はじめに Web開発においてコードの品質を保つために欠かせないツールの一つが「Linter（リンター）」です。本記事では、Linterの基本的な役割から、代表的なLinterであるESLintの導入方法、設定、活用法までを1時間で学べる内容で網羅的に解説します。 Linterとは何か？ Linterとは、ソースコードを解析して構文ミスやスタイルの問題を検出する静的解析ツールのことです。主な目的は以下の通りです： コードの一貫性を保つ バグの原因となる記述ミスを未然に防ぐ チーム開発におけるコードスタイルの統一 レビューコストの削減 代表的なLint…

#ESLint#コード品質#CI/CD#開発効率化
KENTEM TechBlog•7ヶ月前

次世代フォーマッターBiome、実務で半年使ったリアルな感想とその魅力とは？

こんにちは。KENTEM第二開発部でフロントエンドを担当しているM・Sです。 普段の開発において、フォーマッターとリンターは開発者の強い味方ですよね。 従来のWeb開発においてはPrettierとESLintを組み合わせるのが主流でしたが、最近はBiomeというツールが登場しています。 今回はBiomeの特徴や、実際の製品開発プロジェクトで半年使ってみてわかったことをご紹介いたします！ ちなみにフォーマットとリントの定義はこちら↓ フォーマット: コードの見た目を統一・整形する リント: コードの問題点や規約違反を検出する 特徴 フォーマットもリントもこれ１つで 高速 フォーマッティング性能 …

#フロントエンド#Prettier#ESLint
Mobile Factory Tech Blog•8ヶ月前

ESLintルールのエラー文をカスタマイズしたい

こんにちは、駅メモ！開発チームエンジニアの id:hayayanai です！ 駅メモ！のフロントエンド開発では、Linter として ESLint や Stylelint、それらの Vue 関連のプラグインを導入しています。 これらの開発支援を利用していく中で、既存の ESLint ルールのエラー文だけを変えたいという話が上がりました。 一般的なエラー文を出すよりも、チームとしての方針を明記した方が対応しやすいということです。 一から ESLint のカスタムルールを作る方法については、調べてみると既に多くの情報がありました。 一方で、既存のルールを上書きする方法の情報は少なく、実装に苦戦しま…

#ESLint
サーバーワークスエンジニアブログ•1年前

コードの複雑さを定量化してみよう

こんにちは。アプリケーションサービス部の渡辺です。 コードの品質担保にはいろいろな方法があると思います。テストカバレッジ上げることだったり、実際に動かしてみて不具合がないか確認してみたりなどです。 運用を見据えると コードの読みやすさ を品質として定義することもできますね。 ただ、 コードの読みやすさ っていったい何でしょう？ 実装者はおそらくそのコードをスラスラ読むことができますよね。一方で他の人はそのコードをスラスラ読むことができるケースとできないケースがありそうです。 おそらく、経験などが大きく影響してくると思います。 経験などの不確実なものでなく、何か仕組みで コードの読みやすさ を担…

#TypeScript#ESLint#認知負荷
ムキムキマッチョマン•1年前

ESLint Pluginを書くのに必要な知識、あるいは強力な制約で得られるものについて

こんにちは。ムキムキマッチョマンになりたい人です。心も体もムキムキマッチョマン。 フロントエンド領域でのムキムキマッチョマン目指して頑張っています。 この記事は技術記事の皮を被った、IT知識トレーニングの記録です。 はじめに フロントエンド開発において、コーディング規約やいろいろな制約を持たせたいときに重宝されるのがLinter、静的解析ツールです。 静的解析ツールではソースコードを実行などせず解析し、文法上の間違いや表記の統一の問題を見つけ、場合によってはそれの解決まで行ってくれます。 2024年現在様々なLinterがある中で、ESLintはプラグインを中心としたエコシステムを形成し色々あ…

#技術#ESLint#JavaScript
かもメモ•1年前

ESLint A && B, A || C が no-unused-expressions のエラーになる

TypeScript React で ref を使ったタイマーを使った処理を書いていて予期しない ESLint のエラーが出たのでメモ ESLint no-unused-expressions error が発生 const timerRef = useRef<number | null>(null); // … timerRef.current && clearTimeout(timerRef.current); // => ESLint error A && B をしている箇所で Expected an assignment or function call and instead saw…

#TypeScript#ESLint#JavaScript