ESLint入門2023 導入・設定方法・Prettierとの違い解説

JavaScriptのコード品質を上げる必須ツール ESLint の解説をします。ESLintとは何か・役割とはから始まり、導入方法や設定ファイルの作り方、VS Codeで便利に使う方法までを説明します。
また、前回紹介した Prettier との違いについてもふれています。
Prettier を紹介した動画はこちら「VS Codeを効率的に使う方法を解説（基本設定とショートカット編）」
• VS Codeを効率的に使う方法を解説（基本...
🦜 Twitter フォローお願いします！
公式アカウント / moozaru_ch
毎日 Web プログラミングや Web 制作・デザインに関する Tips をお届けしています。フォローしてくれれば役に立つはず 🥴
むー / moobugs
zaru / zaru
👨‍💻 ムーザルについて
ムーザルは、むーとzaru（ざる）の現役プログラマな二人のコンビです。
技術や物作りが好きで、楽しんで開発ができるような動画を投稿しています。
チャンネル登録やグッドボタンで応援してくれると嬉しいです。
「この技術の解説動画が見たい！」などのリクエストコメントもお待ちしております！

[@sika6886]

勉強になりました！PrettierとESLintを同時に入れる時の注意点、ぜひ聞きたいです。

[@kerokeropyu-]

動画の内容とあまり関係ないですが、Typescriptの動画を作って欲しいです。トランスコンパイルで具体的にどんなことしてるのか、jsにはない、tsの独特な書き方はどこか、つまづきやすいポイントはどこか、お役立ちサイトの情報等を教えてくれると飛んで喜びます。

[@CALLISTO4G]

今話題のbiomeの話もして欲しいかもです

[@8dEenKhdkwadsj368sndf]

最近フロント側の仕事がちょくちょく入るので参考にさせていただいてます。（完全に初心者） 次回のお話も気になるので、機会があれば是非お願いします！

[@HI-ks4pr]

初学者のころにこの動画に出会えていたら苦しまずに済んだな...

[@kuokiNoDaibouken]

ESLintとPrettierの間に、GitHub Colipot Labsが参戦してきたので、使い分けがさらに難しくなってきましたw

[@ぐるんぐるん-o1o]

JS系統の開発は、なんでこうもフワッとするのか。。いつも思うんよね。 結局、リッチクライアントでもブラウザ依存だからかな。。どうもセキュリティ上に不安があるし、難読化するからバグが良く分からない事になり、改修に時間が掛かる印象しかない。つまり、めんどくさい。。

[@まんぷくたろう-p8l]

コードレビューはESlint先生とprettierマネージャーに頼ればいんだ