JavaScript のデバッグ方法 / How to debug JavaScript(includes Node.js) in Browser/VSCode

JavaScript のデバッグ方法についてご紹介します。

This is the way to debug JavaScript.

0:00 intro
0:22 How to debug in Node.js / Node.js でのデバッグ方法
1:27 Practice / 実践
2:04 How to use Browser Debug tools / ブラウザのデバッグツールの見方
4:18 Debugging in Browser / ブラウザでデバッグします
4:44 Set the Breakpoint / ブレイクポイントの指定
5:33 Step over / ステップオーバーの使い方
6:48 Step into/out / ステップイン/アウトの使い方
8:46 Setp / ステップの使い方
10:19 How to use VSCode Debug tools / VSCode のデバッグツールの使い方
12:14 How to debug Client side JavaScript / クライアントサイド JS のデバッグ方法
13:46 Deactivate BreakPoints / ディアクティブブレイクポイント
14:41 Pause on Exceptions / エラー発生したらデバッグ開始
16:13 outro

## ⚙️ my favorite tools / 使ってるやつ

? main PC
Mac mini(M1/16mem)
https://amzn.to/3o5Bu3e

? monitor / モニター
https://amzn.to/3zu3tMG

monitor arm / モニタアーム
https://amzn.to/3BprEMO

? web cam / ウェブカメラ
https://amzn.to/3sYbs25

? mic / マイク
https://amzn.to/3DqQwWy

?♂️ Desk Mat / デスクマット
https://amzn.to/3mExnKM

⌨️ Keyboard / キーボード
https://amzn.to/3DskRUE

?♂️ desk / スタンディングデスク
https://amzn.to/3h10Ivt

Standing-Desk Mat / スタンディングデスク マット
https://amzn.to/2UYOj3e

? chair / 椅子
https://amzn.to/3yBGApH

? headphone / ヘッドホン
https://amzn.to/2UWUncx

## ? awesome books / 神本

Web フロントエンド ハイパフォーマンス チューニング
https://amzn.to/3kzhuTd

## ? awesome movies / 神動画

Understanding the V8 JavaScript Engine
https://www.youtube.com/watch?v=xckH5s3UuX4

PS:
Some of the links in this description are affiliate links that could help me to keep creating those videos ?
説明欄に記載のあるリンクにはアフィリエイトリンクが含まれています。動画作りの支えになりますので踏んでお買い物してもらえると助かります。