{"id":89116,"date":"2021-07-18T09:00:50","date_gmt":"2021-07-18T00:00:50","guid":{"rendered":"https:\/\/softantenna.com\/wp\/?p=89116"},"modified":"2021-07-18T07:53:05","modified_gmt":"2021-07-17T22:53:05","slug":"visual-studio-code-javascript-debug","status":"publish","type":"post","link":"https:\/\/softantenna.com\/blog\/visual-studio-code-javascript-debug\/","title":{"rendered":"Visual Studio Code\u3067JavaScript\u306e\u76f4\u63a5\u30c7\u30d0\u30c3\u30b0\u304c\u53ef\u80fd\u306b"},"content":{"rendered":"<p><img decoding=\"async\" style=\"display:block; margin-left:auto; margin-right:auto;\" src=\"https:\/\/softantenna.com\/blog\/wp-content\/uploads\/2021\/07\/Picture1-1.jpg\" alt=\"Picture1 1\" title=\"Picture1-1.jpg\" border=\"0\" width=\"1100\" height=\"454\" \/><\/p>\n<p>Microsoft\u304c\u958b\u767a\u3059\u308b\u300cVisual Studio Code\u300d\u306f\u8efd\u91cf\u306a\u958b\u767a\u74b0\u5883\u3068\u3057\u3066\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u306e\u4eba\u6c17\u3092\u96c6\u3081\u3066\u3044\u307e\u3059\u3002\u6700\u8fd1AI\u3092\u4f7f\u3063\u3066\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u3053\u3068\u3067\u304d\u308b\u300cGitHub Copilot\u300d\u3068\u306e\u9023\u643a\u6a5f\u80fd\u3067\u3082\u6ce8\u76ee\u3092\u96c6\u3081\u3066\u3044\u308b\u306a\u304b\u3001<a href=\"https:\/\/blogs.windows.com\/msedgedev\/2021\/07\/16\/easier-debugging-developer-tools-in-visual-studio-code\/\">Visual Studio Code\u3067JavaScript\u3092\u76f4\u63a5\u30c7\u30d0\u30c3\u30b0<\/a>\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u3053\u3068\u304c\u660e\u3089\u304b\u3068\u306a\u308a\u307e\u3057\u305f(<a href=\"https:\/\/www.neowin.net\/news\/you-can-now-debug-javascript-in-visual-studio-code-without-any-extension\/\">Neowin<\/a>)\u3002<\/p>\n<p>\u3053\u308c\u307e\u3067Visual Studio Code\u3067JavaScript\u306e\u30b3\u30fc\u30c9\u3092\u30c7\u30d0\u30c3\u30b0\u3059\u308b\u5834\u5408\u3001Chrome\u3084Microsoft Edge\u306e\u30c7\u30d0\u30c3\u30ac\u30fc\u62e1\u5f35\u6a5f\u80fd\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3057\u305f\u3002\u4eca\u56deJavaScript\u306e\u30cd\u30a4\u30c6\u30a3\u30d6\u30c7\u30d0\u30c3\u30b0\u6a5f\u80fd\u304cIDE\u306b\u7d44\u307f\u8fbc\u307e\u308c\u3001F5\u30ad\u30fc\u3092\u62bc\u3057\u305f\u308a\u3001\u30c7\u30d0\u30c3\u30b0\u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3053\u3068\u3067\u3001Chrome\u3001Edge\u3001Node.js\u306e\u3044\u305a\u308c\u304b\u3092\u9078\u3073\u3001\u30c7\u30d0\u30c3\u30b0\u3092\u958b\u59cb\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u306e\u3067\u3059\u3002<\/p>\n<p>Edge\u3092\u9078\u629e\u3057\u305f\u5834\u5408\u306f\u3001\u300cInspect\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u300cMicrosoft Edge DevTools for Visual Studio Code\u300d\u306e\u62e1\u5f35\u6a5f\u80fd\u304c\u30ef\u30f3\u30bf\u30a4\u30e0\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u307e\u3059\u3002IDE\u5185\u3067DOM\u3084\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u76f4\u63a5\u78ba\u8a8d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001Console Utilities API\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u3042\u308b\u7a0b\u5ea6\u81ea\u52d5\u5316\u3057\u305f\u3044\u5834\u5408\u306f\u3001launch.json\u30d5\u30a1\u30a4\u30eb\u3067\u8a73\u7d30\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u5fc5\u8981\u306b\u5fdc\u3058\u3066Edge DevTools\u62e1\u5f35\u6a5f\u80fd\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u304c\u3001\u62e1\u5f35\u6a5f\u80fd\u3092\u5fc5\u8981\u3068\u305b\u305a\u306bVisual Studio Code\u3067\u76f4\u63a5JavaScript\u3092\u30c7\u30d0\u30c3\u30b0\u3067\u304d\u308b\u6a5f\u80fd\u306f\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u306b\u6b53\u8fce\u3055\u308c\u308b\u3068\u601d\u308f\u308c\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Microsoft\u304c\u958b\u767a\u3059\u308b\u300cVisual Studio Code\u300d\u306f\u8efd\u91cf\u306a\u958b\u767a\u74b0\u5883\u3068\u3057\u3066\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u306e\u4eba\u6c17\u3092\u96c6\u3081\u3066\u3044\u307e\u3059\u3002\u6700\u8fd1AI\u3092\u4f7f\u3063\u3066\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u3053\u3068\u3067\u304d\u308b\u300cGitHub Copilot\u300d\u3068\u306e\u9023\u643a\u6a5f\u80fd\u3067\u3082\u6ce8\u76ee\u3092\u96c6\u3081 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":89118,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[75],"tags":[655,141],"class_list":["post-89116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-javascript","tag-visualstudio"],"_links":{"self":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts\/89116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/comments?post=89116"}],"version-history":[{"count":0,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts\/89116\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/media\/89118"}],"wp:attachment":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/media?parent=89116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/categories?post=89116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/tags?post=89116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}