Prettierを使わない理由

2024/03/30 59 users Prettier コードフォーマッター 議論 ツール 意見

この記事はPrettierを使用している人を非難したり、脱Prettierを推奨する事を目的としていません。 こういった考え方もあるということをひとつの意見としてご覧いただければ幸いです。 はじめに Prettierはコードフォーマッターとして広く使われているツールです。 コードスタイルに関する議論をなくすことを目的として... 続きを読む

ESLintのローカルルールで独自のコーディング規約を実装する - ドワンゴ教育サービス開発者ブログ

2023/12/22 11 users berlysia コーディング規約 ローカルルール 運用 開発

この記事はドワンゴ Advent Calendar 2023 の 22 日目の記事です。 ドワンゴ教育事業Webフロントエンドチームの berlysia です。1 この記事では、オンライン学習サービスN予備校の開発を支えるコーディング規約の考え方に少し触れ、その運用を支えるESLintの活用を紹介します。 この記事の内容は、他社様主催イベントに... 続きを読む

ESLintのローカルルールで独自のコーディング規約を実装する

2023/11/02 29 users コーディング規約 ローカルルール

Lightning TechTalks #2 〜フロントエンドで導入してよかったOSS〜 で発表させていただいたスライドです ドワンゴ教育事業採用サイト 続きを読む

Deprecation of formatting rules - ESLint - Pluggable JavaScript Linter

2023/10/26 18 users Pluggable JavaScript linter

In ESLint v8.53.0, scheduled to be released on Friday, November 3, 2023, we will formally deprecate our formatting rules. Formatting rules are those rules that simply enforce code conventions around spacing, semicolons, string formats, etc. For a variety of reasons, which are discussed in this po... 続きを読む

新卒エンジニアがESLintのFlat Config移行と格闘した話 - ドワンゴ教育サービス開発者ブログ

2023/10/19 12 users config ドワンゴ flat config 移行 資料

ESLintのFlat Configへの移行は進んでますでしょうか？試してみたでしょうか？ 今回はドワンゴの新卒エンジニアが初仕事として取り組んだ、ESLintのFlat Configへの移行に関して「その方法と嵌ったところの乗り越え方」をお伝えします。 この記事で言及すること Flat Configに書き変えるときに見る資料 ESLintのconfigを... 続きを読む

ESLint の共有設定を Flat Config に対応させる - Object.create(null)

2023/09/16 11 users Object.create まえがき null 修正案 コード

まえがき こんにちは, 人間 ESLint です. そんな人間 ESLint の私ですが, 私一人があらゆるコードに注意深く目を通して, さらに修正案まで提示するというのは大変です. 多くの問題は機械的に検知できるはずなので, そういった仕事を私の代わりにしてくれるメカ人間 ESLint が欲しくなってきます. そんなわけで, 4 年ほど... 続きを読む

なぜ <div> に onClick がダメなのか？

2023/06/18 144 users onclick div 要素 みなさん 設定

■ はじめに <div>要素にonClickを定義しない方がいい、ということを聞いたことがあります。 みなさんも聞いたことないでしょうか？ ただ、なぜ良くないのか？ 理解してなかったので今回調べてみました。 ちなみに、ESLint でもそのような場合にワーニングを吐いてくれるものがあります。 ESLint の設定にもそれに対応す... 続きを読む

Result型とESLintでエラーハンドリング漏れを検出する

2023/03/30 16 users

こんにちは、よしこです。 この記事では、わたしの所属する株式会社ナレッジワークで最近コードベースに取り入れた「エラーハンドリング漏れ防止の仕組み」について紹介します。 背景 「通信を伴うアクションに失敗しても画面にエラーフィードバックが表示されない」という実装漏れをしてしまったことがあり、今後こうい... 続きを読む

TypeScriptの型情報を使ったサポート対象のブラウザが実装してないメソッドの利用をエラーにするESLintルール

2023/03/18 14 users TypeScript メソッド 実装 エラー 解析

eslint-plugin-typescript-compatはTypeScriptプロジェクト向けのESLintルールです。 このESLintではサポートしているブラウザが、実装していないメソッドを検知してLintエラーにしてくれます。 JavaScriptではメソッドの静的解析は難しい(メソッド名が同じでも独自実装の可能性があるため)ですが、TypeScriptの型情報を... 続きを読む

Ubie における ESLint 活用

2022/12/04 15 users TypeScript Ubie ベストプラクティス 静的解析

Ubie では JavaScript や TypeScript で開発されているプロジェクトに対して、静的解析のために ESLint を導入しています。 この記事では Ubie での ESLint を活用事例を紹介します ESLint を活用する目的 まず私が ESLint を活用する目的は、コーディング規約やベストプラクティスを強制することで、コードレビューの手... 続きを読む

JavaScript/TypeScript の Linting に XO を使うように統一した - ドクターズプライム Official Blog

2022/08/16 12 users TypeScript linting github.com

@1000ch (id:hc0001) です。掲題の通り、少し前にドクターズプライムの Frontend プロジェクトで使う lint ツールとして ESLint ではなく XO を使っていく方針に切り替えました。最近その振り返りを行ったので、その備忘録として文字に起こします。 github.com 経緯と課題 これまでは Create React App に付属する ESLin... 続きを読む

JavaScriptにセミコロンは入れるのか？入れないのか？ - Qiita

2022/08/14 155 users セミコロン Qiita コンパイラ 落とし穴 結論

結論 どちらでもいい セミコロン付けても付けなくても落とし穴はある ESLintを利用することで落とし穴を検知できる 私はセミコロンつけない派 自動セミコロン挿入とは 自動セミコロン挿入(automatic semicolon insertion) この仕組みのおかげでセミコロンを使わなくてもコードを書くことができ、コンパイラが行末を察し... 続きを読む

ESLintのconfigがどのように変わり得るか（flat configとは何か）

2022/08/12 11 users config flat config 言及 リリース 通り

ESLint v8.21.0のリリースでこれまでとは異なるconfigシステム（flat config）が持ち込まれた。 以下の通り、新しいconfigシステムへの一歩というように言及があり、ESLintを利用する上で無視できない影響を受ける変更となりそうなので、どのようなものか確認しておきたい。 We took a big step toward ESLint’s new con... 続きを読む

【Rome】RomeはJavaScriptをやめてRustにするってよ - Qiita

2021/09/27 17 users Qiita rust Rome Webpack Babel

RomeはLinterでありCompilerでありBundlerでありFormatterでありTesterでありMinifierであり…… ともかく、フロントエンドの統合ツールチェーンです。 これまでBabel、ESLint、webpack、Prettier、Jestなど様々なツールでバラバラに行っていた作業が、Romeひとつ使うだけで完結するようになるという、これまで何度再発明... 続きを読む

JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ － Publickey

2021/05/05 117 users Publickey Rome Webpack Babel 統一

JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ 現在、モダンなJavaScript開発環境としては、ESLintに代表される構文チェッカーや、Babelに代表されるJavaScript変換ツール、モジュールを組み合わせるなどのバンドル操作を行うWebpackなど、さまざまなツールを組み合... 続きを読む

最近の ESLint とかの構成2021

2021/04/06 13 users Parser TypeScript 構成 ヤツ プロジェクト

みんな好きな構成を好きなように入れれば良いと思ってるけど、自分が最近やってるやつを雑に紹介する。 シンプルなTypeScriptのプロジェクトを想定している。 npm install --save-dev eslint prettier typescript eslint-config-prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin npm-run-all 続きを読む

ESLint, Prettier, VS Code, npm scripts の設定: 2021春

2021/02/18 252 users Prettier エディタ npm scripts 重い腰

eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる（人間が気にする必要のない問題なのに！） 直接実行するより遅い（同様... 続きを読む

Deno の組み込みリンター "deno_lint" の紹介 〜 ESLintの代替としても

2020/12/05 11 users deno リンター アドベントカレンダー 新進気鋭 代替

この記事は Deno Advent Calendar 2020 6日目の記事です。 5日目は -> Deno Standard Library Working Group について 7日目は -> （あとで埋める） Deno とは こんにちは、@magurotuna です。 このアドベントカレンダーをご覧の方であれば、新進気鋭の JavaScript / TypeScript ランタイムである Deno のことはある程度... 続きを読む

Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった

2020/09/24 177 users Prettier Plugin Created 組み合わせ

Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった2020-09-24(created) 前に書いた ESLint と Prettier の共存設定とその根拠について が公式推奨が変わったことにより一部間違った情報になっているのでその訂正記事です。 該当記事に書いた内容は Prettier と ESLint の関係を読み解く上で役立... 続きを読む

Pug を HTML に移行して .vue ファイル の template タグ内に ESLint を効かせた話 - SMARTCAMP Engineer Blog

2020/09/03 11 users SaaS Vue SFC Pug 中川

こんにちは！スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの中川です。 上記プロダクトのフロントエンドは Vue.js を用いて開発しているのですが、 その中で SFC 内のtemplateタグで使用していた Pug をやめて HTML に移行した件をこの記事ではお話しようと思います。 また、実際にtempl... 続きを読む

npmパッケージの公開用テンプレートを作ってみました | with TypeScript, Jest, ESLint, Prettier, etc. - m's blog

2020/07/09 48 users npm Jest Prettier husky テン

npm パッケージの公開用テンプレート を作ってみました。 本記事ではテンプレートの内容について、簡単に解説したいと思います。 以下は、2020/07/09 時点でテンプレートに含まれる内容です。 TypeScript CI/CD (publish by GitHub Actions) Jest ESLint Prettier EditorConfig husky ※ 上記以外の項目については、テン... 続きを読む

ESLint と Prettier の共存や競合についての答えとその根拠 | blog.ojisan.io

2020/06/24 275 users Prettier blog.ojisan.io 共存 競合

以前, ESLint の plugin と extend について解説した記事を書いた際に、Prettier と ESLint の共存設定について触れました。 いま Google で「Prettier ESLint」などで検索すると、最善とは言えない情報（重複した設定をしている）や根拠に欠ける情報が上の方に出てきており、混乱を助長していると思いましたので、根拠... 続きを読む

決定版！イマドキの ESLint 設定！ | Developers.IO

2020/06/01 20 users typescript-eslint いまどき 組み合わせ

そろそろ書かねばな、と思っていたところに必要としてくださる方がいらっしゃることがわかったので書きました。 eslint, eslint-plugin-prettier, typescript-eslintの組み合わせは僕の中では完全に鉄板になったんだけど、「決定版！イマドキのESLint設定！」みたいなタイトルの煽り記事を書く元気はないんだよな…… — な... 続きを読む

ESLint v7.0.0 の変更点まとめ - Qiita

2020/05/08 12 users Qiita has been released バグ修正

前 v6.8.0 | 次 (2020-05-22 JST) ESLint v7.0.0 has been released ? Thanks to everyone who helped make this release happen.https://t.co/AMhSuPxJIy — ESLint (@geteslint) May 8, 2020 ESLint 7.0.0 がリリースされました。 多数の互換性のない変更、ルール追加、オプション追加、そしてバグ修正が含まれていま... 続きを読む

JavaScript ASTを使ったツール(自作、ESLint、Babel、jscodeshift)を実装する話 | Web Scratch

2019/12/03 15 users Babel AST リポジトリ インタラクティブ スラ

Dive into ASTというJavaScriptのASTを使ったツールの作り方を見ていく話を書きました。 自作の正規表現、ASTチェックツール、ESLint、Babel、jscodeshiftでそれぞれ動くツールを実装してるので、リポジトリにまとめてあります。 スライドではCode Surferを使ってASTや書き方をインタラクティブに解説しています。 スラ... 続きを読む