Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VS Codeでデバッグしよう JavaScript編
Search
Kihara, Takuya
PRO
January 19, 2019
Technology
1
1.5k
VS Codeでデバッグしよう JavaScript編
デバッガ機能の簡単な説明と、Visual Studio Codeのデバッガ機能を使う導入。
デモにて、ブレークポイントを実際に使うところを解説。
Kihara, Takuya
PRO
January 19, 2019
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
230
Amazon Q Developer CLI でゲームと Amplify アプリを作ってみた #ゆるWeb札幌
tacck
PRO
0
28
ゆるWeb勉強会@札幌 #30 #ゆるWeb札幌
tacck
PRO
0
6
Flutter を始めよう! - Flutter の開発現場から
tacck
PRO
0
140
GitHub Actions で Flutter アプリの CI/CD をやってます #ゆるWeb札幌
tacck
PRO
0
160
ゆるWeb勉強会@札幌 #29 #ゆるWeb札幌
tacck
PRO
0
140
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
tacck
PRO
1
470
はじめまして GoLang #cm_sapporo_study
tacck
PRO
0
130
ゆるWeb勉強会@札幌 #28 #ゆるWeb札幌
tacck
PRO
0
89
Other Decks in Technology
See All in Technology
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
4
580
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
ganota
2
310
スクラムガイドに載っていないスクラムのはじめかた - チームでスクラムをはじめるときに知っておきたい勘所を集めてみました! - / How to start Scrum that is not written in the Scrum Guide 2nd
takaking22
1
160
2025/09/16 仕様駆動開発とAI-DLCが導くAI駆動開発の新フェーズ
masahiro_okamura
0
130
KotlinConf 2025_イベントレポート
sony
1
140
新アイテムをどう使っていくか?みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
akkiesoft
0
340
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
kazukihayase
0
120
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
260
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
lauchacarro
0
210
今日から始めるAWSセキュリティ対策 3ステップでわかる実践ガイド
yoshidatakeshi1994
0
120
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
niizawat
0
120
普通のチームがスクラムを会得するたった一つの冴えたやり方 / the best way to scrum
okamototakuyasr2
0
110
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
113
20k
Large-scale JavaScript Application Architecture
addyosmani
513
110k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Fireside Chat
paigeccino
39
3.6k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Gamification - CAS2011
davidbonilla
81
5.4k
Done Done
chrislema
185
16k
Building Applications with DynamoDB
mza
96
6.6k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
VS CodeͰσόοά͠Α͏ 2019/01/19 tacck JavaScript編 ゆるWeb勉強会@札幌#3
୭ UBDDL ໊લ ࡶͳϑϧελοΫΤϯδχΞ ͓ࣄ εϓϨουɾΠʔάϧ ͖ͳϑΟΪϡΞεέʔτͷٕ
ࠓ͓͢͠Δ͜ͱ • தڃऀΛࢦ͢ͱ • σόοΨͱ • Visual Studio CodeͷσόοΨΛͬͯΈΔ
தڃऀΛࢦ͢ͱ
ॳ৺ऀ͔Βதڃऀ • ୭͕ॳ৺ऀ͔Βελʔτɻ • ͍͔ͭΒ࣍ͷεςοϓʹਐΊΔͷͩΖ͏͔?
None
ॳ৺ऀ͔Βதڃऀ • ϓϩμΫτΛ࡞Γ࢝ΊΔͱɺ Ұؾʹ͘͠ͳΔɻɻɻ • Βͳ͖Ό͍͚ͳ͍͜ͱɺؾʹ͠ͳ͖Ό͍͚ ͳ͍͜ͱ͕ɺ్ʹଟ͘ͳͬͯ͘Δɻ • ʮ੍ʯˠ QCDS
QCDS 2VBMJUZ ࣭ $PTU ՁɾՁ֨ ਓతίετɾ֎෦αʔϏεར༻ %FMJWFSZ ೲظ 4DPQF ػೳ
QCDS • ࣄͷՌʮ੍ʯͷதͰୡ͠ͳ͚Ε ͍͚ͳ͍ɻ • ͱ͍͑ɺ͍͖ͳΓؾʹ͢Δͷ͍͠ɻɻɻ
ॳ৺ऀ͔Βதڃऀ • ·ͣʮޮΑ͘ʯ։ൃͰ͖ΔΑ͏ʹͳΓ· ͠ΐ͏ɻ • ޮΑ͘ = ͍͔ʹ͘ʮ࡞ۀྃʯʹͰ͖Δ ͔ɻ •
͘Ͱ͖Ε༨༟͕Ͱ͖ΔͷͰɺԿΛ͢Δʹ ͯ͠Γ͘͢ͳΔɻ
ͰίʔσΟϯά͍
ίʔσΟϯά͕͍? • ϙΠϯτೋͭ • ͦͦͲ͏࣮͢Ε͍͍͔Θ͔Βͳ͍ • ࣮ͨͭ͠Γ͚ͩͲ֬ೝʹ͕͔͔࣌ؒΔ
ίʔσΟϯά͕͍? • ϙΠϯτೋͭ • ͦͦͲ͏࣮͢Ε͍͍͔Θ͔Βͳ͍ • ࣮ͨͭ͠Γ͚ͩͲ֬ೝʹ͕͔͔࣌ؒΔ • ֬ೝ͕͘Ͱ͖Εɺ࣮ൺֱతૣ͘ͳΔɻ •
σόοΨΛͬͨ֬ೝΛ͠Α͏
σόοΨͱ
σόοΨͱ • σόοΨʢDebuggerʣͱɺσόοάΛࢧ ԉ͢ΔϓϩάϥϜͷ͜ͱɻରతʹར༻ऀ ͕ϓϩάϥϜΛಈ࡞ͤͨ͞ΓɺϓϩάϥϜ ͕͍ͬͯΔมΛදࣔͤ͞Δػೳ͕͋ ΔɻۙͰ౷߹։ൃڥʹؚ·Ε͍ͯΔ ͜ͱ͕ଟ͍ɻ ~ WikipediaΑΓ
(2019/01/14 12:48)
ͬͱ·ͱΊΔ • σόοΨͱɺ ʮ࣮ߦதͷϓϩάϥϜʯʹର͠ ʮ్தͷঢ়ଶʯΛ ʮ͍͍ײ͡ʹڭ͑ͯ͘ΕΔʯͭɻ
͍͍ͩͨԿ͕Ͱ͖Δ͔ • ϒϨʔΫϙΠϯτ ˠ Ұ࣌ఀࢭ • εςοϓ࣮ߦ ˠ ίϚૹΓ •
εςοϓΠϯ /εςοϓΞτ ˠ ζʔϜΠϯ ɹ/ζʔϜΞτ • ม֬ೝ ˠ ৄࡉ֬ೝ
Visual Studio Codeͷ σόοΨΛͬͯΈΔ
ͬͯΈΔ • VSCodeىಈ • VSCodeܦ༝Ͱϒϥβىಈ • ϒϨʔΫϙΠϯτͰঢ়ଶ֬ೝ • ݟ͍͚ͨ࣌ͩϒϨʔΫϙΠϯτΛ༗ޮʹ
֦ுػೳ: Debugger for Chrome
ͬͯΈΔ • σϞ
·ͱΊ
·ͱΊ • ʮҰൃͰ࠷ߴͷίʔυΛॻ͘ʯͷୡਓͰ ͍͠ɻ • গ͠ॻ͍ͯσόοΨͰ֬ೝɻ • ͘ಈ͔ͯ֬͘͠ೝ͢Δ͜ͱ͕ɺ্ୡ ͷۙಓͰ͢ɻ
·ͱΊ • Visual Studio CodeؚΊͯɺ࠷ۙͷΤσΟλ IDEʹσόοΨͷػೳ͕͋Δɻ • σόοΨΛ͏ͱɺ ؆୯ʹʮࢼ͢ʯ͜ͱ͕Ͱ͖Δɻ •
ࠓ͔ΒͬͯΈΑ͏!
end