Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
VS Codeでデバッグしよう JavaScript編
Kihara, Takuya
January 19, 2019
Technology
1
1.2k
VS Codeでデバッグしよう JavaScript編
デバッガ機能の簡単な説明と、Visual Studio Codeのデバッガ機能を使う導入。
デモにて、ブレークポイントを実際に使うところを解説。
Kihara, Takuya
January 19, 2019
Tweet
Share
More Decks by Kihara, Takuya
See All by Kihara, Takuya
「ソフトウェアアーキテクチャの基礎」を読む #ゆるWeb札幌
tacck
0
66
ゆるWeb勉強会@札幌 OnLine #19 #ゆるWeb札幌
tacck
0
58
AWS Amplify で触れる AWS CDK #jawsug_cdk #jawsug
tacck
1
290
ゆるWeb勉強会@札幌 OnLine #18 #ゆるWeb札幌
tacck
0
140
AWS Amplify でホスティングしよう #ゆるWeb札幌
tacck
0
83
AWS Amplify と AWS CDK の良い関係 #awsbasics #AWSAmplifyJP
tacck
1
890
ゆるWeb勉強会@札幌 OnLine #17 #ゆるWeb札幌
tacck
0
66
Twitter の OAuth 2.0 を使ってみた #ゆるWeb札幌
tacck
0
110
ゆるWeb勉強会@札幌 OnLine #16 #ゆるWeb札幌
tacck
0
78
Other Decks in Technology
See All in Technology
2022 COSCUP - GKE Backend Cluster 除雷分享
brentchang
0
120
ECS Fargate+Mackerelにおける監視費用を削減するまでの話
nulabinc
PRO
1
510
ここが好きだよAWS管理ポリシー_devio2022/i_am_iam_lover
yukihirochiba
0
3.2k
Dangerous attack paths: Modern Development Environment Security - Devices and CI/CD pipelines
rung
PRO
0
170
塩漬けにしているMySQL 8.0.xxをバージョンアップしたくなる、ここ数年でのMySQL 8.0の改善点 / MySQL Update 202208
yoshiakiyamasaki
1
730
AWS CLI でやってみる ~ AWS Hands-on for Beginners ECS ハンズオン ~
kentosuzuki
1
540
サイバー攻撃を想定したクラウドネイティブセキュリティガイドラインとCNAPP及びSecurity Observabilityの未来
syoshie
2
1.5k
インフラのテストに VPC Reachability Analyzer は外せないという話
nulabinc
PRO
3
760
PMMやプロダクト関係者と協働するために役割を整理した話 / 20220810_pdmtipslt
rakus_dev
0
120
セキュリティ・キャンプ全国大会2022 企業紹介イベント/seccamp2022-nikkei
nikkei_engineer_recruiting
0
120
年700万円損するサーバレスの 認可システムをご紹介します!!
higuuu
3
340
CityGMLとFBXの連携で地理空間のエンタメ化
soh_mitian
0
760
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
310
34k
Ruby is Unlike a Banana
tanoku
91
9.3k
The Brand Is Dead. Long Live the Brand.
mthomps
46
2.7k
Product Roadmaps are Hard
iamctodd
35
6.9k
KATA
mclloyd
7
8.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
980
Navigating Team Friction
lara
175
11k
YesSQL, Process and Tooling at Scale
rocio
157
12k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
21
1.4k
Documentation Writing (for coders)
carmenintech
48
2.6k
Optimizing for Happiness
mojombo
364
64k
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