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
January 19, 2019
Technology
1
1.4k
VS Codeでデバッグしよう JavaScript編
デバッガ機能の簡単な説明と、Visual Studio Codeのデバッガ機能を使う導入。
デモにて、ブレークポイントを実際に使うところを解説。
Kihara, Takuya
January 19, 2019
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
AWS Amplify Gen 2 GA記念 ~Gen1との違いを確認
tacck
0
31
Amplify Gen2 が GA したよ! #jawsug_sapporo #jawsug
tacck
0
140
Flutter で "Hello World!! #ゆるWeb札幌
tacck
0
100
AWS Lambda で LLRT を動かしてみた #北海道まったりLT大会
tacck
0
94
地方から始める登壇のステップアップ 〜Java Do から JJUG CCC への登壇参加記録 #javado
tacck
0
140
ゆるWebの新型コロナ Before/After とこれからのこと #seb_yearend
tacck
0
35
AWS Amplify と Amazon Bedrock を使ってオレオレ生成AIサイトを作る #ゆるWeb札幌
tacck
0
220
「普通」のエンジニアとしての生存戦略〜または、いかにして技術を楽しむか。 #情報メディア入門
tacck
0
90
噂の Amazon Bedrock を Java から使ってみる #javado
tacck
1
350
Other Decks in Technology
See All in Technology
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
「単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる」のか検証してみた
terara
0
380
AWSでRAGを作る法方
sonoda_mj
1
140
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
サーバーレスAPI(API Gateway+Lambda)とNext.jsで 個人ブログを作ろう!
shuntaka
PRO
0
560
AWSサービスメニュー開発をしていてAWSを好きだ!と感じた瞬間
toru_kubota
0
130
Featured
See All Featured
Leading Effective Engineering Teams 2024
addyosmani
3
300
Being A Developer After 40
akosma
72
580k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Building Applications with DynamoDB
mza
89
5.8k
Designing with Data
zakiwarfel
96
5k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
Debugging Ruby Performance
tmm1
71
11k
YesSQL, Process and Tooling at Scale
rocio
166
14k
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