【日本一わかりやすいTypeScript入門】ESLintとPrettierでコードの品質を高めよう

「ESLintとPrettierの設定がわからん」「コミットしたら勝手にバグチェックとコード整形をしてほしい」という方向けの動画です。
TypeScriptじゃなくても使える設定になってます。

動画の作成中にまさかのバグを引いたというねw
20分で終わらせるつもりが30分の動画になってごめんなさい！

🐯 この講座のGItHubリポジトリ（動画ごとにブランチを作っています）
https://github.com/deatiger/ts-basic-...

📖 目次
0:00 はじめに
3:03 ESLintとPrettierとは
6:13 その他のパッケージの役割
8:19 Prettierの設定
11:14 ESLintの設定
17:30 ESLintとPrettierが使えるか検証
23:39 Git commit時にESLintとPrettierが起動する流れ
24:32 huskyとlint-stagedの設定
28:04 huskyのバグ修正

🎉 おすすめ再生リスト
★日本一わかりやすいReact入門【基礎編】
   • Плейлист  

★分かりすぎて怖いJavaScript入門
   • 分かりすぎて怖いJavaScript入門  

★Re:ゼロから始めるWeb API入門
   • Re:ゼロから始めるWeb API入門【基礎編】  

🙆‍♂️ 学習コミュニティ
Webエンジニアを目指している方、よりスキルアップをしたい方向けの学習コミュニティです。
詳細動画　   • 【募集中】学習コミュニティ「とらゼミ」の募集を再開しました  
お申し込みはこちら　https://torahack.web.app/community/

🙋‍♂️ 自己紹介
スタートアップ企業のフロントエンドエンジニア。
バックエンドもちょっとデキル。
最近はTypeScript, React, Next.js, Firebaseでの開発がメイン。
バックエンドはNode.jsとPythonを書きます。

🔗 関連リンク
Twitter:   / torahack_  
Qiita: https://qiita.com/torahack
GitHub: https://github.com/deatiger
Zenn: https://zenn.dev/torahack

#とらゼミ #ESLint #Prettier