CINXE.COM

<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8" /><title>Visual Studio Codeに入れるべき拡張機能【2024年最新版】 #VSCode - Qiita</title><meta content="この記事はNuco Advent Calendar 2024の24日目の記事です。弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみ…" name="description" /><meta content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover" name="viewport" /><meta content="#ffffff" name="theme-color" /><meta content="XWpkTG32-_C4joZoJ_UsmDUi-zaH-hcrjF6ZC_FoFbk" name="google-site-verification" /><meta content="telephone=no" name="format-detection" /><link rel="canonical" href="https://qiita.com/qrrq/items/0e116a59743874d18cb1" /><link href="/manifest.json" rel="manifest" /><link href="/opensearch.xml" rel="search" title="Qiita" type="application/opensearchdescription+xml" /><link as="script" href="https://www.googletagservices.com/tag/js/gpt.js" rel="preload" /><link href="https://securepubads.g.doubleclick.net" rel="preconnect" /><script async="" src="https://www.googletagservices.com/tag/js/gpt.js"></script><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="EO3UhjnNDNIU0EDub9x61T10Gb11FLDJ73dmi4Tu04jQZjKlGeC0yZJQ4QiPq3lAZVF9PBfTmbeVzkne0Yq1OQ" /><link rel="icon" type="image/x-icon" href="https://cdn.qiita.com/assets/favicons/public/production-c620d3e403342b1022967ba5e3db1aaa.ico" /><link rel="apple-touch-icon" type="image/png" href="https://cdn.qiita.com/assets/favicons/public/apple-touch-icon-ec5ba42a24ae923f16825592efdc356f.png" /><link rel="stylesheet" href="https://cdn.qiita.com/assets/public/article-3c146ab3ef20c04bf76d6709e24df1aa.min.css" media="all" /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,500,0..1,-25..0" media="all" /><script src="https://cdn.qiita.com/assets/public/v3-article-bundle-a1224852baccac29.min.js" defer="defer"></script><meta name="twitter:card" content="summary_large_image"><meta content="@Qiita" name="twitter:site" /><meta property="og:type" content="article"><meta property="og:title" content="Visual Studio Codeに入れるべき拡張機能【2024年最新版】 - Qiita"><meta property="og:image" content="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjk1NzI1NyUyRnByb2ZpbGUtaW1hZ2VzJTJGMTczNTE3MDk3OT9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz0xNGVjYmZlMzM5YjU2YzNhZWI1Y2MzNDdlNjNhNTY3Zg%26blend-x%3D120%26blend-y%3D462%26blend-w%3D90%26blend-h%3D90%26blend-mode%3Dnormal%26mark64%3DaHR0cHM6Ly9xaWl0YS1vcmdhbml6YXRpb24taW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1vcmdhbml6YXRpb24taW1hZ2UlMkZhNjEwNTBjZTRjMTgyODhlODgzZDY2NTBmMmU2OWMyMGVlZGQyMDBkJTJGb3JpZ2luYWwuanBnJTNGMTY0NTY4NDg3OD9peGxpYj1yYi00LjAuMCZ3PTQ0Jmg9NDQmZml0PWNyb3AmbWFzaz1jb3JuZXJzJmNvcm5lci1yYWRpdXM9OCZib3JkZXI9MiUyQ0ZGRkZGRiZmbT1wbmczMiZzPTQ2ZDdjMTUyNTNhN2MwMWExZDkwOTQyZGM5ZjFlMWU5%26mark-x%3D186%26mark-y%3D515%26mark-w%3D40%26mark-h%3D40%26s%3D2515ba030367c562cf306c500992a49e?ixlib=rb-4.0.0&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9VmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSVFMyU4MSVBQiVFNSU4NSVBNSVFMyU4MiU4QyVFMyU4MiU4QiVFMyU4MSVCOSVFMyU4MSU4RCVFNiU4QiVBMSVFNSVCQyVCNSVFNiVBOSU5RiVFOCU4MyVCRCVFMyU4MCU5MDIwMjQlRTUlQjklQjQlRTYlOUMlODAlRTYlOTYlQjAlRTclODklODglRTMlODAlOTEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz00YzI1YWU3ZGM2YzM5MGJkODMwNGVmYzNkYmM4ZGIxNg&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBxcnJxJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NDEwMDY1MWJiMjczYTE3YjI5OWQwZTViNmQ2OTcxNTM&blend-x=242&blend-y=454&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&txt64=5qCq5byP5Lya56S-TnVjbw&txt-x=242&txt-y=539&txt-width=838&txt-clip=end%2Cellipsis&txt-color=%233A3C3C&txt-font=Hiragino%20Sans%20W6&txt-size=28&s=e5cb68c58729014b2772ec33b5f8b888"><meta property="og:description" content="この記事はNuco Advent Calendar 2024の24日目の記事です。弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみ…"><meta content="https://qiita.com/qrrq/items/0e116a59743874d18cb1" property="og:url" /><meta content="Qiita" property="og:site_name" /><meta content="564524038" property="fb:admins" /><meta content="拡張機能,エディタ,VSCode,新人プログラマ応援" name="keywords" /><script>!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '305156090176370'); fbq('trackSingle', '305156090176370', 'PageView');</script><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=305156090176370&ev=PageView&noscript=1"/></noscript><style data-emotion="style-global xgff9b">.style-xgff9b{height:32px;}</style><style data-emotion="style-global ffh7zq">.style-ffh7zq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:56px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:16px 24px 0;}@media (max-width: 1199px){.style-ffh7zq{gap:24px;}}@media (max-width: 769px){.style-ffh7zq{padding:16px 16px 0;}}@media (max-width: 479px){.style-ffh7zq{padding:16px 0 0;}}</style><style data-emotion="style-global 1hl01qi">.style-1hl01qi{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:40px;z-index:5;}@media (max-width: 769px){.style-1hl01qi{display:none;}}</style><style data-emotion="style-global c1wjhj">.style-c1wjhj{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><style data-emotion="style-global 1duml6f">.style-1duml6f{height:40px;width:40px;position:relative;}.style-1duml6f svg{cursor:auto;pointer-events:none;}</style><style data-emotion="style-global ftns26">.style-ftns26{fill:none;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}.style-ftns26 .circle,.style-ftns26 .heart-stroke,.style-ftns26 .heart-fill,.style-ftns26 .particle{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform-origin:center center;}.style-ftns26 .circle{fill:var(--color-surface);stroke:var(--color-divider);stroke-width:1;}.style-ftns26 .heart-stroke{fill:var(--color-mediumEmphasis);}.style-ftns26 .heart-fill{fill:var(--color-qiitaGreen);opacity:0;}.style-ftns26 .particles{rotate:var(--rotate);transform-origin:center center;}.style-ftns26 .particle{opacity:0;}.style-ftns26.liked .circle{-webkit-animation-delay:90ms;animation-delay:90ms;-webkit-animation-duration:60ms;animation-duration:60ms;-webkit-animation-name:animation-1n63bow;animation-name:animation-1n63bow;}.style-ftns26.liked .heart-stroke{-webkit-animation-duration:150ms;animation-duration:150ms;-webkit-animation-name:animation-d4tj02;animation-name:animation-d4tj02;}.style-ftns26.liked .heart-fill{-webkit-animation-delay:150ms;animation-delay:150ms;-webkit-animation-duration:100ms;animation-duration:100ms;-webkit-animation-name:animation-19addpb;animation-name:animation-19addpb;}.style-ftns26.liked .particle{-webkit-animation-delay:150ms;animation-delay:150ms;-webkit-animation-duration:var(--duration);animation-duration:var(--duration);-webkit-animation-name:animation-1spcwjj;animation-name:animation-1spcwjj;}</style><style data-emotion="style-global animation-1spcwjj">@-webkit-keyframes animation-1spcwjj{1%{opacity:1;}90%{opacity:1;}100%{cx:var(--x);cy:var(--y);opacity:0;}}@keyframes animation-1spcwjj{1%{opacity:1;}90%{opacity:1;}100%{cx:var(--x);cy:var(--y);opacity:0;}}</style><style data-emotion="style-global animation-19addpb">@-webkit-keyframes animation-19addpb{1%{scale:1.2;opacity:1;}100%{scale:1;opacity:1;}}@keyframes animation-19addpb{1%{scale:1.2;opacity:1;}100%{scale:1;opacity:1;}}</style><style data-emotion="style-global animation-d4tj02">@-webkit-keyframes animation-d4tj02{40%{fill:currentColor;scale:0.85;}100%{fill:var(--color-qiitaGreen);}}@keyframes animation-d4tj02{40%{fill:currentColor;scale:0.85;}100%{fill:var(--color-qiitaGreen);}}</style><style data-emotion="style-global animation-1n63bow">@-webkit-keyframes animation-1n63bow{100%{stroke:var(--color-qiitaGreen);}}@keyframes animation-1n63bow{100%{stroke:var(--color-qiitaGreen);}}</style><style data-emotion="style-global 10ttvi6">.style-10ttvi6{background-color:transparent;border:none;cursor:pointer;height:40px;padding:0;position:absolute;width:40px;}.style-10ttvi6:disabled{cursor:not-allowed;}</style><style data-emotion="style-global wknrvb">@media (max-width: 769px){.style-wknrvb{display:block;}}</style><style data-emotion="style-global 3fim88">.style-3fim88{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}</style><style data-emotion="style-global 1a6dkvp">.style-1a6dkvp{color:var(--color-mediumEmphasis);cursor:pointer;font-size:var(--font-size-body-2);font-weight:bold;}</style><style data-emotion="style-global 16g96ve">.style-16g96ve{background-color:var(--color-grayContainer);border-radius:4px;color:var(--color-onContainerText);font-size:var(--font-size-body-3);max-width:280px;overflow-wrap:break-word;padding:4px 8px;position:absolute;pointer-events:none;display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:calc(100% + 0px + 4px);}.style-16g96ve::after{background-color:var(--color-grayContainer);content:"";position:absolute;}.style-16g96ve::after{-webkit-clip-path:polygon(0% 50%, 100% 0%, 100% 100%, 0% 50%);clip-path:polygon(0% 50%, 100% 0%, 100% 100%, 0% 50%);height:8px;right:100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:4px;}</style><style data-emotion="style-global 1bc9a2c">.style-1bc9a2c{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><style data-emotion="style-global 100tu0r">.style-100tu0r{display:inline-block;fill:var(--color-mediumEmphasis);height:24px;width:24px;}</style><style data-emotion="style-global 1vem4tk">.style-1vem4tk{color:var(--color-mediumEmphasis);font-size:14px;font-weight:bold;}@media (max-width: 769px){.style-1vem4tk{display:inline;}}</style><style data-emotion="style-global 1n9ulpr">.style-1n9ulpr{border:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--color-mediumEmphasis);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:20px;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;width:32px;}</style><style data-emotion="style-global 1b1cd5z">.style-1b1cd5z{height:20px;fill:var(--color-twitter);width:20px;}</style><style data-emotion="style-global 157xj1g">.style-157xj1g{height:20px;fill:#1877f2;width:20px;}</style><style data-emotion="style-global 1uu7u3w">.style-1uu7u3w{height:20px;width:20px;}</style><style data-emotion="style-global 79elbk">.style-79elbk{position:relative;}</style><style data-emotion="style-global v2p563">.style-v2p563{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:24px;height:24px;overflow:hidden;width:24px;}</style><style data-emotion="style-global oi42s2">.style-oi42s2:modal{background-color:transparent;border:none;max-height:none;max-width:none;width:100%;height:100dvh;display:grid;place-items:center;padding:16px;}.style-oi42s2::backdrop{background-color:rgb(0 0 0 / .32);}</style><style data-emotion="style-global 2aaf4j">.style-2aaf4j{background-color:var(--color-surface);border-radius:8px;color:var(--color-highEmphasis);max-width:600px;max-height:calc(100vh - 160px);overflow-y:auto;padding:24px;width:100%;scrollbar-width:thin;scrollbar-color:var(--scrollbar-color-scrollbarThumb) transparent;}.style-2aaf4j::-webkit-scrollbar{width:8px;}.style-2aaf4j::-webkit-scrollbar-track{background:transparent;}.style-2aaf4j::-webkit-scrollbar-thumb{background:var(--scrollbar-color-scrollbarThumb);border-radius:4px;}</style><style data-emotion="style-global bxc62b">.style-bxc62b{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--color-divider);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:8px;}</style><style data-emotion="style-global 1snuvpu">.style-1snuvpu{font-size:var(--font-size-subhead-2);font-weight:600;line-height:1.4;}</style><style data-emotion="style-global o8tyjw">.style-o8tyjw{background-color:transparent;color:var(--color-mediumEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:4px;}</style><style data-emotion="style-global 6vdptm">.style-6vdptm{font-size:var(--font-size-body-1);margin-top:16px;}</style><style data-emotion="style-global 111ab2g">.style-111ab2g{border-top:1px solid var(--color-divider);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:16px;padding-top:16px;}</style><style data-emotion="style-global hreeih">.style-hreeih{border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;font-weight:600;line-height:1.8;margin-bottom:0;min-height:34px;min-width:64px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;background-color:var(--color-surface);border:1px solid var(--color-grayBorder);color:var(--color-grayText);padding:3px 15px;}.style-hreeih:disabled{box-shadow:none;cursor:not-allowed;opacity:0.32;}.style-hreeih:active{background-color:var(--color-background);}@media (hover: hover) and (pointer: fine){.style-hreeih:hover{background-color:var(--color-background);}}</style><style data-emotion="style-global y54waz">.style-y54waz{border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;font-weight:600;line-height:1.8;margin-bottom:0;min-height:34px;min-width:64px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;background-color:var(--color-redContainer);color:var(--color-onContainerText);padding:4px 16px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;}.style-y54waz:disabled{box-shadow:none;cursor:not-allowed;opacity:0.32;}.style-y54waz:active{background-color:var(--color-redContainerDim);}@media (hover: hover) and (pointer: fine){.style-y54waz:hover{background-color:var(--color-redContainerDim);}}</style><style data-emotion="style-global 1jvcm2e">.style-1jvcm2e{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;height:16px;overflow:hidden;width:16px;}</style><style data-emotion="style-global 1hbd3g7">.style-1hbd3g7{height:250px;}</style><style data-emotion="style-global uaiz0z">.style-uaiz0z{height:90px;margin-bottom:32px;}@media (max-width: 1227px){.style-uaiz0z{height:50px;}}@media (max-width: 769px){.style-uaiz0z{display:none;}}</style><style data-emotion="style-global itrjxe">.style-itrjxe{background-color:var(--color-surface);border-radius:8px;padding:32px 56px;margin-bottom:24px;}@media (max-width: 769px){.style-itrjxe{padding:24px 32px;}}@media (max-width: 479px){.style-itrjxe{border-radius:0;margin:0 0 40px;padding:24px 16px;}}</style><style data-emotion="style-global 8qb8m4">.style-8qb8m4{margin-bottom:48px;}</style><style data-emotion="style-global 1yndj8s">.style-1yndj8s{display:grid;gap:8px;margin-bottom:16px;}</style><style data-emotion="style-global 1hxr78d">.style-1hxr78d{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(//cdn.qiita.com/assets/public/advent_calendar/back-advent_calendar_ribbon-ce0efac1d490b78816e848f879968544.png);background-repeat:repeat-x;-webkit-background-size:auto 100%;background-size:auto 100%;border-radius:8px;color:var(--color-gray0);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:8px;line-height:var(--line-height-body-dense);max-width:100%;padding:8px 12px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}.style-1hxr78d:hover{-webkit-text-decoration:none;text-decoration:none;}@media (hover: hover) and (pointer: fine){.style-1hxr78d:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9);}}</style><style data-emotion="style-global p5g0i7">.style-p5g0i7{width:20px;height:20px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}</style><style data-emotion="style-global 16sfamv">.style-16sfamv{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-2);font-weight:600;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}</style><style data-emotion="style-global 1e956jj">.style-1e956jj{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}</style><style data-emotion="style-global epvm6">.style-epvm6{white-space:nowrap;}</style><style data-emotion="style-global c7pa4m">.style-c7pa4m{background-color:var(--color-gray0);border-radius:4px;color:var(--color-red70);font-size:var(--font-size-body-3);font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;line-height:var(--line-height-body-dense);padding:2px 4px;}@media (max-width: 769px){.style-c7pa4m{display:none;}}</style><style data-emotion="style-global i43zkt">.style-i43zkt{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-2);gap:0 8px;line-height:var(--line-height-body);width:100%;}</style><style data-emotion="style-global 17gh4w8">.style-17gh4w8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 8px;width:calc(100% - 40px);}</style><style data-emotion="style-global mavs84">.style-mavs84{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-highEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-1);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}</style><style data-emotion="style-global kcbbwa">.style-kcbbwa{border-radius:50%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;position:relative;width:24px;height:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:8px;}.style-kcbbwa::before{background-color:var(--color-gray0);border-radius:50%;content:"";height:23px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:23px;}</style><style data-emotion="style-global 1wqqt93">.style-1wqqt93{display:block;height:24px;object-fit:contain;position:relative;width:24px;}</style><style data-emotion="style-global 1e7czb6">.style-1e7czb6{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:0 4px;max-width:100%;}</style><style data-emotion="style-global 1o5v0u9">.style-1o5v0u9{color:var(--color-highEmphasis);font-weight:600;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 4px;max-width:calc(100% - 12px);}</style><style data-emotion="style-global rdqgjc">.style-rdqgjc{background-color:var(--color-gray0);border-radius:4px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:20px;object-fit:contain;width:20px;}</style><style data-emotion="style-global 8uhtka">.style-8uhtka{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}</style><style data-emotion="style-global wo2a1i">.style-wo2a1i{font-size:28px;font-weight:600;line-height:var(--line-height-headline);margin-top:8px;word-break:break-all;}</style><style data-emotion="style-global 28f073">.style-28f073{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;margin-top:16px;}</style><style data-emotion="style-global mp1hhj">.style-mp1hhj{background-color:var(--color-surfaceVariant);border-radius:4px;color:var(--color-mediumEmphasis);display:block;font-size:var(--font-size-body-2);line-height:var(--line-height-body-dense);padding:0 6px;position:relative;z-index:1;}.style-mp1hhj:active{-webkit-text-decoration:none;text-decoration:none;background-color:var(--color-surfaceVariantDim);}@media (hover: hover) and (pointer: fine){.style-mp1hhj:hover{-webkit-text-decoration:none;text-decoration:none;background-color:var(--color-surfaceVariantDim);}}</style><style data-emotion="style-global 1npej5s">.style-1npej5s{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-body-2);gap:0 8px;margin-top:8px;}</style><style data-emotion="style-global 1r3vbu3">.style-1r3vbu3{display:grid;gap:24px;margin-top:32px;}</style><style data-emotion="style-global gg4vpm">.style-gg4vpm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}</style><style data-emotion="style-global 1f18zs1">.style-1f18zs1{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;}</style><style data-emotion="style-global aaiy04">.style-aaiy04{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><style data-emotion="style-global buogjo">@media (max-width: 769px){.style-buogjo{display:none;}}</style><style data-emotion="style-global uw35c3">.style-uw35c3{background-color:var(--color-grayContainer);border-radius:4px;color:var(--color-onContainerText);font-size:var(--font-size-body-3);max-width:280px;overflow-wrap:break-word;padding:4px 8px;position:absolute;pointer-events:none;display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1;bottom:calc(100% + 0px + 4px);left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}.style-uw35c3::after{background-color:var(--color-grayContainer);content:"";position:absolute;}.style-uw35c3::after{-webkit-clip-path:polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%);clip-path:polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%);height:4px;left:50%;top:100%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:8px;}</style><style data-emotion="style-global izmm4j">.style-izmm4j{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:4px;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><style data-emotion="style-global 1129w32">.style-1129w32{color:var(--color-mediumEmphasis);font-size:14px;font-weight:bold;}@media (max-width: 769px){.style-1129w32{display:none;}}</style><style data-emotion="style-global tzv11m">.style-tzv11m{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;color:var(--color-highEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-2);gap:4px;padding:0 4px;}.style-tzv11m:active{background-color:var(--color-surfaceVariant);-webkit-text-decoration:none;text-decoration:none;}@media (hover: hover) and (pointer: fine){.style-tzv11m:hover{background-color:var(--color-surfaceVariant);-webkit-text-decoration:none;text-decoration:none;}}</style><style data-emotion="style-global n5k90r">.style-n5k90r{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;height:16px;overflow:hidden;width:16px;color:var(--color-mediumEmphasis);}</style><style data-emotion="style-global rwy56f">.style-rwy56f{background-image:url(//cdn.qiita.com/assets/public/image-qiitan_for_login_modal-014e085d3e40a240e3fe8d61b70b29a9.png);-webkit-background-position:bottom 24px right 24px;background-position:bottom 24px right 24px;background-repeat:no-repeat;-webkit-background-size:140px;background-size:140px;border:1px solid var(--color-greenBorder);border-radius:8px;margin:40px auto 0;max-width:572px;padding:24px;}@media (max-width: 769px){.style-rwy56f{width:100%;background-image:none;}}</style><style data-emotion="style-global 1nyasl8">.style-1nyasl8{font-size:var(--font-size-subhead-1);font-weight:600;line-height:1.4;}@media (max-width: 769px){.style-1nyasl8{font-size:var(--font-size-subhead-2);}}</style><style data-emotion="style-global 1i89dtz">.style-1i89dtz{font-size:var(--font-size-body-1);font-weight:600;list-style-position:inside;margin-top:16px;}@media (max-width: 769px){.style-1i89dtz{font-size:var(--font-size-body-2);}}</style><style data-emotion="style-global dzaums">.style-dzaums{display:inline-block;font-size:var(--font-size-body-2);margin-top:16px;-webkit-text-decoration:underline;text-decoration:underline;}</style><style data-emotion="style-global geahq7">.style-geahq7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;margin-top:16px;}@media (max-width: 769px){.style-geahq7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}</style><style data-emotion="style-global 1dq3d3h">.style-1dq3d3h{border-radius:8px;box-sizing:border-box;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;font-weight:600;line-height:1.8;min-height:34px;min-width:64px;opacity:1;pointer-events:auto;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;background-color:var(--color-greenContainer);color:var(--color-onContainerText);padding:4px 16px;gap:16px;}.style-1dq3d3h:hover{-webkit-text-decoration:none;text-decoration:none;}.style-1dq3d3h:active{background-color:var(--color-greenContainerDim);}@media (hover: hover) and (pointer: fine){.style-1dq3d3h:hover{background-color:var(--color-greenContainerDim);}}@media (max-width: 769px){.style-1dq3d3h{width:100%;}}</style><style data-emotion="style-global tfrxbl">.style-tfrxbl{border-radius:8px;box-sizing:border-box;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;font-weight:600;line-height:1.8;min-height:34px;min-width:64px;opacity:1;pointer-events:auto;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;background-color:var(--color-surface);border:1px solid var(--color-grayBorder);color:var(--color-grayText);padding:3px 15px;gap:16px;}.style-tfrxbl:hover{-webkit-text-decoration:none;text-decoration:none;}.style-tfrxbl:active{background-color:var(--color-background);}@media (hover: hover) and (pointer: fine){.style-tfrxbl:hover{background-color:var(--color-background);}}@media (max-width: 769px){.style-tfrxbl{width:100%;}}</style><style data-emotion="style-global 1395ble">.style-1395ble{background-color:var(--color-background);bottom:0;box-shadow:0px 1px 1px 0px rgba(30, 33, 33, 0.25),0px 0px 0px 1px var(--elevation-color-elevationDivider);display:none;height:calc(env(safe-area-inset-bottom, 0px) + 56px);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom, 0px);position:fixed;width:100%;z-index:1000;}@media (max-width: 769px){.style-1395ble{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><style data-emotion="style-global 5jpx49">.style-5jpx49{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%;}</style><style data-emotion="style 1xwfn2v 1o9h1hg 1vr7y3r 3k9iaf">.style-1xwfn2v{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-color:var(--color-surface);border:1px solid var(--color-divider);border-radius:50%;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:40px;}.style-1o9h1hg{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--color-mediumEmphasis);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:20px;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;width:32px;}.style-1vr7y3r{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:50%;color:var(--color-mediumEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-subhead-1);height:32px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;width:32px;}.style-3k9iaf{color:var(--color-mediumEmphasis);}</style><style data-emotion="style-global 1736035">.style-1736035{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-2);font-weight:600;list-style:none;max-width:1656px;overflow-x:auto;padding:0 32px;width:100%;scrollbar-width:thin;scrollbar-color:var(--scrollbar-color-scrollbarThumb) transparent;}.style-1736035::-webkit-scrollbar{height:8px;}.style-1736035::-webkit-scrollbar-track{background:transparent;}.style-1736035::-webkit-scrollbar-thumb{background:var(--scrollbar-color-scrollbarThumb);border-radius:4px;}@media (max-width: 769px){.style-1736035{padding:0 16px;}}</style><style data-emotion="style-global 1cnt4b8">.style-1cnt4b8{background-color:var(--color-surface);}</style><style data-emotion="style-global ymuwam">.style-ymuwam{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:auto;max-width:1656px;padding:8px 32px 0;width:100%;}@media (max-width: 769px){.style-ymuwam{padding:8px 16px 0;}}</style><style data-emotion="style-global fv3lde">.style-fv3lde{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><style data-emotion="style-global 1etvg7j">.style-1etvg7j{background-color:var(--color-qiitaGreen);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:6px 10px;border-radius:4px;}.style-1etvg7j >svg{fill:var(--color-gray0);height:18px;}</style><style data-emotion="style-global 68a7fl">.style-68a7fl{margin-right:12px;position:relative;width:320px;}@media (max-width: 991px){.style-68a7fl{display:none;}}</style><style data-emotion="style-global 18lpml7">.style-18lpml7{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;height:16px;overflow:hidden;width:16px;color:var(--color-mediumEmphasis);left:8px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}</style><style data-emotion="style-global 1gmi769">.style-1gmi769{background-color:var(--color-surfaceVariant);border:none;border-radius:8px;color:var(--color-highEmphasis);font-size:var(--font-size-body-1);line-height:var(--line-height-body);padding:4px 8px 4px 32px;width:100%;}.style-1gmi769::-webkit-input-placeholder{color:var(--color-disabled);}.style-1gmi769::-moz-placeholder{color:var(--color-disabled);}.style-1gmi769:-ms-input-placeholder{color:var(--color-disabled);}.style-1gmi769::placeholder{color:var(--color-disabled);}.style-1gmi769::-webkit-search-cancel-button{-webkit-appearance:none;}</style><style data-emotion="style-global 17ja8a3">.style-17ja8a3{display:none;}@media (max-width: 991px){.style-17ja8a3{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:inherit;color:var(--color-mediumEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-1);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:10px;}}.style-17ja8a3:active{color:var(--color-highEmphasis);}@media (hover: hover) and (pointer: fine){.style-17ja8a3:hover{color:var(--color-highEmphasis);}}</style><style data-emotion="style-global v2p563">.style-v2p563{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:24px;height:24px;overflow:hidden;width:24px;}</style><style data-emotion="style-global 1afofdy">.style-1afofdy{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);position:absolute;}</style><style data-emotion="style-global 1sn73cs">.style-1sn73cs{border-radius:8px;box-sizing:border-box;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:14px;font-weight:600;line-height:1.8;min-height:34px;min-width:64px;opacity:1;pointer-events:auto;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;background-color:var(--color-surface);border:1px solid var(--color-greenBorder);color:var(--color-greenText);padding:3px 15px;margin-left:4px;}.style-1sn73cs:hover{-webkit-text-decoration:none;text-decoration:none;}.style-1sn73cs:active{background-color:var(--color-background);}@media (hover: hover) and (pointer: fine){.style-1sn73cs:hover{background-color:var(--color-background);}}</style><style data-emotion="style-global 1r635es">.style-1r635es{border-radius:8px;box-sizing:border-box;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:14px;font-weight:600;line-height:1.8;min-height:34px;min-width:64px;opacity:1;pointer-events:auto;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-transition:.1s ease-out;transition:.1s ease-out;transition-property:background-color,border-color;background-color:var(--color-greenContainer);color:var(--color-onContainerText);padding:4px 16px;margin-left:8px;}.style-1r635es:hover{-webkit-text-decoration:none;text-decoration:none;}.style-1r635es:active{background-color:var(--color-greenContainerDim);}@media (hover: hover) and (pointer: fine){.style-1r635es:hover{background-color:var(--color-greenContainerDim);}}</style><style data-emotion="style-global o5vjsc">.style-o5vjsc{display:none;margin:8px auto 0;width:calc(100vw - 32px);position:relative;}</style><style data-emotion="style-global 1l4w6pd">.style-1l4w6pd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><style data-emotion="style-global 1ygoan4">.style-1ygoan4{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-mediumEmphasis);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;white-space:nowrap;padding:4px 12px;margin:4px 0;}.style-1ygoan4:hover{background-color:var(--color-surfaceVariant);border-radius:4px;color:var(--color-highEmphasis);-webkit-text-decoration:none;text-decoration:none;}</style><style data-emotion="style-global 1o3zxqp">.style-1o3zxqp{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;height:16px;overflow:hidden;width:16px;margin-left:4px;}</style><style data-emotion="style 1qkvt8e">.style-1qkvt8e{margin-right:2px;}</style><style data-emotion="style "></style><style data-emotion="style-global 1geho0x">.style-1geho0x{color:var(--color-gray0);background-color:var(--color-gray90);display:grid;grid-template-columns:minmax(0, 1592px);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:64px;padding:48px 32px;width:100%;}@media (max-width: 991px){.style-1geho0x{padding-inline:16px;}}</style><style data-emotion="style-global 1vesoht">.style-1vesoht{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}@media (max-width: 1199px){.style-1vesoht{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}</style><style data-emotion="style-global 1xygyrj">.style-1xygyrj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-right:48px;}</style><style data-emotion="style-global j7qwjs">.style-j7qwjs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><style data-emotion="style-global 1g0k1wk">.style-1g0k1wk{fill:var(--color-gray0);}</style><style data-emotion="style-global 754ift">.style-754ift{font-size:var(--font-size-body-2);margin-top:16px;}</style><style data-emotion="style-global zsz8fb">.style-zsz8fb{display:block;margin-top:16px;}</style><style data-emotion="style-global 1efditc">.style-1efditc{border-radius:8px;display:block;}</style><style data-emotion="style-global 120vwzo">.style-120vwzo{font-size:var(--font-size-body-3);}@media (max-width: 1199px){.style-120vwzo{margin-top:24px;}}</style><style data-emotion="style-global 15fzge">.style-15fzge{margin-left:4px;}</style><style data-emotion="style-global 16bbk6m">.style-16bbk6m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:48px;}@media (max-width: 1199px){.style-16bbk6m{gap:32px;margin-top:48px;}}@media (max-width: 769px){.style-16bbk6m{gap:24px;}}@media (max-width: 479px){.style-16bbk6m{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}}</style><style data-emotion="style-global u4ybgy">.style-u4ybgy{width:160px;}</style><style data-emotion="style-global 35ezg3">.style-35ezg3{font-weight:600;}</style><style data-emotion="style-global 1fhgjcy">.style-1fhgjcy{margin-top:4px;}</style><style data-emotion="style-global ah54os">.style-ah54os{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-gray0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-body-2);padding-top:4px;padding-bottom:4px;}</style><style data-emotion="style-global ox3ag9">.style-ox3ag9{height:14px;fill:currentColor;width:14px;}</style><style data-emotion="style "></style><link as="style" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" onload="this.onload=null;this.rel='stylesheet'" referrerpolicy="no-referrer" rel="preload" /><noscript><link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" referrerpolicy="no-referrer" rel="stylesheet" /></noscript></head><body><div class="allWrapper"><div id="GlobalHeader-react-component-e2369ff1-b149-48aa-a81c-1fb87fafdc2e"><div class="style-1cnt4b8"><header><div class="style-ymuwam"><div class="style-fv3lde"><a href="/" aria-label="Qiita" class="style-1etvg7j"><svg viewBox="0 0 426.57 130" aria-hidden="true"><circle cx="167.08" cy="21.4" r="12.28"></circle><path d="M250.81 29.66h23.48v18.9h-23.48z"></path><path d="M300.76 105.26a22.23 22.23 0 01-6.26-.86 12.68 12.68 0 01-5.17-3 14.41 14.41 0 01-3.56-5.76 28 28 0 01-1.3-9.22V48.56h29.61v-18.9h-29.52V3.29h-20.17v83.34q0 11.16 2.83 18.27a27.71 27.71 0 007.7 11.2 26.86 26.86 0 0011.43 5.62 47.56 47.56 0 0012.34 1.53h15.16v-18zM0 61.7a58.6 58.6 0 015-24.21A62.26 62.26 0 0118.73 17.9 63.72 63.72 0 0139 4.78 64.93 64.93 0 0164 0a65 65 0 0124.85 4.78 64.24 64.24 0 0120.38 13.12A62 62 0 01123 37.49a58.6 58.6 0 015 24.21 58.34 58.34 0 01-4 21.46 62.8 62.8 0 01-10.91 18.16l11.1 11.1a10.3 10.3 0 010 14.52 10.29 10.29 0 01-14.64 0l-12.22-12.41a65 65 0 01-15.78 6.65 66.32 66.32 0 01-17.55 2.3 64.63 64.63 0 01-45.23-18A62.82 62.82 0 015 85.81 58.3 58.3 0 010 61.7zm21.64.08a43.13 43.13 0 0012.42 30.63 42.23 42.23 0 0013.43 9.09A41.31 41.31 0 0064 104.8a42 42 0 0030-12.39 42.37 42.37 0 009-13.64 43.43 43.43 0 003.3-17 43.77 43.77 0 00-3.3-17A41.7 41.7 0 0080.55 22 41.78 41.78 0 0064 18.68 41.31 41.31 0 0047.49 22a42.37 42.37 0 00-13.43 9.08 43.37 43.37 0 00-12.42 30.7zM331.89 78a47.59 47.59 0 013.3-17.73 43.22 43.22 0 019.34-14.47A44.25 44.25 0 01359 36a47.82 47.82 0 0118.81-3.58 42.72 42.72 0 019.26 1 46.5 46.5 0 018.22 2.58 40 40 0 017 3.84 44.39 44.39 0 015.71 4.63l1.22-9.47h17.35v85.83h-17.35l-1.17-9.42a42.54 42.54 0 01-5.84 4.67 43.11 43.11 0 01-7 3.79 44.86 44.86 0 01-8.17 2.59 43 43 0 01-9.22 1A47.94 47.94 0 01359 119.9a43.3 43.3 0 01-14.47-9.71 44.17 44.17 0 01-9.34-14.47 47 47 0 01-3.3-17.72zm20.27-.08a29.16 29.16 0 002.17 11.34 27 27 0 005.92 8.88 26.69 26.69 0 008.76 5.76 29.19 29.19 0 0021.44 0 26.11 26.11 0 008.72-5.76 27.57 27.57 0 005.88-8.84 29 29 0 002.16-11.38 28.62 28.62 0 00-2.16-11.22 26.57 26.57 0 00-5.93-8.8 27.68 27.68 0 00-19.51-7.9 28.29 28.29 0 00-10.77 2.05 26.19 26.19 0 00-8.71 5.75 27.08 27.08 0 00-5.84 8.8 28.94 28.94 0 00-2.13 11.31zm-194.97-30.5h19.78v73.54h-19.78zm49.25 0h19.78v73.54h-19.78z"></path><circle cx="216.33" cy="21.4" r="12.28"></circle></svg></a></div><div class="style-fv3lde"><form action="/search" method="get" role="search" aria-label="Search" class="style-68a7fl"><span class="material-symbols-outlined style-18lpml7" aria-hidden="true">search</span><input type="search" autoComplete="off" placeholder="Search" name="q" required="" class="style-1gmi769" value=""/></form><button class="style-17ja8a3"><span class="material-symbols-outlined style-v2p563" aria-hidden="true">search</span><span class="style-1afofdy">Search</span></button><a href="/login?callback_action=login_or_signup&redirect_to=%2Fqrrq%2Fitems%2F0e116a59743874d18cb1&realm=qiita" rel="nofollow" class="style-1sn73cs">Login</a><a href="/signup?callback_action=login_or_signup&redirect_to=%2Fqrrq%2Fitems%2F0e116a59743874d18cb1&realm=qiita" rel="nofollow" class="style-1r635es">Signup</a></div></div><form action="/search" method="get" role="search" aria-label="Search" class="style-o5vjsc"><span class="material-symbols-outlined style-18lpml7" aria-hidden="true">search</span><input type="text" autoComplete="off" placeholder="Search" name="q" required="" class="style-1gmi769" value=""/></form></header><nav aria-label="Global" class="style-1l4w6pd"><ol class="style-1736035"><li><a href="/" class="style-1ygoan4">Trend</a></li><li><a href="/question-feed" class="style-1ygoan4">Question</a></li><li><a href="/official-campaigns/conference/2025?utm_source=qiita&utm_medium=referral&utm_campaign=global_navigation" class="style-1ygoan4"><svg class="style-1qkvt8e" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M4.38196 0.5C3.18719 0.5 2.09149 0.990204 1.30469 1.77803C0.517886 2.56586 0.0283203 3.66298 0.0283203 4.85931C0.0283203 6.02646 0.482917 7.11775 1.30469 7.94643C2.12646 8.76927 3.22216 9.22446 4.38196 9.22446C4.83073 9.22446 5.27367 9.15443 5.70495 9.0202C6.21783 8.8568 6.77734 8.90349 7.25525 9.16026C7.65739 9.38202 8.16444 9.30032 8.49082 8.97935C8.81719 8.65839 8.89296 8.14484 8.67149 7.74217C8.41505 7.26364 8.36843 6.70341 8.53161 6.18986C8.67149 5.76385 8.7356 5.3145 8.7356 4.86515C8.7356 3.69799 8.281 2.60671 7.45923 1.78387C6.63746 0.955189 5.54759 0.5 4.38196 0.5Z" fill="#55C500"></path><path d="M10.5256 5.74638C9.97772 5.62966 9.4357 5.97981 9.31914 6.52837C9.20258 7.07693 9.55227 7.61965 10.1001 7.73637C11.1958 7.9698 11.9884 8.95021 11.9884 10.0707C11.9884 10.7359 11.7203 11.3312 11.2891 11.763C10.8578 12.1949 10.2633 12.4633 9.59889 12.4633C8.47988 12.4633 7.49492 11.6697 7.26763 10.5725C7.15106 10.024 6.60904 9.67384 6.0612 9.79056C5.51335 9.90727 5.16366 10.45 5.28022 10.9986C5.71151 13.0294 7.52989 14.5 9.60472 14.5C10.8228 14.5 11.9302 14.004 12.7286 13.1986C13.5271 12.3933 14.0283 11.2903 14.0283 10.0707C14.0283 7.99314 12.5538 6.17239 10.5314 5.74054L10.5256 5.74638Z" fill="var(--color-highEmphasis)"></path></svg>Qiita Conference</a></li><li><a href="/official-events" class="style-1ygoan4">Official Event</a></li><li><a href="/official-columns" target="_blank" class="style-1ygoan4">Official Column<span class="material-symbols-outlined style-1o3zxqp" aria-hidden="true">open_in_new</span></a></li><li><a href="/organizations" class="style-1ygoan4">Organization</a></li></ol></nav></div></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="GlobalHeader" data-dom-id="GlobalHeader-react-component-e2369ff1-b149-48aa-a81c-1fb87fafdc2e">{"isHideGlobalNavigation":false}</script> <div id="AlertMessage-react-component-91d5dc3d-5dda-4c32-b01d-8e17c51d2511"></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="AlertMessage" data-dom-id="AlertMessage-react-component-91d5dc3d-5dda-4c32-b01d-8e17c51d2511">{"isShowTfaDownloadAlert":null}</script> <div class="mainWrapper"><script type="application/ld+json">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/","name":"Qiita"}},{"@type":"ListItem","position":2,"item":{"@id":"/tags/vscode","name":"VSCode"}}]}</script><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","datePublished":"2024-12-24T08:52:35.000+09:00","dateModified":"2024-12-25T12:31:31.000+09:00","headline":"Visual Studio Codeに入れるべき拡張機能【2024年最新版】","image":"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjk1NzI1NyUyRnByb2ZpbGUtaW1hZ2VzJTJGMTczNTE3MDk3OT9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz0xNGVjYmZlMzM5YjU2YzNhZWI1Y2MzNDdlNjNhNTY3Zg%26blend-x%3D120%26blend-y%3D462%26blend-w%3D90%26blend-h%3D90%26blend-mode%3Dnormal%26mark64%3DaHR0cHM6Ly9xaWl0YS1vcmdhbml6YXRpb24taW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1vcmdhbml6YXRpb24taW1hZ2UlMkZhNjEwNTBjZTRjMTgyODhlODgzZDY2NTBmMmU2OWMyMGVlZGQyMDBkJTJGb3JpZ2luYWwuanBnJTNGMTY0NTY4NDg3OD9peGxpYj1yYi00LjAuMCZ3PTQ0Jmg9NDQmZml0PWNyb3AmbWFzaz1jb3JuZXJzJmNvcm5lci1yYWRpdXM9OCZib3JkZXI9MiUyQ0ZGRkZGRiZmbT1wbmczMiZzPTQ2ZDdjMTUyNTNhN2MwMWExZDkwOTQyZGM5ZjFlMWU5%26mark-x%3D186%26mark-y%3D515%26mark-w%3D40%26mark-h%3D40%26s%3D2515ba030367c562cf306c500992a49e?ixlib=rb-4.0.0\u0026w=1200\u0026fm=jpg\u0026mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9VmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSVFMyU4MSVBQiVFNSU4NSVBNSVFMyU4MiU4QyVFMyU4MiU4QiVFMyU4MSVCOSVFMyU4MSU4RCVFNiU4QiVBMSVFNSVCQyVCNSVFNiVBOSU5RiVFOCU4MyVCRCVFMyU4MCU5MDIwMjQlRTUlQjklQjQlRTYlOUMlODAlRTYlOTYlQjAlRTclODklODglRTMlODAlOTEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz00YzI1YWU3ZGM2YzM5MGJkODMwNGVmYzNkYmM4ZGIxNg\u0026mark-x=120\u0026mark-y=112\u0026blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBxcnJxJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NDEwMDY1MWJiMjczYTE3YjI5OWQwZTViNmQ2OTcxNTM\u0026blend-x=242\u0026blend-y=454\u0026blend-w=838\u0026blend-h=46\u0026blend-fit=crop\u0026blend-crop=left%2Cbottom\u0026blend-mode=normal\u0026txt64=5qCq5byP5Lya56S-TnVjbw\u0026txt-x=242\u0026txt-y=539\u0026txt-width=838\u0026txt-clip=end%2Cellipsis\u0026txt-color=%233A3C3C\u0026txt-font=Hiragino%20Sans%20W6\u0026txt-size=28\u0026s=e5cb68c58729014b2772ec33b5f8b888","mainEntityOfPage":"https://qiita.com/qrrq/items/0e116a59743874d18cb1","author":{"@type":"Person","address":"","email":null,"identifier":"qrrq","name":"qrrq","image":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fprofile-images%2F1735170979?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=75\u0026s=037062ad253a92b65cbacaa2f12ecc6c","url":"https://qiita.com/qrrq","description":"","memberOf":[{"@type":"Organization","address":"","legalName":"株式会社Nuco","image":"https://s3-ap-northeast-1.amazonaws.com/qiita-organization-image/5cd89f4bc436540ed7885949f7da39edb3fcdcfb/original.jpg?1645684878","logo":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2Fa61050ce4c18288e883d6650f2e69c20eedd200d%2Foriginal.jpg%3F1645684878?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=8404723c4aa2e25a09563fbb58456bee","identifier":"nuco-inc","description":"株式会社Nucoは AI・ビッグデータを活用したシステム開発で、多くの企業様にソリューション提供をしています。\r\n技術とアクションで世界を変えたい仲間を募集中！（学生インターン・中途未経験も歓迎！）"}]},"publisher":{"@type":"Organization","name":"Qiita","logo":{"@type":"ImageObject","url":"https://cdn.qiita.com/assets/public/qiita-logo-c39ded593afa388e2e1ba435b110554e.png"}}}</script><style type="text/css">html { scroll-behavior: smooth; }</style><script type="application/json" id="js-react-on-rails-context">{"railsEnv":"production","inMailer":false,"i18nLocale":"en","i18nDefaultLocale":"en","rorVersion":"13.4.0","rorPro":false,"href":"https://qiita.com/qrrq/items/0e116a59743874d18cb1","location":"/qrrq/items/0e116a59743874d18cb1","scheme":"https","host":"qiita.com","port":null,"pathname":"/qrrq/items/0e116a59743874d18cb1","search":null,"httpAcceptLanguage":null,"actionPath":"public/items#show","settings":{"analyticsTrackingId":"G-KEVS5DBRVN","tagManagerId":"GTM-W9W5TX4","assetsMap":{},"csrfToken":"Gl_sSmUTnW1fdblOSOeuFl7ub4a6BPE1uggmPLeQQRja1AppRT4ldtn1GKiokK2DBssLB9jD2EvAsQlp4vQnqQ","locale":"en","pushOne":{"accessToken":"4bc4bb057a0601d388a7b9e499ca2307e9eb4fc172804e310c59e511d7cac356","dialogImageUrl":"//cdn.qiita.com/assets/public/push_notification/image-qiitan-572179a3bbde375850422ea48b2b6272.png"},"textlint":{"workerUrl":"//cdn.qiita.com/assets/public/textlint-worker-4693b5e71d303bdfb32ebbe52aea6ebd.min.js"},"datetimeParam":null},"currentUser":null,"isLoggedIn":false,"isQiitaConference2025BeingHeld":true,"isQiitaConference2025Closed":false,"isQiitaConference2025Registration":true,"isQiitaConference2025Published":true,"recaptchaSiteKey":"6LdDE6gpAAAAANCGOJu9_xiI5Z-txJxHCz8uBP8Y","errorIconPath":"//cdn.qiita.com/assets/icons/large/missing-profile-image-828ed5829a93fbb35746a6c0f7c8107e.png","additionalParams":{"query_parameters":{},"path_parameters":{"controller":"public/items","action":"show","user_id":"qrrq","type":"items","id":"0e116a59743874d18cb1"},"request_id":"45510009-667d-4540-8dc3-30c97040c927","user_id":null},"realms":[{"humanName":"Qiita","isCurrentRealm":true,"isQiita":true,"isQiitaTeam":false,"loggedInUser":null,"teamId":null,"url":"https://qiita.com/"}],"adventCalendar":{"currentMonth":4,"isAdventCalendarBeingHeld":false,"isCalendarCreatable":false,"isLatestHeldYear":true,"isPreRegistering":false,"isRankingBeingHeld":false,"isSubscribable":false,"year":2024,"years":[2024,2023,2022,2021,2020,2019,2018,2017,2016,2015,2014,2013,2012,2011]},"serverSide":false}</script> <div id="PersonalArticlePage-react-component-2d69befa-be4e-4bdc-9731-f1df67b22fee"><div class="style-xgff9b"></div><main class=" style-ffh7zq"><section class="style-1hl01qi"><div class="style-c1wjhj"><div class="style-1duml6f"><svg width="64" height="64" viewBox="0 0 64 64" class="style-ftns26"><circle cx="32" cy="32" r="19" class="circle"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M30.5865 41.1378C31.3272 41.8221 32.6722 41.8319 33.4129 41.1574L33.4718 41.1037C38.5554 36.4713 41.8819 33.4401 41.746 29.6619C41.6875 28.0001 40.8396 26.4068 39.4654 25.4684C37.3743 24.0305 34.8841 24.4462 33.1038 25.7333C32.6936 26.0299 32.321 26.3728 31.9997 26.75C31.6783 26.3727 31.3056 26.03 30.8952 25.7338C29.115 24.4491 26.625 24.0385 24.5341 25.4684C23.1599 26.4068 22.312 28.0001 22.2535 29.6619C22.1268 33.4546 25.4697 36.4947 30.5865 41.1378ZM23.7526 29.7133C23.7953 28.5111 24.4144 27.3665 25.38 26.7071L25.3808 26.7065C27.1492 25.4973 29.4926 26.12 30.8579 27.7227L31.543 28.527C31.7826 28.8082 32.2169 28.8082 32.4565 28.527L33.1416 27.7227C34.5102 26.1161 36.8515 25.4914 38.6155 26.7044L38.6195 26.7071C39.5855 27.3667 40.2046 28.512 40.2469 29.7146L40.247 29.7158C40.2969 31.1036 39.73 32.4647 38.3804 34.1435C37.0091 35.8492 34.9938 37.6874 32.403 40.0483C32.3636 40.0842 32.2314 40.1587 32.0103 40.1572C31.7898 40.1556 31.6512 40.0792 31.6044 40.036L31.5995 40.0315L31.5945 40.027C29.0048 37.677 26.9919 35.8432 25.6225 34.1408C24.2752 32.4657 23.7066 31.1034 23.7526 29.7133Z" class="heart-stroke"></path><path d="M33.4129 41.1574C32.6722 41.8319 31.3272 41.8221 30.5865 41.1378C25.4697 36.4947 22.1268 33.4546 22.2535 29.6619C22.312 28.0001 23.1599 26.4068 24.5341 25.4684C27.1071 23.7089 30.2844 24.7363 31.9997 26.75C33.7151 24.7363 36.8924 23.6991 39.4654 25.4684C40.8396 26.4068 41.6875 28.0001 41.746 29.6619C41.8824 33.4546 38.5297 36.4947 33.4129 41.1574Z" class="heart-fill"></path><g class="particles" style="--rotate:30deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:102deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:174deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:246deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:318deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g></svg><button aria-label="Like" aria-pressed="false" title="Like" class="style-10ttvi6"></button></div><div class="style-wknrvb"><div class="style-3fim88"><a href="/qrrq/items/0e116a59743874d18cb1/likers" aria-label="725Likes" aria-describedby="like-tooltip" class="style-1a6dkvp">725</a><p role="tooltip" id="like-tooltip" aria-hidden="false" class="style-16g96ve">Go to list of users who liked</p></div></div></div><div class="style-1bc9a2c"><button aria-haspopup="dialog" aria-expanded="false" aria-controls="ButtonBAhJIhRBcnRpY2xlLTE5NjMxNTIGOgZFRg==--bbefaae8aff3075ee65142fbae771caa0ab62f4930e224b804086d3252570348" aria-label="Stock" class="style-1xwfn2v" type="button"><svg class="style-100tu0r" height="32" viewBox="0 0 32 32" width="32" aria-hidden="true"><path d="M6.5 5H25.5C25.7761 5 26 5.22386 26 5.5V6.5C26 6.77614 25.7761 7 25.5 7H6.5C6.22386 7 6 6.77614 6 6.5V5.5C6 5.22386 6.22386 5 6.5 5ZM24 19V11.5C24 11.3674 23.9473 11.2402 23.8536 11.1464C23.7598 11.0527 23.6326 11 23.5 11H8.5C8.36739 11 8.24021 11.0527 8.14645 11.1464C8.05268 11.2402 8 11.3674 8 11.5V19C8 20.8565 8.7375 22.637 10.0503 23.9497C11.363 25.2625 13.1435 26 15 26H17C18.8565 26 20.637 25.2625 21.9497 23.9497C23.2625 22.637 24 20.8565 24 19ZM6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V19C26 21.3869 25.0518 23.6761 23.364 25.364C21.6761 27.0518 19.3869 28 17 28H15C12.6131 28 10.3239 27.0518 8.63604 25.364C6.94821 23.6761 6 21.3869 6 19V11C6 10.4696 6.21071 9.96086 6.58579 9.58579Z"></path></svg></button><span class="style-1vem4tk">789</span></div><button aria-label="Share on X(Twitter)" title="Post" class="style-1n9ulpr" type="button"><svg class="style-1b1cd5z" viewBox="0 0 20 20"><path d="m11.68 8.62 6.55-7.62h-1.55l-5.69 6.62-4.55-6.62h-5.25l6.88 10.01-6.88 7.99h1.55l6.01-6.99 4.8 6.99h5.24l-7.13-10.38zm-2.13 2.47-.7-1-5.54-7.92h2.39l4.47 6.4.7 1 5.82 8.32h-2.39l-4.75-6.79z"></path></svg></button><button aria-label="Share on facebook" title="Share on Facebook" class="style-1n9ulpr" type="button"><svg class="style-157xj1g" height="20" viewBox="0 0 20 20" width="20"><path d="m20 10c0-5.52-4.48-10-10-10s-10 4.48-10 10c0 4.99 3.66 9.13 8.44 9.88v-6.99h-2.54v-2.89h2.54v-2.2c0-2.51 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.88h2.77l-.44 2.89h-2.33v6.99c4.78-.75 8.44-4.89 8.44-9.88z"></path><path d="m13.89 12.89.44-2.89h-2.77v-1.88c0-.79.39-1.56 1.63-1.56h1.26v-2.46s-1.14-.2-2.24-.2c-2.28 0-3.78 1.38-3.78 3.89v2.2h-2.54v2.89h2.54v6.99c.51.08 1.03.12 1.56.12s1.05-.04 1.56-.12v-6.99h2.33z" fill="#ffffff"></path></svg></button><a class="style-1o9h1hg" href="https://b.hatena.ne.jp/entry/s/qiita.com/qrrq/items/0e116a59743874d18cb1" rel="noopener noreferrer" target="_blank" title="Hatena Bookmark"><svg class="style-1uu7u3w" viewBox="0 0 20 20"><rect height="18" rx="3.67" width="18" x="1" y="1" fill="#1d9bf0"></rect><g fill="#ffffff"><path d="m11.01 10.29c-.33-.36-.78-.57-1.36-.61.52-.14.89-.35 1.13-.62s.35-.64.35-1.11c0-.37-.08-.69-.24-.97s-.39-.5-.69-.67c-.26-.15-.58-.25-.94-.31-.37-.06-1.01-.09-1.93-.09h-2.24v8.18h2.31c.93 0 1.6-.03 2.01-.09s.75-.17 1.03-.32c.34-.18.61-.44.79-.77s.28-.72.28-1.15c0-.61-.16-1.09-.49-1.46zm-3.85-2.57h.48c.55 0 .93.06 1.12.19s.29.34.29.65-.1.5-.31.63c-.21.12-.58.18-1.13.18h-.45v-1.64zm1.9 4.69c-.22.13-.59.2-1.12.2h-.78v-1.79h.81c.54 0 .91.07 1.11.2.2.14.3.38.3.72 0 .31-.11.53-.33.66z"></path><path d="m13.87 12.02c-.57 0-1.04.46-1.04 1.04s.46 1.04 1.04 1.04 1.04-.46 1.04-1.04-.46-1.04-1.04-1.04z"></path><path d="m12.97 5.91h1.8v5.45h-1.8z"></path></g></svg></a><div class="style-79elbk"><button aria-haspopup="menu" aria-expanded="false" aria-controls="ArticleStickyMenuDropdown" class="style-1vr7y3r" aria-label="Open options" type="button"><span class="material-symbols-outlined style-v2p563" aria-hidden="true">more_horiz</span></button><dialog aria-modal="true" aria-labelledby="ArticleDeleteConfirmationModal-label" class="style-oi42s2"><div class="style-2aaf4j"><div class="style-bxc62b"><p id="ArticleDeleteConfirmationModal-label" class="style-1snuvpu">Delete article</p><button type="button" aria-label="" class="style-o8tyjw"><span class="material-symbols-outlined style-v2p563" aria-hidden="true">close</span></button></div><div class="style-6vdptm"><p>Deleted articles cannot be recovered.</p><p>Draft of this article would be also deleted.</p><p>Are you sure you want to delete this article?</p></div><div class="style-111ab2g"><button font-size="16" type="button" class="style-hreeih">Cancel</button><button font-size="16" type="button" class="style-y54waz">Delete<span class="material-symbols-outlined is-fill style-1jvcm2e" aria-hidden="true">delete</span></button></div></div></dialog></div></section><div class="p-items_options"><aside><div class="style-1hbd3g7"></div></aside><div class="p-items_toc"><aside><div class="style-1hbd3g7"></div></aside></div></div><div class="p-items_main"><div class="style-uaiz0z"></div><article class="style-itrjxe"><div class="style-8qb8m4"><div class="style-1yndj8s"><a href="/advent-calendar/2024/nuco" class="style-1hxr78d"><svg class="style-p5g0i7" viewBox="0 0 20 20" fill="none"><g><path d="M9.27965 7.40752L2.84145 14.6741C2.38405 15.1903 2.75065 16.0047 3.44025 16.0047H16.5599C17.2495 16.0047 17.6161 15.1903 17.1587 14.6741L10.7205 7.40752C10.3375 6.97532 9.66265 6.97532 9.27965 7.40752Z" fill="var(--color-gray0)" stroke="var(--color-gray0)"></path><path d="M8.56648 15.5H11.4335C11.4387 15.5 11.4508 15.5013 11.4671 15.5189C11.484 15.5371 11.5 15.5689 11.5 15.6123V19.3877C11.5 19.4311 11.484 19.4629 11.4671 19.4811C11.4508 19.4987 11.4387 19.5 11.4335 19.5H8.56648C8.5613 19.5 8.5492 19.4987 8.53293 19.4811C8.51605 19.4629 8.5 19.4311 8.5 19.3877V15.6123C8.5 15.5689 8.51605 15.5371 8.53293 15.5189C8.5492 15.5013 8.5613 15.5 8.56648 15.5Z" fill="var(--color-gray0)" stroke="var(--color-gray0)"></path><path d="M15.702 9.53557L11.6256 4.23197L11.6136 4.16317L12.6024 3.24257C12.845 3.01677 12.71 2.62777 12.3724 2.57957L10.9962 2.38277L10.3698 1.21477C10.2162 0.928372 9.7806 0.928572 9.6276 1.21537L9.0032 2.38417L7.6272 2.58297C7.2898 2.63177 7.1554 3.02097 7.3984 3.24637L8.3888 4.16557L8.378 4.22757L4.2984 9.53557C3.9916 9.93477 4.2952 10.4924 4.8192 10.4924H15.1814C15.7054 10.4924 16.0088 9.93457 15.702 9.53557Z" fill="var(--color-gray0)" stroke="var(--color-gray0)"></path><path d="M11.1324 9.36595C11.7736 9.36595 12.2934 8.84615 12.2934 8.20495C12.2934 7.56374 11.7736 7.04395 11.1324 7.04395C10.4912 7.04395 9.97144 7.56374 9.97144 8.20495C9.97144 8.84615 10.4912 9.36595 11.1324 9.36595Z" fill="var(--color-red80)"></path><path d="M8.64391 13.907C9.28511 13.907 9.80491 13.3872 9.80491 12.746C9.80491 12.1048 9.28511 11.585 8.64391 11.585C8.00271 11.585 7.48291 12.1048 7.48291 12.746C7.48291 13.3872 8.00271 13.907 8.64391 13.907Z" fill="var(--color-red80)"></path></g><defs><clipPath><rect width="20" height="20" fill="var(--color-gray0)"></rect></clipPath></defs></svg><p class="style-16sfamv"><span class="style-1e956jj">株式会社Nuco</span><span class="style-epvm6">Advent Calendar 2024</span></p><span class="style-c7pa4m">Day 24</span></a></div><div data-logly-image="true" class="style-i43zkt"><div class="style-17gh4w8"><a href="/qrrq" class="style-mavs84"><div class="style-kcbbwa"><img height="24" loading="lazy" src="https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fprofile-images%2F1735170979?ixlib=rb-4.0.0&auto=compress%2Cformat&lossless=0&w=48&s=e8c80d30e1f3972f8753039cc0b0e4ef" width="24" class="style-1wqqt93"/></div>@qrrq</a><span class="style-1e7czb6"><span>in</span><a href="/organizations/nuco-inc" class="style-1o5v0u9"><img src="https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2Fa61050ce4c18288e883d6650f2e69c20eedd200d%2Foriginal.jpg%3F1645684878?ixlib=rb-4.0.0&auto=compress%2Cformat&s=8404723c4aa2e25a09563fbb58456bee" alt="" height="20" width="20" class="style-rdqgjc"/><span class="style-8uhtka">株式会社Nuco</span></a></span></div></div><h1 data-logly-title="true" class="style-wo2a1i">Visual Studio Codeに入れるべき拡張機能【2024年最新版】</h1><ul class="style-28f073"><li><a href="/tags/%e6%8b%a1%e5%bc%b5%e6%a9%9f%e8%83%bd" class="style-mp1hhj">拡張機能</a></li><li><a href="/tags/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf" class="style-mp1hhj">エディタ</a></li><li><a href="/tags/vscode" class="style-mp1hhj">VSCode</a></li><li><a href="/tags/%e6%96%b0%e4%ba%ba%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9e%e5%bf%9c%e6%8f%b4" class="style-mp1hhj">新人プログラマ応援</a></li></ul><div class="style-1npej5s"><span class="style-3k9iaf">Last updated at <time dateTime="2024-12-25T03:31:31Z">2024-12-25</time></span><span class="style-3k9iaf">Posted at 2024-12-23</span></div></div><section class="it-MdContent"><div id="personal-public-article-body"><div class="mdContent-inner"><p data-sourcepos="1:1-1:116">この記事は<a href="https://qiita.com/advent-calendar/2024/nuco">Nuco Advent Calendar 2024</a>の24日目の記事です。</p> <div data-sourcepos="3:1-6:3" class="note info"> <span class="fa fa-fw fa-check-circle"></span><div> <p data-sourcepos="4:1-5:197">弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。<br> また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、<a href="https://www.recruit.nuco.co.jp/?qiita_item_id=0e116a59743874d18cb1" rel="nofollow noopener" target="_blank">こちら</a>まで。</p> </div> </div> <h1 data-sourcepos="9:1-9:14"> <span id="はじめに" class="fragment"></span><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB"><i class="fa fa-link"></i></a>はじめに</h1> <p data-sourcepos="10:1-12:78">VSCodeは世界で多くの人が使っているコードエディタです。<br> 開発の際に使用している人も多いのではないでしょうか。<br> 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。</p> <h1 data-sourcepos="14:1-14:14"> <span id="拡張機能" class="fragment"></span><a href="#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>拡張機能</h1> <p data-sourcepos="15:1-16:108">VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。<br> 機能を追加して、より自分が使いやすいコードエディタにすることができます。</p> <h3 data-sourcepos="18:1-18:37"> <span id="拡張機能のインストール" class="fragment"></span><a href="#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB"><i class="fa fa-link"></i></a>拡張機能のインストール</h3> <p data-sourcepos="19:1-20:147">拡張機能のインストール方法をご紹介します。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1f2b3f1-7506-8848-9c82-f301d42cdf64.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5ab424afea95f224e5ae7d0cd518ec1b" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1f2b3f1-7506-8848-9c82-f301d42cdf64.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5ab424afea95f224e5ae7d0cd518ec1b" alt="拡張機能インストール.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1f2b3f1-7506-8848-9c82-f301d42cdf64.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=d968c120beee69970165b7d533d1c0ce 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b1f2b3f1-7506-8848-9c82-f301d42cdf64.png" loading="lazy"></a></p> <ol data-sourcepos="22:1-26:0"> <li data-sourcepos="22:1-22:115">アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです）</li> <li data-sourcepos="23:1-23:57">インストールしたい拡張機能を検索する</li> <li data-sourcepos="24:1-24:24">拡張機能を選ぶ</li> <li data-sourcepos="25:1-26:0">インストールをクリックする</li> </ol> <p data-sourcepos="27:1-27:79">この4ステップで簡単に拡張機能をインストールできます。</p> <h1 data-sourcepos="29:1-29:26"> <span id="オススメ拡張機能" class="fragment"></span><a href="#%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>オススメ拡張機能</h1> <p data-sourcepos="30:1-30:87">ここからは、オススメの拡張機能をカテゴリごとに紹介します。</p> <h3 data-sourcepos="32:1-32:49"> <span id="これは絶対入れるべき基本機能" class="fragment"></span><a href="#%E3%81%93%E3%82%8C%E3%81%AF%E7%B5%B6%E5%AF%BE%E5%85%A5%E3%82%8C%E3%82%8B%E3%81%B9%E3%81%8D%E5%9F%BA%E6%9C%AC%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>これは絶対入れるべき！基本機能</h3> <h4 data-sourcepos="33:1-33:139"> <span id="japanese-language-pack-for-visual-studio-code" class="fragment"></span><a href="#japanese-language-pack-for-visual-studio-code"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja" rel="nofollow noopener" target="_blank">Japanese Language Pack for Visual Studio Code</a> </h4> <p data-sourcepos="34:1-35:132"><strong>インストール数：約1031万　評価：☆4.5</strong><br> VSCodeの言語を日本語にしてくれる拡張機能です。VSCodeをインストールした後すぐに入れましょう。</p> <p data-sourcepos="37:1-37:131"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F709aa0a5-fd9e-e6d6-5e3a-5831d06a125d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=cd308c891bdd5ccfe1852d8631509429" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F709aa0a5-fd9e-e6d6-5e3a-5831d06a125d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=cd308c891bdd5ccfe1852d8631509429" alt="qiitacarender1.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F709aa0a5-fd9e-e6d6-5e3a-5831d06a125d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=c212800a471928ae16401e62aceeb61f 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/709aa0a5-fd9e-e6d6-5e3a-5831d06a125d.png" loading="lazy"></a></p> <h3 data-sourcepos="40:1-40:58"> <span id="コードの可読性を上げるオススメ機能" class="fragment"></span><a href="#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%8F%AF%E8%AA%AD%E6%80%A7%E3%82%92%E4%B8%8A%E3%81%92%E3%82%8B%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>コードの可読性を上げる！オススメ機能</h3> <h4 data-sourcepos="41:1-41:97"> <span id="indent-rainbow" class="fragment"></span><a href="#indent-rainbow"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow" rel="nofollow noopener" target="_blank">indent-rainbow</a> </h4> <p data-sourcepos="42:1-44:131"><strong>インストール数：約936万　評価：☆5.0</strong><br> インデントを色付けして見やすくしてくれます。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb461509d-23f7-d46e-e74d-8130d9570ce3.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9f5857b82f3a29104eb5cf9fde63d46e" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb461509d-23f7-d46e-e74d-8130d9570ce3.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9f5857b82f3a29104eb5cf9fde63d46e" alt="qiitacarender2.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb461509d-23f7-d46e-e74d-8130d9570ce3.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=39c62ba6653f2b7dea72a77e969471fe 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b461509d-23f7-d46e-e74d-8130d9570ce3.png" loading="lazy"></a></p> <p data-sourcepos="46:1-47:122">ネストの深いコードを追っているときも、いまどこにいるかが視認しやすくなります。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa032fc66-eb94-fd1f-7407-d7f99af5d405.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e85560dcc08ff2de9f2b935bf5975478" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa032fc66-eb94-fd1f-7407-d7f99af5d405.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e85560dcc08ff2de9f2b935bf5975478" alt="image.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa032fc66-eb94-fd1f-7407-d7f99af5d405.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=c357d5403c1c6d6eec9b15c18d174654 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/a032fc66-eb94-fd1f-7407-d7f99af5d405.png" loading="lazy"></a></p> <h4 data-sourcepos="49:1-49:95"> <span id="rainbow-csv" class="fragment"></span><a href="#rainbow-csv"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv" rel="nofollow noopener" target="_blank">Rainbow CSV</a> </h4> <p data-sourcepos="50:1-51:69"><strong>インストール数：約1,057万　評価：☆5.0</strong><br> CSVファイルの要素を色付けして表示してくれます。</p> <p data-sourcepos="53:1-53:131"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F4e330ef2-a7c1-29e5-d1b8-6219bbefe995.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b4f0be544724c544e97f3bd18f70d14f" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F4e330ef2-a7c1-29e5-d1b8-6219bbefe995.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b4f0be544724c544e97f3bd18f70d14f" alt="qiitacarender3.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F4e330ef2-a7c1-29e5-d1b8-6219bbefe995.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=e791695db7402240517fb379124e2474 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/4e330ef2-a7c1-29e5-d1b8-6219bbefe995.png" loading="lazy"></a></p> <h4 data-sourcepos="55:1-55:108"> <span id="prettier---code-formatter" class="fragment"></span><a href="#prettier---code-formatter"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" rel="nofollow noopener" target="_blank">Prettier - Code formatter</a> </h4> <p data-sourcepos="56:1-58:62"><strong>インストール数：約5238万　評価：☆3.5</strong><br> コードを綺麗に整形してくれる拡張機能です。<br> HTML,CSS,Markdownなどを書く際にとても便利です。</p> <p data-sourcepos="60:1-60:131"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc4ae9a16-7557-a636-17d8-680ce2acae44.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=37cdbafdcd347aaed3aba68bebb0696f" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc4ae9a16-7557-a636-17d8-680ce2acae44.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=37cdbafdcd347aaed3aba68bebb0696f" alt="qiitacarender4.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc4ae9a16-7557-a636-17d8-680ce2acae44.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=d737a1010dac69f944c219e6abf3c7f3 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/c4ae9a16-7557-a636-17d8-680ce2acae44.png" loading="lazy"></a></p> <p data-sourcepos="62:1-62:125"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F248c94db-16d4-ed7e-d822-53722c1e344c.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=03a3cc86709b37e94135543115c7bbd0" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F248c94db-16d4-ed7e-d822-53722c1e344c.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=03a3cc86709b37e94135543115c7bbd0" alt="prettier.gif" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F248c94db-16d4-ed7e-d822-53722c1e344c.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=c29dec6a7d21b361535a3343e99a4c33 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/248c94db-16d4-ed7e-d822-53722c1e344c.gif" loading="lazy"></a></p> <h4 data-sourcepos="65:1-65:102"> <span id="better-comments" class="fragment"></span><a href="#better-comments"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments" rel="nofollow noopener" target="_blank">Better Comments</a> </h4> <p data-sourcepos="66:1-68:88"><strong>インストール数：約800万　評価：☆5.0</strong><br> コメントを色分けして表示してくれます。<br> また、TODOや重要なコメントなどを強調表示することもできます。</p> <p data-sourcepos="70:1-70:131"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fdf49195f-5652-ce9a-c2ee-99085a3894f2.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e2df9ad2a2375606f7420dcd222c0fb3" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fdf49195f-5652-ce9a-c2ee-99085a3894f2.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e2df9ad2a2375606f7420dcd222c0fb3" alt="qiitacarender5.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fdf49195f-5652-ce9a-c2ee-99085a3894f2.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=aaab1bf42d42d6b2da0211283e6d7b7c 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/df49195f-5652-ce9a-c2ee-99085a3894f2.png" loading="lazy"></a></p> <p data-sourcepos="72:1-73:122">「疑問」などにも対応した色付けが可能で、チーム開発の助けになりそうです！<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F0e45e2e2-f41a-d65e-59a5-20ccc102ee6b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f51237ca676f1e725d82ba419e14fa9a" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F0e45e2e2-f41a-d65e-59a5-20ccc102ee6b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f51237ca676f1e725d82ba419e14fa9a" alt="image.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F0e45e2e2-f41a-d65e-59a5-20ccc102ee6b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=7086041f150f72b3d9829ea0448d84a0 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/0e45e2e2-f41a-d65e-59a5-20ccc102ee6b.png" loading="lazy"></a></p> <h3 data-sourcepos="75:1-75:55"> <span id="コードの品質を上げるオススメ機能" class="fragment"></span><a href="#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%93%81%E8%B3%AA%E3%82%92%E4%B8%8A%E3%81%92%E3%82%8B%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>コードの品質を上げる！オススメ機能</h3> <h4 data-sourcepos="76:1-76:85"> <span id="zenkaku" class="fragment"></span><a href="#zenkaku"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=mosapride.zenkaku" rel="nofollow noopener" target="_blank">zenkaku</a> </h4> <p data-sourcepos="77:1-79:120"><strong>インストール数：約55万　評価：☆4.5</strong><br> 全角スペースを強調して表示してくれます。<br> この機能を入れれば、半角スペースと全角スペースを間違えることはなくなるでしょう。</p> <p data-sourcepos="81:1-81:131"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6e69a936-05fe-907a-360f-400c58274204.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d8ec05755107479e0b2976ba08d6b250" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6e69a936-05fe-907a-360f-400c58274204.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d8ec05755107479e0b2976ba08d6b250" alt="qiitacarender6.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6e69a936-05fe-907a-360f-400c58274204.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=b2df618e67b2bf29f5472661d802c434 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/6e69a936-05fe-907a-360f-400c58274204.png" loading="lazy"></a></p> <p data-sourcepos="83:1-84:124">このように全角スペースが枠付きで表示され、一目瞭然です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc02662a5-d66f-6454-46be-2d30334e3b69.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1cf8ec57936900d18895b2d72302d16d" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc02662a5-d66f-6454-46be-2d30334e3b69.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1cf8ec57936900d18895b2d72302d16d" alt="zenkaku.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc02662a5-d66f-6454-46be-2d30334e3b69.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=51b0912e01f7f886b889cd411a505fc7 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/c02662a5-d66f-6454-46be-2d30334e3b69.png" loading="lazy"></a></p> <h4 data-sourcepos="86:1-86:110"> <span id="intellicode" class="fragment"></span><a href="#intellicode"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode" rel="nofollow noopener" target="_blank">IntelliCode</a> </h4> <p data-sourcepos="87:1-90:131"><strong>インストール数：約5021万　評価：☆4.0</strong><br> AIを使用したコード補完拡張機能です。<br> コードの文脈によって、常に最適なコードを候補として表示してくれます。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7445a60d-efaf-9c3a-bfd5-5c58b5fc447f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a2784b071a25d14b835d91d692473276" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7445a60d-efaf-9c3a-bfd5-5c58b5fc447f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a2784b071a25d14b835d91d692473276" alt="qiitacarender7.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7445a60d-efaf-9c3a-bfd5-5c58b5fc447f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=02552cbb0e44f8821cdbcdffe0c2dd3d 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/7445a60d-efaf-9c3a-bfd5-5c58b5fc447f.png" loading="lazy"></a></p> <p data-sourcepos="92:1-92:136">（<a href="https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode" rel="nofollow noopener" target="_blank">公式</a>で紹介されているデモ）</p> <p data-sourcepos="94:1-94:135">コードを書きながら、実際に世界中でどのように書かれているかが即座に確認できて大変便利です。</p> <p data-sourcepos="96:1-96:128"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fce513d20-7659-5efe-fa02-11bf148b9831.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=33f724903949e15b8795e5210bcf019d" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fce513d20-7659-5efe-fa02-11bf148b9831.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=33f724903949e15b8795e5210bcf019d" alt="intellicode.gif" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fce513d20-7659-5efe-fa02-11bf148b9831.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=f64e00af8a966290e70f163c1a8ffabc 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/ce513d20-7659-5efe-fa02-11bf148b9831.gif" loading="lazy"></a></p> <h4 data-sourcepos="98:1-98:112"> <span id="path-intellisense" class="fragment"></span><a href="#path-intellisense"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense" rel="nofollow noopener" target="_blank">Path Intellisense</a> </h4> <p data-sourcepos="99:1-101:69"><strong>インストール数：約1498万　評価：☆5.0</strong><br> コード内のファイルパスを自動補完してくれる機能です。<br> ファイルパスの入力ミスが劇的に少なくなります。</p> <p data-sourcepos="103:1-103:131"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F14a1b606-b25f-ce9b-2eb8-70848556d233.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f442957996234dea57615376e5cffc3d" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F14a1b606-b25f-ce9b-2eb8-70848556d233.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f442957996234dea57615376e5cffc3d" alt="qiitacarender8.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F14a1b606-b25f-ce9b-2eb8-70848556d233.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=3eabb2251a4ddf5c740b695d2f98b2a0 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/14a1b606-b25f-ce9b-2eb8-70848556d233.png" loading="lazy"></a></p> <p data-sourcepos="105:1-105:123">（画像は<a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense" rel="nofollow noopener" target="_blank">公式</a>から引用）</p> <p data-sourcepos="107:1-107:130"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbd28621d-fa88-bb88-b6b6-f3c64ecd171b.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=460c388ebfb9a87d06a95b2d9468a88d" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbd28621d-fa88-bb88-b6b6-f3c64ecd171b.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=460c388ebfb9a87d06a95b2d9468a88d" alt="iaHeUiDeTUZuo.gif" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbd28621d-fa88-bb88-b6b6-f3c64ecd171b.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=6d8bb2b65a55249ae7bd8e8ff40a9266 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/bd28621d-fa88-bb88-b6b6-f3c64ecd171b.gif" loading="lazy"></a></p> <h4 data-sourcepos="109:1-109:105"> <span id="auto-rename-tag" class="fragment"></span><a href="#auto-rename-tag"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag" rel="nofollow noopener" target="_blank">Auto Rename Tag</a> </h4> <p data-sourcepos="110:1-112:90"><strong>インストール数：約2055万　評価：☆3.5</strong><br> 開始タグ、終了タグのどちらかを変更した際に、タグの名前を自動で変換してくれるタグです。<br> これを使うと、タグの閉じ忘れやタグの変更ミスがなくなります。</p> <p data-sourcepos="114:1-114:131"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F76a76177-a66e-b135-c797-cd5b24b75b48.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=248046b838b9cd69899bfcfa0a3d7d86" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F76a76177-a66e-b135-c797-cd5b24b75b48.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=248046b838b9cd69899bfcfa0a3d7d86" alt="qiitacarender9.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F76a76177-a66e-b135-c797-cd5b24b75b48.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=f7c6590e6e9bb34e3cdab3a6c6be89c0 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/76a76177-a66e-b135-c797-cd5b24b75b48.png" loading="lazy"></a></p> <p data-sourcepos="116:1-116:142">（<a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag" rel="nofollow noopener" target="_blank">公式</a>のデモンストレーションから引用）</p> <p data-sourcepos="118:1-118:122"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F793d403d-ddcc-3b1c-1657-fd284eb7ee88.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=3210f1b1011086eb628b55a50ebda426" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F793d403d-ddcc-3b1c-1657-fd284eb7ee88.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=3210f1b1011086eb628b55a50ebda426" alt="usage.gif" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F793d403d-ddcc-3b1c-1657-fd284eb7ee88.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=e7b15f69e9080c572f3256fa2d06a3db 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/793d403d-ddcc-3b1c-1657-fd284eb7ee88.gif" loading="lazy"></a></p> <h4 data-sourcepos="120:1-120:116"> <span id="code-spell-checker" class="fragment"></span><a href="#code-spell-checker"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker" rel="nofollow noopener" target="_blank">Code Spell Checker</a> </h4> <p data-sourcepos="121:1-123:111"><strong>インストール数：約1285万　評価：☆4.5</strong><br> コードのスペルミスを指摘してくれる拡張機能です。<br> スペルミスによってコードが動かなくなってしまうというミスを防いでくれます。</p> <p data-sourcepos="125:1-125:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F612d9923-20cf-32f7-a215-cd853ba95040.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=144c36f8dccac7f3b7ce7e2b99d74e69" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F612d9923-20cf-32f7-a215-cd853ba95040.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=144c36f8dccac7f3b7ce7e2b99d74e69" alt="qiitacarender10.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F612d9923-20cf-32f7-a215-cd853ba95040.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=9670081e8d8a287ed159e271d17ac610 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/612d9923-20cf-32f7-a215-cd853ba95040.png" loading="lazy"></a></p> <h4 data-sourcepos="127:1-127:102"> <span id="trailing-spaces" class="fragment"></span><a href="#trailing-spaces"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces" rel="nofollow noopener" target="_blank">Trailing Spaces</a> </h4> <p data-sourcepos="128:1-129:75"><strong>インストール数：約249万　評価：☆5.0</strong><br> 行の最後にある無駄なスペースを可視化してくれます。</p> <p data-sourcepos="131:1-131:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc16ab5f-a0cb-d717-6e04-9417f530b702.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6c4bb06e4324e0b18d77b71198babbac" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc16ab5f-a0cb-d717-6e04-9417f530b702.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6c4bb06e4324e0b18d77b71198babbac" alt="qiitacarender11.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc16ab5f-a0cb-d717-6e04-9417f530b702.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=8ee6179c5c68a9930c997fc034942d6c 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/cc16ab5f-a0cb-d717-6e04-9417f530b702.png" loading="lazy"></a></p> <p data-sourcepos="133:1-134:141">このように赤く表示されるので見やすくなります。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F0df27639-7b48-40bd-10f7-975e44bf105b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e82f9de826904f0e6c2ef53c36697134" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F0df27639-7b48-40bd-10f7-975e44bf105b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e82f9de826904f0e6c2ef53c36697134" alt="無駄なスペース.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F0df27639-7b48-40bd-10f7-975e44bf105b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=a900045cd235aa0242e460b4048904e7 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/0df27639-7b48-40bd-10f7-975e44bf105b.png" loading="lazy"></a></p> <h3 data-sourcepos="136:1-136:34"> <span id="チーム開発なら必須" class="fragment"></span><a href="#%E3%83%81%E3%83%BC%E3%83%A0%E9%96%8B%E7%99%BA%E3%81%AA%E3%82%89%E5%BF%85%E9%A0%88"><i class="fa fa-link"></i></a>チーム開発なら必須！</h3> <h4 data-sourcepos="137:1-137:84"> <span id="git-lens" class="fragment"></span><a href="#git-lens"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens" rel="nofollow noopener" target="_blank">Git Lens</a> </h4> <p data-sourcepos="138:1-140:132"><strong>インストール数：約3767万　評価：☆4.5</strong><br> gitを使ってチーム開発をする際に、誰がどのコードを書いたかわかるようになります。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fe73b12b6-15e9-c5f4-6cdd-94ef33feaade.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=35d28704236d46fe88bed9d2d88d1bef" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fe73b12b6-15e9-c5f4-6cdd-94ef33feaade.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=35d28704236d46fe88bed9d2d88d1bef" alt="qiitacarender12.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fe73b12b6-15e9-c5f4-6cdd-94ef33feaade.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=2e0d91a93401b68c5fe5ee7a6c6bf700 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/e73b12b6-15e9-c5f4-6cdd-94ef33feaade.png" loading="lazy"></a></p> <p data-sourcepos="142:1-143:122">こんなふうに表示されるので誰がいつかいたか一目瞭然になります！<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F7da6591c-b83d-634a-0cb5-8a88b150e62a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=90158eb4d5166c112d3a01695ffbbe05" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F7da6591c-b83d-634a-0cb5-8a88b150e62a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=90158eb4d5166c112d3a01695ffbbe05" alt="image.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F7da6591c-b83d-634a-0cb5-8a88b150e62a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=bf833708a59bb088829be9c7e2a94ad9 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/7da6591c-b83d-634a-0cb5-8a88b150e62a.png" loading="lazy"></a></p> <h4 data-sourcepos="145:1-145:95"> <span id="git-history" class="fragment"></span><a href="#git-history"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory" rel="nofollow noopener" target="_blank">Git History</a> </h4> <p data-sourcepos="146:1-147:60"><strong>インストール数：約1311万　評価：☆4.5</strong><br> gitのログをわかりやすく表示してくれます。</p> <p data-sourcepos="149:1-149:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F68071de6-335f-f9e4-4627-469d1619a304.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=14e1621498ff1c2b112ba973a1b801cb" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F68071de6-335f-f9e4-4627-469d1619a304.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=14e1621498ff1c2b112ba973a1b801cb" alt="qiitacarender13.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F68071de6-335f-f9e4-4627-469d1619a304.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=6b979f7cd7e2fe1125cbbfe973952109 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/68071de6-335f-f9e4-4627-469d1619a304.png" loading="lazy"></a></p> <p data-sourcepos="151:1-152:127">コミット履歴を検索したりすることもでき非常に便利です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb87dea2c-acc1-8008-bbcf-8873deceb282.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=fe03037c97ede0a58b7a758a3e3d23f8" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb87dea2c-acc1-8008-bbcf-8873deceb282.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=fe03037c97ede0a58b7a758a3e3d23f8" alt="githistory.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb87dea2c-acc1-8008-bbcf-8873deceb282.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=29f8f6794f710f252451cdcf3a17479d 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b87dea2c-acc1-8008-bbcf-8873deceb282.png" loading="lazy"></a></p> <h4 data-sourcepos="155:1-155:88"> <span id="git-graph" class="fragment"></span><a href="#git-graph"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph" rel="nofollow noopener" target="_blank">Git Graph</a> </h4> <p data-sourcepos="156:1-158:132"><strong>インストール数：約1010万　評価：☆5.0</strong><br> gitのコミット履歴をグラフ表示してくれる機能です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2f251ba4-a876-3dae-8f44-bf4676ec26c9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=29db273de864902655e880e251de4a22" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2f251ba4-a876-3dae-8f44-bf4676ec26c9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=29db273de864902655e880e251de4a22" alt="qiitacarender14.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2f251ba4-a876-3dae-8f44-bf4676ec26c9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=e4f094e3089e52ecf39079a941f88a77 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/2f251ba4-a876-3dae-8f44-bf4676ec26c9.png" loading="lazy"></a></p> <p data-sourcepos="160:1-162:125">このように誰がいつコミットしたか視覚的にわかりやすくなります。<br> 複数人で作業する場合は色分けされて表示されるため、便利です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F225b0c59-2711-e9ff-5760-e31866e9a7d4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a37cdc6d17057c3911d05ee875664187" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F225b0c59-2711-e9ff-5760-e31866e9a7d4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a37cdc6d17057c3911d05ee875664187" alt="gitgraph.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F225b0c59-2711-e9ff-5760-e31866e9a7d4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=629a2153eef943c9df2e502fd3c503f5 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/225b0c59-2711-e9ff-5760-e31866e9a7d4.png" loading="lazy"></a></p> <h4 data-sourcepos="164:1-164:100"> <span id="remote---ssh" class="fragment"></span><a href="#remote---ssh"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh" rel="nofollow noopener" target="_blank">Remote - SSH</a> </h4> <p data-sourcepos="165:1-166:105"><strong>インストール数：約2445万　評価：☆4.0</strong><br> SSHでリモートサーバーに接続し、VSCode上でコードを編集できる拡張機能です。</p> <p data-sourcepos="168:1-168:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F8c354a3c-05fe-4fed-05fc-74eca0c63aa7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=133daec403593a8d0628ff11cbd4cbc6" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F8c354a3c-05fe-4fed-05fc-74eca0c63aa7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=133daec403593a8d0628ff11cbd4cbc6" alt="qiitacarender15.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F8c354a3c-05fe-4fed-05fc-74eca0c63aa7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=79b8541d8dad374c0ffae208805841d4 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/8c354a3c-05fe-4fed-05fc-74eca0c63aa7.png" loading="lazy"></a></p> <p data-sourcepos="170:1-170:140">（<a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh" rel="nofollow noopener" target="_blank">公式</a>のデモンストレーションから引用）</p> <p data-sourcepos="172:1-172:127"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F30f6f35e-3cf9-6101-e10d-a5f0fd61df82.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2865671165cecf463b49834532b4ad7b" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F30f6f35e-3cf9-6101-e10d-a5f0fd61df82.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2865671165cecf463b49834532b4ad7b" alt="ssh-readme.gif" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F30f6f35e-3cf9-6101-e10d-a5f0fd61df82.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=269f24b41fe09e7ce89ac6d9b61845c7 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/30f6f35e-3cf9-6101-e10d-a5f0fd61df82.gif" loading="lazy"></a></p> <h4 data-sourcepos="175:1-175:109"> <span id="dev-containers" class="fragment"></span><a href="#dev-containers"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers" rel="nofollow noopener" target="_blank">Dev Containers</a> </h4> <p data-sourcepos="176:1-177:87"><strong>インストール数：約2810万　評価：☆4.5</strong><br> Dockerを用いたリモート開発をする場合に重宝する拡張機能です。</p> <p data-sourcepos="179:1-179:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F90e81a97-0e3a-e0c5-9b5c-a6eee9e721bb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4c72f8d1b40c526e0828d5cc27088cb2" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F90e81a97-0e3a-e0c5-9b5c-a6eee9e721bb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4c72f8d1b40c526e0828d5cc27088cb2" alt="qiitacarender16.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F90e81a97-0e3a-e0c5-9b5c-a6eee9e721bb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=86a21e3254735f6542df72a7bdf833c7 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/90e81a97-0e3a-e0c5-9b5c-a6eee9e721bb.png" loading="lazy"></a></p> <h4 data-sourcepos="181:1-181:97"> <span id="live-share" class="fragment"></span><a href="#live-share"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare" rel="nofollow noopener" target="_blank">Live Share</a> </h4> <p data-sourcepos="182:1-183:180"><strong>インストール数：約1929万　評価：☆4.0</strong><br> リモートでも、リアルタイムで共同編集やデバッグなどができます。ターミナルやサーバーの共有もできてしまう優秀拡張機能です。</p> <p data-sourcepos="185:1-185:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fea0c0c5c-1e15-6dc2-457b-170fc6452e4c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d9343a67d3fa1a6941faa23dcc77d712" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fea0c0c5c-1e15-6dc2-457b-170fc6452e4c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d9343a67d3fa1a6941faa23dcc77d712" alt="qiitacarender17.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fea0c0c5c-1e15-6dc2-457b-170fc6452e4c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=9938b3ccd3223ae61637f87e67c7a234 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/ea0c0c5c-1e15-6dc2-457b-170fc6452e4c.png" loading="lazy"></a></p> <h4 data-sourcepos="187:1-187:93"> <span id="live-server" class="fragment"></span><a href="#live-server"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" rel="nofollow noopener" target="_blank">Live Server</a> </h4> <p data-sourcepos="188:1-189:157"><strong>インストール数：約5788万　評価：☆4.5</strong><br> 簡易的なローカルサーバを立てることができ、HTMLファイルをサーバーに上げた時の様子を確認できる拡張機能です。</p> <p data-sourcepos="191:1-191:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F289a36b6-b0e1-3037-2b86-79eb4dce4c38.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7e73cf12672068468f934198fa2af27a" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F289a36b6-b0e1-3037-2b86-79eb4dce4c38.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7e73cf12672068468f934198fa2af27a" alt="qiitacarender18.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F289a36b6-b0e1-3037-2b86-79eb4dce4c38.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=d2897d584a20bc7e17d5e98ca232249b 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/289a36b6-b0e1-3037-2b86-79eb4dce4c38.png" loading="lazy"></a></p> <h3 data-sourcepos="194:1-194:37"> <span id="ここまで進化したai機能" class="fragment"></span><a href="#%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%E9%80%B2%E5%8C%96%E3%81%97%E3%81%9Fai%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>ここまで進化した!AI機能</h3> <h4 data-sourcepos="195:1-195:89"> <span id="github-copilot" class="fragment"></span><a href="#github-copilot"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=GitHub.copilot" rel="nofollow noopener" target="_blank">GitHub Copilot</a> </h4> <p data-sourcepos="196:1-199:83"><strong>インストール数：約2443万　評価：☆3.5</strong><br> AIがコードを自動生成してくれるサービスです。<br> コードを書いている途中に、AIが予測したコードを出してくれるので、開発効率が上がること間違いなしです。<br> 利用は有料で、個人用アカウントで月10ドルで利用できます。</p> <p data-sourcepos="201:1-201:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1184118-64d4-1e15-6e96-32984412df9a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7bd4f00e4086ca8035fbf67edbbf673e" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1184118-64d4-1e15-6e96-32984412df9a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7bd4f00e4086ca8035fbf67edbbf673e" alt="qiitacarender19.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1184118-64d4-1e15-6e96-32984412df9a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=80fec2fbbec493673147f669d75b6063 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b1184118-64d4-1e15-6e96-32984412df9a.png" loading="lazy"></a></p> <p data-sourcepos="203:1-203:121">（<a href="https://marketplace.visualstudio.com/items?itemName=GitHub.copilot" rel="nofollow noopener" target="_blank">公式</a>によるデモンストレーション）</p> <p data-sourcepos="205:1-205:127"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa2191494-5b29-facd-2bbe-e7ef83bcaba7.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9a0d2811f68580163ecb9c9420862dc1" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa2191494-5b29-facd-2bbe-e7ef83bcaba7.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9a0d2811f68580163ecb9c9420862dc1" alt="readme-gif.gif" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa2191494-5b29-facd-2bbe-e7ef83bcaba7.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=9c78003dea1653940c02ea516b880798 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/a2191494-5b29-facd-2bbe-e7ef83bcaba7.gif" loading="lazy"></a></p> <h4 data-sourcepos="208:1-208:106"> <span id="tabnine-ai-autocomplete" class="fragment"></span><a href="#tabnine-ai-autocomplete"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode" rel="nofollow noopener" target="_blank">Tabnine AI Autocomplete</a> </h4> <p data-sourcepos="209:1-212:132"><strong>インストール数：約850万　評価：☆4.0</strong><br> AIを活用した自動補完拡張機能です。<br> 様々な言語に対応しており、非常に便利です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6adc6a16-88e3-9c9c-deb5-f38ed1d191bb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9ca1eeebb9bcb79606daeee12854a841" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6adc6a16-88e3-9c9c-deb5-f38ed1d191bb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9ca1eeebb9bcb79606daeee12854a841" alt="qiitacarender20.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6adc6a16-88e3-9c9c-deb5-f38ed1d191bb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=b9a2179079ac00f04f0e97409d241deb 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/6adc6a16-88e3-9c9c-deb5-f38ed1d191bb.png" loading="lazy"></a></p> <p data-sourcepos="214:1-214:129">（<a href="https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode" rel="nofollow noopener" target="_blank">公式</a>によるデモンストレーション）</p> <p data-sourcepos="216:1-216:128"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbf1d71b9-1f8f-572c-7492-ec4a3762e1e1.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8c458a5426886ea9b657c23e6c9b2086" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbf1d71b9-1f8f-572c-7492-ec4a3762e1e1.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8c458a5426886ea9b657c23e6c9b2086" alt="05_1064_500.gif" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbf1d71b9-1f8f-572c-7492-ec4a3762e1e1.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=aca21b8bcb91c4082fad3fbed92a43cd 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/bf1d71b9-1f8f-572c-7492-ec4a3762e1e1.gif" loading="lazy"></a></p> <h4 data-sourcepos="218:1-218:111"> <span id="codegpt-chat--ai-agents" class="fragment"></span><a href="#codegpt-chat--ai-agents"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=DanielSanMedium.dscodegpt" rel="nofollow noopener" target="_blank">CodeGPT: Chat & AI Agents</a> </h4> <p data-sourcepos="219:1-220:213"><strong>インストール数：約158万　評価：☆4.0</strong><br> こちらもGPTでを活用した自動補完機能です。コメントからコードを自動生成したり、テストやリファクタリングについて、VSCode内で完結するため便利ですね。</p> <p data-sourcepos="222:1-222:124"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fe8be2356-5038-4648-6cca-93e07e4ed212.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=af9cde12916417eb4faaa1e4886ed4a0" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fe8be2356-5038-4648-6cca-93e07e4ed212.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=af9cde12916417eb4faaa1e4886ed4a0" alt="codegpt.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fe8be2356-5038-4648-6cca-93e07e4ed212.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=85f05dcbb016e07502ef16045408a555 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/e8be2356-5038-4648-6cca-93e07e4ed212.png" loading="lazy"></a></p> <h4 data-sourcepos="224:1-224:107"> <span id="phindcom---chat-with-your-codebase" class="fragment"></span><a href="#phindcom---chat-with-your-codebase"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=phind.phind" rel="nofollow noopener" target="_blank">Phind.com - Chat with your Codebase</a> </h4> <p data-sourcepos="225:1-225:54"><strong>インストール数：約13万　評価：☆4.5</strong></p> <p data-sourcepos="227:1-228:183">こちらもVSCode内でAI問い合わせが完結する拡張機能です。使いやすいショートカット機能や、コマンド呼び出しで読み込ませたいファイル指定が行えるなど丁寧な作りになっています。<br> インストール数だけでみると上記の機能と見劣りしますが、評価の数と高さがクオリティを物語っています。ぜひ試してみてください。</p> <p data-sourcepos="230:1-230:122"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F2b8d5833-c007-79d2-4df4-8ed3ea1535a2.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=09b795f5970c0a2730eda0dd98d16bff" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F2b8d5833-c007-79d2-4df4-8ed3ea1535a2.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=09b795f5970c0a2730eda0dd98d16bff" alt="phind.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F2b8d5833-c007-79d2-4df4-8ed3ea1535a2.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=e3f06be8d2d0bc96722448eb718c5ac9 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/2b8d5833-c007-79d2-4df4-8ed3ea1535a2.png" loading="lazy"></a></p> <p data-sourcepos="232:1-232:107">(<a href="https://marketplace.visualstudio.com/items?itemName=phind.phind" rel="nofollow noopener" target="_blank">公式</a>から引用したデモ画像）</p> <p data-sourcepos="234:1-234:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fd5549d4f-9c58-e7c5-8477-52b02fcb068b.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=729f76eb14ae840710c970ba4d11e574" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fd5549d4f-9c58-e7c5-8477-52b02fcb068b.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=729f76eb14ae840710c970ba4d11e574" alt="inline-mentions.gif" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fd5549d4f-9c58-e7c5-8477-52b02fcb068b.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=f0b59b7be9045053dd6ec8b8597e0854 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/d5549d4f-9c58-e7c5-8477-52b02fcb068b.gif" loading="lazy"></a></p> <h3 data-sourcepos="236:1-236:73"> <span id="コード書くのが楽になるフロントエンド向け機能" class="fragment"></span><a href="#%E3%82%B3%E3%83%BC%E3%83%89%E6%9B%B8%E3%81%8F%E3%81%AE%E3%81%8C%E6%A5%BD%E3%81%AB%E3%81%AA%E3%82%8B%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E5%90%91%E3%81%91%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>コード書くのが楽になる！フロントエンド向け機能</h3> <h4 data-sourcepos="237:1-237:98"> <span id="html-css-support" class="fragment"></span><a href="#html-css-support"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css" rel="nofollow noopener" target="_blank">HTML CSS Support</a> </h4> <p data-sourcepos="238:1-241:132"><strong>インストール数：約2368万　評価：☆3.5</strong><br> CSSの定義を参照し、HTMLコードを補完してくれる機能です。<br> classやIDの名前を自動で補完してくれるため、ミスが少なくなります。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffd1b87aa-729b-5bef-4a14-cfd8e7cfd324.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2d5216b8ca720de7f080131bad63bbf9" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffd1b87aa-729b-5bef-4a14-cfd8e7cfd324.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2d5216b8ca720de7f080131bad63bbf9" alt="qiitacarender21.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffd1b87aa-729b-5bef-4a14-cfd8e7cfd324.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=e6ef5bebb5e260adb113066ffac62f1e 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/fd1b87aa-729b-5bef-4a14-cfd8e7cfd324.png" loading="lazy"></a></p> <h4 data-sourcepos="243:1-243:117"> <span id="javascript-es6-code-snippets" class="fragment"></span><a href="#javascript-es6-code-snippets"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets" rel="nofollow noopener" target="_blank">JavaScript (ES6) code snippets</a> </h4> <p data-sourcepos="244:1-245:103"><strong>インストール数：約1794万　評価：☆4.5</strong><br> JavaScriptのコードを書く際に使えるコードスニペットが揃った拡張機能です。</p> <p data-sourcepos="247:1-247:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3a906f87-518a-15ea-5a6f-786e2e2bd857.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e5a6f66efba18bc78c2641acbd8af641" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3a906f87-518a-15ea-5a6f-786e2e2bd857.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e5a6f66efba18bc78c2641acbd8af641" alt="qiitacarender26.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3a906f87-518a-15ea-5a6f-786e2e2bd857.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=ff33cce68b487deea144ab542491ecd0 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/3a906f87-518a-15ea-5a6f-786e2e2bd857.png" loading="lazy"></a></p> <h4 data-sourcepos="249:1-249:130"> <span id="es7-reactreduxreact-native-snippets" class="fragment"></span><a href="#es7-reactreduxreact-native-snippets"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets" rel="nofollow noopener" target="_blank">ES7+ React/Redux/React-Native snippets</a> </h4> <p data-sourcepos="250:1-251:86"><strong>インストール数：約1363万　評価：☆4.0</strong><br> Reactで開発を行うときに、重宝するスニペットが揃っています。</p> <p data-sourcepos="253:1-253:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2cf925bf-936f-e376-070b-20a2b18ac5b9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d2f04573667605d50c7a292cd2d32dfe" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2cf925bf-936f-e376-070b-20a2b18ac5b9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d2f04573667605d50c7a292cd2d32dfe" alt="qiitacarender27.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2cf925bf-936f-e376-070b-20a2b18ac5b9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=ef8da64944a3fe871b898a302e93e91b 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/2cf925bf-936f-e376-070b-20a2b18ac5b9.png" loading="lazy"></a></p> <h4 data-sourcepos="256:1-256:78"> <span id="vetur" class="fragment"></span><a href="#vetur"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=octref.vetur" rel="nofollow noopener" target="_blank">Vetur</a> </h4> <p data-sourcepos="257:1-258:57"><strong>インストール数：約1454万　評価：☆4.5</strong><br> Vue.jsの開発するときの定番拡張機能です。</p> <p data-sourcepos="260:1-260:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb5a42ff7-6a08-e6c5-0322-eb06e6063958.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f22e5da527a6475671c2a018a0de3160" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb5a42ff7-6a08-e6c5-0322-eb06e6063958.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f22e5da527a6475671c2a018a0de3160" alt="qiitacarender28.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb5a42ff7-6a08-e6c5-0322-eb06e6063958.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=c4207312b00fab34e855d5e172dbf17b 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b5a42ff7-6a08-e6c5-0322-eb06e6063958.png" loading="lazy"></a></p> <h4 data-sourcepos="262:1-262:89"> <span id="eslint" class="fragment"></span><a href="#eslint"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint" rel="nofollow noopener" target="_blank">ESLint</a> </h4> <p data-sourcepos="263:1-265:132"><strong>インストール数：約3986万　評価：☆4.5</strong><br> JavaScriptとTypeScriptのコードエラーを検出して、コードの質を高めてくれます。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc49c7825-6d12-2b6d-3e3f-09959284f4e4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=faf8308209d504fdefb9cc9dd67b0b0c" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc49c7825-6d12-2b6d-3e3f-09959284f4e4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=faf8308209d504fdefb9cc9dd67b0b0c" alt="qiitacarender29.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc49c7825-6d12-2b6d-3e3f-09959284f4e4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=cfb898e9f42d191eca53d6fee3041548 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/c49c7825-6d12-2b6d-3e3f-09959284f4e4.png" loading="lazy"></a></p> <h3 data-sourcepos="268:1-268:34"> <span id="バックエンド向け機能" class="fragment"></span><a href="#%E3%83%90%E3%83%83%E3%82%AF%E3%82%A8%E3%83%B3%E3%83%89%E5%90%91%E3%81%91%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>バックエンド向け機能</h3> <h4 data-sourcepos="269:1-269:84"> <span id="cc" class="fragment"></span><a href="#cc"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools" rel="nofollow noopener" target="_blank">C/C++</a> </h4> <p data-sourcepos="270:1-273:132"><strong>インストール数：約7602万　評価：☆3.5</strong><br> C言語で開発を行う際に入れておくべき拡張機能です。<br> コード補完やデバッグなどの機能が入っています。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F57e4ec80-1b04-c1d4-ab2c-b50df8c2a8ff.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8c32b17c05952d6d609b1929315c7061" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F57e4ec80-1b04-c1d4-ab2c-b50df8c2a8ff.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8c32b17c05952d6d609b1929315c7061" alt="qiitacarender30.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F57e4ec80-1b04-c1d4-ab2c-b50df8c2a8ff.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=c2adb0baa7ebf30e1436d14b75e9af3c 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/57e4ec80-1b04-c1d4-ab2c-b50df8c2a8ff.png" loading="lazy"></a></p> <h4 data-sourcepos="275:1-275:83"> <span id="python" class="fragment"></span><a href="#python"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=ms-python.python" rel="nofollow noopener" target="_blank">Python</a> </h4> <p data-sourcepos="276:1-278:132"><strong>インストール数：約1億4951万　評価：☆4.5</strong><br> Pythonで開発を行う際には入れておきたい拡張機能です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F59b5a18e-187c-1024-ca98-12f1dffb0acc.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5755e4b1090fa2c50ad43cda99e4c795" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F59b5a18e-187c-1024-ca98-12f1dffb0acc.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5755e4b1090fa2c50ad43cda99e4c795" alt="qiitacarender31.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F59b5a18e-187c-1024-ca98-12f1dffb0acc.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=e11b809ee9e3eccd321bcc4ca37b0caf 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/59b5a18e-187c-1024-ca98-12f1dffb0acc.png" loading="lazy"></a></p> <h4 data-sourcepos="280:1-280:92"> <span id="pylance" class="fragment"></span><a href="#pylance"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance" rel="nofollow noopener" target="_blank">Pylance</a> </h4> <p data-sourcepos="281:1-284:132"><strong>インストール数：約1億2160万　評価：☆3.0</strong><br> Python言語のサポート機能になります。<br> 上記で紹介した、Pythonと一緒にインストールすると良いでしょう。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7c89cd42-cc53-0fed-d97c-321f203c0de4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a48953af63f4e4de4a57c04d60eb4e2e" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7c89cd42-cc53-0fed-d97c-321f203c0de4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a48953af63f4e4de4a57c04d60eb4e2e" alt="qiitacarender32.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7c89cd42-cc53-0fed-d97c-321f203c0de4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=18d0c0fe03a6bbdbb5b8dc03faaf187d 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/7c89cd42-cc53-0fed-d97c-321f203c0de4.png" loading="lazy"></a></p> <h4 data-sourcepos="286:1-286:89"> <span id="django" class="fragment"></span><a href="#django"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django" rel="nofollow noopener" target="_blank">Django</a> </h4> <p data-sourcepos="287:1-289:132"><strong>インストール数：約1310万　評価：☆4.0</strong><br> VSCodeでDjangoフレームワークを使って開発を行う時に入れるべき拡張機能です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fd2f37d96-570b-fe9f-886e-99e6e01d7978.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=979634be7f43fa984e9d67399f84c0ad" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fd2f37d96-570b-fe9f-886e-99e6e01d7978.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=979634be7f43fa984e9d67399f84c0ad" alt="qiitacarender34.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fd2f37d96-570b-fe9f-886e-99e6e01d7978.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=68879bd4aabdd3a7a0b969d03fdc046e 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/d2f37d96-570b-fe9f-886e-99e6e01d7978.png" loading="lazy"></a></p> <h4 data-sourcepos="291:1-291:86"> <span id="jupyter" class="fragment"></span><a href="#jupyter"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter" rel="nofollow noopener" target="_blank">Jupyter</a> </h4> <p data-sourcepos="292:1-295:132"><strong>インストール数：約8614万　評価：☆4.5</strong><br> VSCode上でJupyter Notebookを開くことができます。<br> ブラウザを開くことなく、Jupyterを起動できるので便利です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc5cb6bf-fe2a-9aed-53f5-57d95736d5b5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=029d1663a5658b7dc11b223b846a2b87" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc5cb6bf-fe2a-9aed-53f5-57d95736d5b5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=029d1663a5658b7dc11b223b846a2b87" alt="qiitacarender35.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc5cb6bf-fe2a-9aed-53f5-57d95736d5b5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=3783e8390b0ed1a832796f35fbe05601 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/cc5cb6bf-fe2a-9aed-53f5-57d95736d5b5.png" loading="lazy"></a></p> <h4 data-sourcepos="297:1-297:72"> <span id="go" class="fragment"></span><a href="#go"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=golang.Go" rel="nofollow noopener" target="_blank">Go</a> </h4> <p data-sourcepos="298:1-300:132"><strong>インストール数：約1455万　評価：☆4.5</strong><br> Go言語のサポートを行ってくれる拡張機能です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F34ce588e-0af3-59fe-6901-c0a2b4b5c3c8.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1b3f7d421a06c66f6b913ed2f0fe2934" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F34ce588e-0af3-59fe-6901-c0a2b4b5c3c8.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1b3f7d421a06c66f6b913ed2f0fe2934" alt="qiitacarender36.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F34ce588e-0af3-59fe-6901-c0a2b4b5c3c8.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=4fb6dc914df735d5e69c553199c5830a 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/34ce588e-0af3-59fe-6901-c0a2b4b5c3c8.png" loading="lazy"></a></p> <h4 data-sourcepos="302:1-302:112"> <span id="php-intelephense" class="fragment"></span><a href="#php-intelephense"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client" rel="nofollow noopener" target="_blank">PHP Intelephense</a> </h4> <p data-sourcepos="303:1-305:132"><strong>インストール数：約1384万　評価：☆4.5</strong><br> PHPを開発で使う際は入れておきたい拡張機能です。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2997eb7c-0e87-9431-1351-cf4e98eb6616.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9a7d4e8dd523fdae6727cd0409f74322" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2997eb7c-0e87-9431-1351-cf4e98eb6616.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9a7d4e8dd523fdae6727cd0409f74322" alt="qiitacarender37.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2997eb7c-0e87-9431-1351-cf4e98eb6616.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=3f19d87f99958c87a223fbf29eb7c189 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/2997eb7c-0e87-9431-1351-cf4e98eb6616.png" loading="lazy"></a></p> <h3 data-sourcepos="308:1-308:70"> <span id="見た目をカスタマイズ配色アイコン拡張機能" class="fragment"></span><a href="#%E8%A6%8B%E3%81%9F%E7%9B%AE%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E9%85%8D%E8%89%B2%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>見た目をカスタマイズ！配色・アイコン拡張機能</h3> <h4 data-sourcepos="309:1-309:99"> <span id="github-theme" class="fragment"></span><a href="#github-theme"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme" rel="nofollow noopener" target="_blank">GitHub Theme</a> </h4> <p data-sourcepos="310:1-311:132"><strong>インストール数：約1510万　評価：☆4.5</strong><br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ff22f33bd-cc33-46a0-4abc-5953c4ee1c7e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=866aad8e6253ece6edf6b56f9337a9f7" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ff22f33bd-cc33-46a0-4abc-5953c4ee1c7e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=866aad8e6253ece6edf6b56f9337a9f7" alt="qiitacarender38.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ff22f33bd-cc33-46a0-4abc-5953c4ee1c7e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=8f48d4c113fac67f22c1c9271c946a54 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/f22f33bd-cc33-46a0-4abc-5953c4ee1c7e.png" loading="lazy"></a></p> <h4 data-sourcepos="313:1-313:100"> <span id="one-dark-pro" class="fragment"></span><a href="#one-dark-pro"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme" rel="nofollow noopener" target="_blank">One Dark Pro</a> </h4> <p data-sourcepos="314:1-315:132"><strong>インストール数：約1028万　評価：☆4.5</strong><br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffdf06d06-0a13-92e3-4c91-6d53893e19e0.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=645894647190a2237a9e4d18ed046775" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffdf06d06-0a13-92e3-4c91-6d53893e19e0.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=645894647190a2237a9e4d18ed046775" alt="qiitacarender39.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffdf06d06-0a13-92e3-4c91-6d53893e19e0.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=294f5ff20b1028ce1ad805855cad3644 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/fdf06d06-0a13-92e3-4c91-6d53893e19e0.png" loading="lazy"></a></p> <h4 data-sourcepos="317:1-317:104"> <span id="dracula-official" class="fragment"></span><a href="#dracula-official"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula" rel="nofollow noopener" target="_blank">Dracula Official</a> </h4> <p data-sourcepos="318:1-319:132"><strong>インストール数：約815万　評価：☆5.0</strong><br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7186d486-92d4-a4df-4f3b-04567612c07d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d4f1999a02c9228052f64ac9241cd08e" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7186d486-92d4-a4df-4f3b-04567612c07d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d4f1999a02c9228052f64ac9241cd08e" alt="qiitacarender40.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7186d486-92d4-a4df-4f3b-04567612c07d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=b3e0f8a84dc71aa7ef594b7f9720ddff 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/7186d486-92d4-a4df-4f3b-04567612c07d.png" loading="lazy"></a></p> <h4 data-sourcepos="321:1-321:105"> <span id="material-icon-theme" class="fragment"></span><a href="#material-icon-theme"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme" rel="nofollow noopener" target="_blank">Material Icon Theme</a> </h4> <p data-sourcepos="322:1-325:125"><strong>インストール数：約2691万　評価：☆5.0</strong><br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3ff50441-fbd0-4667-53bf-1678fcd7f345.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=56c0861c17f4e9f8df66dd70750dc6f1" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3ff50441-fbd0-4667-53bf-1678fcd7f345.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=56c0861c17f4e9f8df66dd70750dc6f1" alt="qiitacarender41.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3ff50441-fbd0-4667-53bf-1678fcd7f345.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=015fc89bdf475c3c30bda0b8a7e8b108 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/3ff50441-fbd0-4667-53bf-1678fcd7f345.png" loading="lazy"></a><br> こんな感じになります。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F51b46147-f3ac-4543-4635-5d4133eca914.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c87e64361f093b0c80a3edd6051b8c82" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F51b46147-f3ac-4543-4635-5d4133eca914.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c87e64361f093b0c80a3edd6051b8c82" alt="material.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F51b46147-f3ac-4543-4635-5d4133eca914.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=63cfb3888cde6af2ac47b871f6e1c00e 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/51b46147-f3ac-4543-4635-5d4133eca914.png" loading="lazy"></a></p> <p data-sourcepos="327:1-327:108">好きな配色やアイコンテーマを見つけて、自分好みにカスタマイズしましょう！</p> <h4 data-sourcepos="329:1-329:103"> <span id="vscode-icons" class="fragment"></span><a href="#vscode-icons"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons" rel="nofollow noopener" target="_blank">vscode-icons</a> </h4> <p data-sourcepos="330:1-333:135"><strong>インストール数：約2007万　評価：☆5.0</strong><br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F96743d51-bff4-1080-1890-e1524a390b65.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=fc9565d51144a4929d08426bfa3dc716" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F96743d51-bff4-1080-1890-e1524a390b65.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=fc9565d51144a4929d08426bfa3dc716" alt="qiitacarender42.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F96743d51-bff4-1080-1890-e1524a390b65.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=d6486124c1e6b582e2bab051a47fa709 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/96743d51-bff4-1080-1890-e1524a390b65.png" loading="lazy"></a><br> こんな感じになります。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6d3d969f-7c38-f296-a1bd-c3457d1e9a05.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f660594b39c647ff0e1b7e4b736759c4" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6d3d969f-7c38-f296-a1bd-c3457d1e9a05.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f660594b39c647ff0e1b7e4b736759c4" alt="VScodeアイコン.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6d3d969f-7c38-f296-a1bd-c3457d1e9a05.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=4b3e1b8ffc80947495f25ca4a710b52c 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/6d3d969f-7c38-f296-a1bd-c3457d1e9a05.png" loading="lazy"></a></p> <h3 data-sourcepos="335:1-335:31"> <span id="その他おすすめ機能" class="fragment"></span><a href="#%E3%81%9D%E3%81%AE%E4%BB%96%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E6%A9%9F%E8%83%BD"><i class="fa fa-link"></i></a>その他おすすめ機能</h3> <h4 data-sourcepos="336:1-336:97"> <span id="code-runner" class="fragment"></span><a href="#code-runner"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner" rel="nofollow noopener" target="_blank">Code Runner</a> </h4> <p data-sourcepos="337:1-338:132"><strong>インストール数：約3112万　評価：☆4.5</strong><br> プログラムを簡単に実行することができる拡張機能です。様々な言語に対応しており、便利です。</p> <p data-sourcepos="340:1-340:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F5676840c-6c4f-6dcf-f088-efb40b11be15.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=52288767f7bd3c24567a6647204b8996" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F5676840c-6c4f-6dcf-f088-efb40b11be15.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=52288767f7bd3c24567a6647204b8996" alt="qiitacarender43.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F5676840c-6c4f-6dcf-f088-efb40b11be15.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=29da9045efaeca5dfaa6e3b29685ee6f 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/5676840c-6c4f-6dcf-f088-efb40b11be15.png" loading="lazy"></a></p> <h4 data-sourcepos="342:1-342:89"> <span id="rest-client" class="fragment"></span><a href="#rest-client"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=humao.rest-client" rel="nofollow noopener" target="_blank">REST Client</a> </h4> <p data-sourcepos="343:1-344:88"><strong>インストール数：約400万　評価：☆5.0</strong><br> VSCode上でHTTPリクエストを簡単に行えるようになる拡張機能です。</p> <p data-sourcepos="346:1-346:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fa94d7476-3381-2cc8-8ced-036e67d77743.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9f5760c865298e194430c5c4efb6efb4" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fa94d7476-3381-2cc8-8ced-036e67d77743.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9f5760c865298e194430c5c4efb6efb4" alt="qiitacarender45.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fa94d7476-3381-2cc8-8ced-036e67d77743.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=5e97795aed2de596c47fd9adf303ff8f 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/a94d7476-3381-2cc8-8ced-036e67d77743.png" loading="lazy"></a></p> <h4 data-sourcepos="348:1-348:102"> <span id="todo-highlight" class="fragment"></span><a href="#todo-highlight"><i class="fa fa-link"></i></a><a href="https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight" rel="nofollow noopener" target="_blank">TODO Highlight</a> </h4> <p data-sourcepos="349:1-351:89"><strong>インストール数：約508万　評価：☆4.5</strong><br> TODOコメントをハイライトで目立たせてくれる拡張機能です。<br> TODOがどこにいったかわからなくなった!という事態を防げますね。</p> <p data-sourcepos="353:1-353:132"><a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F693d7e50-f70e-0bda-9304-d6dda63ded4b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6c764e80be1a0a447be92042a162a1ad" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F693d7e50-f70e-0bda-9304-d6dda63ded4b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6c764e80be1a0a447be92042a162a1ad" alt="qiitacarender46.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F693d7e50-f70e-0bda-9304-d6dda63ded4b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=0c2619db37ec7925284b3e578344c843 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/693d7e50-f70e-0bda-9304-d6dda63ded4b.png" loading="lazy"></a></p> <p data-sourcepos="355:1-356:121">このように色付けして目立たせてくれます。<br> <a href="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6afef7f4-4ac4-f237-56e2-12e9c78bf52e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c36325327c8df6f31f4369994bde96ce" target="_blank" rel="nofollow noopener"><img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6afef7f4-4ac4-f237-56e2-12e9c78bf52e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c36325327c8df6f31f4369994bde96ce" alt="TODO.png" srcset="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6afef7f4-4ac4-f237-56e2-12e9c78bf52e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&w=1400&fit=max&s=187a2647452151d694d55b7348040ca9 1x" data-canonical-src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/6afef7f4-4ac4-f237-56e2-12e9c78bf52e.png" loading="lazy"></a></p> <h1 data-sourcepos="358:1-358:11"> <span id="まとめ" class="fragment"></span><a href="#%E3%81%BE%E3%81%A8%E3%82%81"><i class="fa fa-link"></i></a>まとめ</h1> <p data-sourcepos="359:1-360:87">本記事では、VSCodeの拡張機能を紹介しました。<br> 拡張機能を駆使して、快適なコーディング生活を送りましょう！</p> <div data-sourcepos="362:1-365:3" class="note info"> <span class="fa fa-fw fa-check-circle"></span><div> <p data-sourcepos="363:1-364:197">弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。<br> また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、<a href="https://www.recruit.nuco.co.jp/?qiita_item_id=0e116a59743874d18cb1" rel="nofollow noopener" target="_blank">こちら</a>まで。</p> </div> </div> </div></div></section><div class="style-1r3vbu3"><div class="style-gg4vpm"><div class="style-1f18zs1"><div class="style-aaiy04"><div class="style-1duml6f"><svg width="64" height="64" viewBox="0 0 64 64" class="style-ftns26"><circle cx="32" cy="32" r="19" class="circle"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M30.5865 41.1378C31.3272 41.8221 32.6722 41.8319 33.4129 41.1574L33.4718 41.1037C38.5554 36.4713 41.8819 33.4401 41.746 29.6619C41.6875 28.0001 40.8396 26.4068 39.4654 25.4684C37.3743 24.0305 34.8841 24.4462 33.1038 25.7333C32.6936 26.0299 32.321 26.3728 31.9997 26.75C31.6783 26.3727 31.3056 26.03 30.8952 25.7338C29.115 24.4491 26.625 24.0385 24.5341 25.4684C23.1599 26.4068 22.312 28.0001 22.2535 29.6619C22.1268 33.4546 25.4697 36.4947 30.5865 41.1378ZM23.7526 29.7133C23.7953 28.5111 24.4144 27.3665 25.38 26.7071L25.3808 26.7065C27.1492 25.4973 29.4926 26.12 30.8579 27.7227L31.543 28.527C31.7826 28.8082 32.2169 28.8082 32.4565 28.527L33.1416 27.7227C34.5102 26.1161 36.8515 25.4914 38.6155 26.7044L38.6195 26.7071C39.5855 27.3667 40.2046 28.512 40.2469 29.7146L40.247 29.7158C40.2969 31.1036 39.73 32.4647 38.3804 34.1435C37.0091 35.8492 34.9938 37.6874 32.403 40.0483C32.3636 40.0842 32.2314 40.1587 32.0103 40.1572C31.7898 40.1556 31.6512 40.0792 31.6044 40.036L31.5995 40.0315L31.5945 40.027C29.0048 37.677 26.9919 35.8432 25.6225 34.1408C24.2752 32.4657 23.7066 31.1034 23.7526 29.7133Z" class="heart-stroke"></path><path d="M33.4129 41.1574C32.6722 41.8319 31.3272 41.8221 30.5865 41.1378C25.4697 36.4947 22.1268 33.4546 22.2535 29.6619C22.312 28.0001 23.1599 26.4068 24.5341 25.4684C27.1071 23.7089 30.2844 24.7363 31.9997 26.75C33.7151 24.7363 36.8924 23.6991 39.4654 25.4684C40.8396 26.4068 41.6875 28.0001 41.746 29.6619C41.8824 33.4546 38.5297 36.4947 33.4129 41.1574Z" class="heart-fill"></path><g class="particles" style="--rotate:30deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:102deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:174deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:246deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:318deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g></svg><button aria-label="Like" aria-pressed="false" title="Like" class="style-10ttvi6"></button></div><div class="style-buogjo"><div class="style-3fim88"><a href="/qrrq/items/0e116a59743874d18cb1/likers" aria-label="725Likes" aria-describedby="like-tooltip" class="style-1a6dkvp">725</a><p role="tooltip" id="like-tooltip" aria-hidden="false" class="style-uw35c3">Go to list of users who liked</p></div></div></div><div class="style-izmm4j"><button aria-haspopup="dialog" aria-expanded="false" aria-controls="ButtonBAhJIhRBcnRpY2xlLTE5NjMxNTIGOgZFRg==--bbefaae8aff3075ee65142fbae771caa0ab62f4930e224b804086d3252570348" aria-label="Stock" class="style-1xwfn2v" type="button"><svg class="style-100tu0r" height="32" viewBox="0 0 32 32" width="32" aria-hidden="true"><path d="M6.5 5H25.5C25.7761 5 26 5.22386 26 5.5V6.5C26 6.77614 25.7761 7 25.5 7H6.5C6.22386 7 6 6.77614 6 6.5V5.5C6 5.22386 6.22386 5 6.5 5ZM24 19V11.5C24 11.3674 23.9473 11.2402 23.8536 11.1464C23.7598 11.0527 23.6326 11 23.5 11H8.5C8.36739 11 8.24021 11.0527 8.14645 11.1464C8.05268 11.2402 8 11.3674 8 11.5V19C8 20.8565 8.7375 22.637 10.0503 23.9497C11.363 25.2625 13.1435 26 15 26H17C18.8565 26 20.637 25.2625 21.9497 23.9497C23.2625 22.637 24 20.8565 24 19ZM6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V19C26 21.3869 25.0518 23.6761 23.364 25.364C21.6761 27.0518 19.3869 28 17 28H15C12.6131 28 10.3239 27.0518 8.63604 25.364C6.94821 23.6761 6 21.3869 6 19V11C6 10.4696 6.21071 9.96086 6.58579 9.58579Z"></path></svg></button><span class="style-1129w32">789</span></div><div class="style-3fim88"><a href="#comments" aria-label="3Comments" aria-describedby="comments-tooltip" class="style-tzv11m"><span class="material-symbols-outlined style-n5k90r" aria-hidden="true">comment</span>3</a><p role="tooltip" id="comments-tooltip" aria-hidden="false" class="style-uw35c3">Go to list of comments</p></div></div><div class="style-1f18zs1"></div></div></div><div class="style-rwy56f"><p class="style-1nyasl8">Register as a new user and use Qiita more conveniently</p><ol class="style-1i89dtz"><li>You get articles that match your needs</li><li>You can efficiently read back useful information</li><li>You can use dark theme</li></ol><a href="https://help.qiita.com/ja/articles/qiita-login-user" target="_blank" rel="noopener noreferrer" class="style-dzaums">What you can do with signing up</a><div class="style-geahq7"><a href="/signup?callback_action=login_or_signup&redirect_to=%2Fqrrq%2Fitems%2F0e116a59743874d18cb1&realm=qiita" rel="nofollow" class="style-1dq3d3h">Sign up</a><a href="/login?callback_action=login_or_signup&redirect_to=%2Fqrrq%2Fitems%2F0e116a59743874d18cb1&realm=qiita" rel="nofollow" class="style-tfrxbl">Login</a></div></div></article><div></div></div></main><div class="style-1395ble"><div class="style-5jpx49"><div class="style-aaiy04"><div class="style-1duml6f"><svg width="64" height="64" viewBox="0 0 64 64" class="style-ftns26"><circle cx="32" cy="32" r="19" class="circle"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M30.5865 41.1378C31.3272 41.8221 32.6722 41.8319 33.4129 41.1574L33.4718 41.1037C38.5554 36.4713 41.8819 33.4401 41.746 29.6619C41.6875 28.0001 40.8396 26.4068 39.4654 25.4684C37.3743 24.0305 34.8841 24.4462 33.1038 25.7333C32.6936 26.0299 32.321 26.3728 31.9997 26.75C31.6783 26.3727 31.3056 26.03 30.8952 25.7338C29.115 24.4491 26.625 24.0385 24.5341 25.4684C23.1599 26.4068 22.312 28.0001 22.2535 29.6619C22.1268 33.4546 25.4697 36.4947 30.5865 41.1378ZM23.7526 29.7133C23.7953 28.5111 24.4144 27.3665 25.38 26.7071L25.3808 26.7065C27.1492 25.4973 29.4926 26.12 30.8579 27.7227L31.543 28.527C31.7826 28.8082 32.2169 28.8082 32.4565 28.527L33.1416 27.7227C34.5102 26.1161 36.8515 25.4914 38.6155 26.7044L38.6195 26.7071C39.5855 27.3667 40.2046 28.512 40.2469 29.7146L40.247 29.7158C40.2969 31.1036 39.73 32.4647 38.3804 34.1435C37.0091 35.8492 34.9938 37.6874 32.403 40.0483C32.3636 40.0842 32.2314 40.1587 32.0103 40.1572C31.7898 40.1556 31.6512 40.0792 31.6044 40.036L31.5995 40.0315L31.5945 40.027C29.0048 37.677 26.9919 35.8432 25.6225 34.1408C24.2752 32.4657 23.7066 31.1034 23.7526 29.7133Z" class="heart-stroke"></path><path d="M33.4129 41.1574C32.6722 41.8319 31.3272 41.8221 30.5865 41.1378C25.4697 36.4947 22.1268 33.4546 22.2535 29.6619C22.312 28.0001 23.1599 26.4068 24.5341 25.4684C27.1071 23.7089 30.2844 24.7363 31.9997 26.75C33.7151 24.7363 36.8924 23.6991 39.4654 25.4684C40.8396 26.4068 41.6875 28.0001 41.746 29.6619C41.8824 33.4546 38.5297 36.4947 33.4129 41.1574Z" class="heart-fill"></path><g class="particles" style="--rotate:30deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:102deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:174deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:246deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g><g class="particles" style="--rotate:318deg"><circle cx="29" cy="19" r="3" fill="var(--color-yellow60)" class="particle" style="--x:26;--y:7;--duration:150ms"></circle><circle cx="35" cy="23" r="2" fill="var(--color-blue60)" class="particle" style="--x:37;--y:10;--duration:200ms"></circle></g></svg><button aria-label="Like" aria-pressed="false" title="Like" class="style-10ttvi6"></button></div><div class="style-wknrvb"><div class="style-3fim88"><a href="/qrrq/items/0e116a59743874d18cb1/likers" aria-label="725Likes" aria-describedby="like-tooltip" class="style-1a6dkvp">725</a><p role="tooltip" id="like-tooltip" aria-hidden="false" class="style-uw35c3">Go to list of users who liked</p></div></div></div><div class="style-izmm4j"><button aria-haspopup="dialog" aria-expanded="false" aria-controls="ButtonBAhJIhRBcnRpY2xlLTE5NjMxNTIGOgZFRg==--bbefaae8aff3075ee65142fbae771caa0ab62f4930e224b804086d3252570348" aria-label="Stock" class="style-1xwfn2v" type="button"><svg class="style-100tu0r" height="32" viewBox="0 0 32 32" width="32" aria-hidden="true"><path d="M6.5 5H25.5C25.7761 5 26 5.22386 26 5.5V6.5C26 6.77614 25.7761 7 25.5 7H6.5C6.22386 7 6 6.77614 6 6.5V5.5C6 5.22386 6.22386 5 6.5 5ZM24 19V11.5C24 11.3674 23.9473 11.2402 23.8536 11.1464C23.7598 11.0527 23.6326 11 23.5 11H8.5C8.36739 11 8.24021 11.0527 8.14645 11.1464C8.05268 11.2402 8 11.3674 8 11.5V19C8 20.8565 8.7375 22.637 10.0503 23.9497C11.363 25.2625 13.1435 26 15 26H17C18.8565 26 20.637 25.2625 21.9497 23.9497C23.2625 22.637 24 20.8565 24 19ZM6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V19C26 21.3869 25.0518 23.6761 23.364 25.364C21.6761 27.0518 19.3869 28 17 28H15C12.6131 28 10.3239 27.0518 8.63604 25.364C6.94821 23.6761 6 21.3869 6 19V11C6 10.4696 6.21071 9.96086 6.58579 9.58579Z"></path></svg></button><span class="style-1vem4tk">789</span></div><div class="style-79elbk"><button aria-haspopup="menu" aria-expanded="false" aria-controls="ArticleStickyMenuDropdown" class="style-1vr7y3r" aria-label="Open options" type="button"><span class="material-symbols-outlined style-v2p563" aria-hidden="true">more_horiz</span></button><dialog aria-modal="true" aria-labelledby="ArticleDeleteConfirmationModal-label" class="style-oi42s2"><div class="style-2aaf4j"><div class="style-bxc62b"><p id="ArticleDeleteConfirmationModal-label" class="style-1snuvpu">Delete article</p><button type="button" aria-label="" class="style-o8tyjw"><span class="material-symbols-outlined style-v2p563" aria-hidden="true">close</span></button></div><div class="style-6vdptm"><p>Deleted articles cannot be recovered.</p><p>Draft of this article would be also deleted.</p><p>Are you sure you want to delete this article?</p></div><div class="style-111ab2g"><button font-size="16" type="button" class="style-hreeih">Cancel</button><button font-size="16" type="button" class="style-y54waz">Delete<span class="material-symbols-outlined is-fill style-1jvcm2e" aria-hidden="true">delete</span></button></div></div></dialog></div></div></div></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="PersonalArticlePage" data-dom-id="PersonalArticlePage-react-component-2d69befa-be4e-4bdc-9731-f1df67b22fee">{"authorAnalyticsTrackingId":null,"findyEventPopup":null,"headerBanner":{"bannerDisplayKey":"header_text_banner_displayed","isDisplayable":true},"organizationAnalyticsTrackingId":null,"promptLoginMessageImageSrc":"//cdn.qiita.com/assets/public/image-qiitan_for_login_modal-014e085d3e40a240e3fe8d61b70b29a9.png","isPostCompletePromptShow":false,"postCompleteModalImages":[],"isDisplayAdAboveArticle":true,"isDisplayHeaderTextBanner":true,"adventCalendarBeingHeldImageSrc":"//cdn.qiita.com/assets/public/advent_calendar/image-advent_calendar_being_held-bafa166cb2e60037f5e4ba3599642d8f.png","engineerFesta2024LabelImageSrc":"//cdn.qiita.com/assets/public/official_campaigns/engineer_festa_2024/back-label_decoration-38495dd16cb6a3347397f4c3e6fefc62.png","qiitaConferenceImageSrc":"//cdn.qiita.com/assets/public/official_campaigns/qiita_conference_2025/image-conference_2025_ogp-6e0440fbf6b8a9930e6cb68943b8a79c.png","adventCalendarRibbonImageSrc":"//cdn.qiita.com/assets/public/advent_calendar/back-advent_calendar_ribbon-ce0efac1d490b78816e848f879968544.png"}</script> </div><div id="GlobalFooter-react-component-4e79cd5f-cacb-42e4-a90c-9c2258b0e972"><footer class="style-1geho0x"><div class="style-1vesoht"><div class="style-1xygyrj"><div class="style-j7qwjs"><a href="/"><svg role="img" aria-label="To top Qiita" viewBox="0 0 426.57 130" width="110" height="33.5" class="style-1g0k1wk"><circle cx="167.08" cy="21.4" r="12.28"></circle><path d="M250.81 29.66h23.48v18.9h-23.48z"></path><path d="M300.76 105.26a22.23 22.23 0 01-6.26-.86 12.68 12.68 0 01-5.17-3 14.41 14.41 0 01-3.56-5.76 28 28 0 01-1.3-9.22V48.56h29.61v-18.9h-29.52V3.29h-20.17v83.34q0 11.16 2.83 18.27a27.71 27.71 0 007.7 11.2 26.86 26.86 0 0011.43 5.62 47.56 47.56 0 0012.34 1.53h15.16v-18zM0 61.7a58.6 58.6 0 015-24.21A62.26 62.26 0 0118.73 17.9 63.72 63.72 0 0139 4.78 64.93 64.93 0 0164 0a65 65 0 0124.85 4.78 64.24 64.24 0 0120.38 13.12A62 62 0 01123 37.49a58.6 58.6 0 015 24.21 58.34 58.34 0 01-4 21.46 62.8 62.8 0 01-10.91 18.16l11.1 11.1a10.3 10.3 0 010 14.52 10.29 10.29 0 01-14.64 0l-12.22-12.41a65 65 0 01-15.78 6.65 66.32 66.32 0 01-17.55 2.3 64.63 64.63 0 01-45.23-18A62.82 62.82 0 015 85.81 58.3 58.3 0 010 61.7zm21.64.08a43.13 43.13 0 0012.42 30.63 42.23 42.23 0 0013.43 9.09A41.31 41.31 0 0064 104.8a42 42 0 0030-12.39 42.37 42.37 0 009-13.64 43.43 43.43 0 003.3-17 43.77 43.77 0 00-3.3-17A41.7 41.7 0 0080.55 22 41.78 41.78 0 0064 18.68 41.31 41.31 0 0047.49 22a42.37 42.37 0 00-13.43 9.08 43.37 43.37 0 00-12.42 30.7zM331.89 78a47.59 47.59 0 013.3-17.73 43.22 43.22 0 019.34-14.47A44.25 44.25 0 01359 36a47.82 47.82 0 0118.81-3.58 42.72 42.72 0 019.26 1 46.5 46.5 0 018.22 2.58 40 40 0 017 3.84 44.39 44.39 0 015.71 4.63l1.22-9.47h17.35v85.83h-17.35l-1.17-9.42a42.54 42.54 0 01-5.84 4.67 43.11 43.11 0 01-7 3.79 44.86 44.86 0 01-8.17 2.59 43 43 0 01-9.22 1A47.94 47.94 0 01359 119.9a43.3 43.3 0 01-14.47-9.71 44.17 44.17 0 01-9.34-14.47 47 47 0 01-3.3-17.72zm20.27-.08a29.16 29.16 0 002.17 11.34 27 27 0 005.92 8.88 26.69 26.69 0 008.76 5.76 29.19 29.19 0 0021.44 0 26.11 26.11 0 008.72-5.76 27.57 27.57 0 005.88-8.84 29 29 0 002.16-11.38 28.62 28.62 0 00-2.16-11.22 26.57 26.57 0 00-5.93-8.8 27.68 27.68 0 00-19.51-7.9 28.29 28.29 0 00-10.77 2.05 26.19 26.19 0 00-8.71 5.75 27.08 27.08 0 00-5.84 8.8 28.94 28.94 0 00-2.13 11.31zm-194.97-30.5h19.78v73.54h-19.78zm49.25 0h19.78v73.54h-19.78z"></path><circle cx="216.33" cy="21.4" r="12.28"></circle></svg></a><p class="style-754ift">How developers code is here.</p><a href="/official-campaigns/conference/2025?utm_source=qiita&utm_medium=banner&utm_campaign=global_footer_banner_default&utm_content=default" class="style-zsz8fb"><img src="//cdn.qiita.com/assets/public/banner-qiita_conference-c746f76f279d57268fa51a1f5b7c9151.png" alt="Qiita Conference 2025 will be held!: 4/23(wed) - 4/25(Fri)" height="60" width="300" class="style-1efditc"/></a></div><small class="style-120vwzo">© 2011-2025<span class="style-15fzge">Qiita Inc.</span></small></div><nav aria-label="Footer" class="style-16bbk6m"><div class="style-u4ybgy"><p id="guideHelp" class="style-35ezg3">Guide & Help</p><ul aria-labelledby="guideHelp" class="style-1fhgjcy"><li><a href="/about" class="style-ah54os">About</a></li><li><a href="/terms" class="style-ah54os">Terms</a></li><li><a href="/privacy" class="style-ah54os">Privacy</a></li><li><a href="http://help.qiita.com/ja/articles/qiita-community-guideline" target="_blank" class="style-ah54os">Guideline</a></li><li><a href="https://help.qiita.com/ja/articles/others-brand-guideline" target="_blank" class="style-ah54os">Media Kit</a></li><li><a href="https://github.com/increments/qiita-discussions/discussions/116" target="_blank" class="style-ah54os">Feedback/Requests</a></li><li><a href="https://help.qiita.com" target="_blank" class="style-ah54os">Help</a></li><li><a href="https://business.qiita.com/?utm_source=qiita&utm_medium=referral&utm_content=footer" target="_blank" class="style-ah54os">Advertisement</a></li></ul></div><div class="style-u4ybgy"><p id="contents" class="style-35ezg3">Contents</p><ul aria-labelledby="contents" class="style-1fhgjcy"><li><a href="/release-notes" class="style-ah54os">Release Note</a></li><li><a href="/official-events" class="style-ah54os">Official Event</a></li><li><a href="/official-columns" class="style-ah54os">Official Column</a></li><li><a href="/advent-calendar/2024" class="style-ah54os">Advent Calendar</a></li><li><a href="/qiita-award" class="style-ah54os">Qiita Award</a></li><li><a href="/white_papers/2024" class="style-ah54os">Engineer White Paper</a></li><li><a href="/api/v2/docs" class="style-ah54os">API</a></li></ul></div><div class="style-u4ybgy"><p id="sns" class="style-35ezg3">Official Accounts</p><ul aria-labelledby="sns" class="style-1fhgjcy"><li><a href="https://x.com/qiita" target="_blank" class="style-ah54os"><svg class="style-ox3ag9" viewBox="0 0 20 20" aria-label="X(Twitter)"><path d="m11.68 8.62 6.55-7.62h-1.55l-5.69 6.62-4.55-6.62h-5.25l6.88 10.01-6.88 7.99h1.55l6.01-6.99 4.8 6.99h5.24l-7.13-10.38zm-2.13 2.47-.7-1-5.54-7.92h2.39l4.47 6.4.7 1 5.82 8.32h-2.39l-4.75-6.79z"></path></svg><span class="style-15fzge">@Qiita</span></a></li><li><a href="https://x.com/qiita_milestone" target="_blank" class="style-ah54os"><svg class="style-ox3ag9" viewBox="0 0 20 20" aria-label="X(Twitter)"><path d="m11.68 8.62 6.55-7.62h-1.55l-5.69 6.62-4.55-6.62h-5.25l6.88 10.01-6.88 7.99h1.55l6.01-6.99 4.8 6.99h5.24l-7.13-10.38zm-2.13 2.47-.7-1-5.54-7.92h2.39l4.47 6.4.7 1 5.82 8.32h-2.39l-4.75-6.79z"></path></svg><span class="style-15fzge">@qiita_milestone</span></a></li><li><a href="https://x.com/qiitapoi" target="_blank" class="style-ah54os"><svg class="style-ox3ag9" viewBox="0 0 20 20" aria-label="X(Twitter)"><path d="m11.68 8.62 6.55-7.62h-1.55l-5.69 6.62-4.55-6.62h-5.25l6.88 10.01-6.88 7.99h1.55l6.01-6.99 4.8 6.99h5.24l-7.13-10.38zm-2.13 2.47-.7-1-5.54-7.92h2.39l4.47 6.4.7 1 5.82 8.32h-2.39l-4.75-6.79z"></path></svg><span class="style-15fzge">@qiitapoi</span></a></li><li><a href="https://www.facebook.com/qiita/" target="_blank" class="style-ah54os">Facebook</a></li><li><a href="https://www.youtube.com/@qiita5366" target="_blank" class="style-ah54os">YouTube</a></li><li><a href="https://open.spotify.com/show/4E7yCLeCLeQUsNqM4HXFXA" target="_blank" class="style-ah54os">Podcast</a></li></ul></div><div class="style-u4ybgy"><p id="service" class="style-35ezg3">Our service</p><ul aria-labelledby="service" class="style-1fhgjcy"><li><a href="https://teams.qiita.com/" target="_blank" class="style-ah54os">Qiita Team</a></li><li><a href="https://zine.qiita.com?utm_source=qiita&utm_medium=referral&utm_content=footer" target="_blank" class="style-ah54os">Qiita Zine</a></li><li><a href="https://suzuri.jp/qiita" target="_blank" class="style-ah54os">Official Shop</a></li></ul></div><div class="style-u4ybgy"><p id="corporate" class="style-35ezg3">Company</p><ul aria-labelledby="corporate" class="style-1fhgjcy"><li><a href="https://corp.qiita.com/company" target="_blank" class="style-ah54os">About Us</a></li><li><a href="https://corp.qiita.com/jobs/" target="_blank" class="style-ah54os">Careers</a></li><li><a href="https://blog.qiita.com" target="_blank" class="style-ah54os">Qiita Blog</a></li><li><a href="https://corp.qiita.com/releases/" target="_blank" class="style-ah54os">News Release</a></li></ul></div></nav></div></footer></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="GlobalFooter" data-dom-id="GlobalFooter-react-component-4e79cd5f-cacb-42e4-a90c-9c2258b0e972">{"currentYear":2025,"pathInfo":"/qrrq/items/0e116a59743874d18cb1","bannerUrl":"//cdn.qiita.com/assets/public/banner-qiita_conference-c746f76f279d57268fa51a1f5b7c9151.png","adventCalendarBannerUrl":"//cdn.qiita.com/assets/public/banner-qiita_advent_calendar_2024-8fefcb4d8f1b460321d6efd20e955784.png","latestHeldAdventCalendarYear":2024,"latestHeldWhitePaperYear":2024,"qiitaTeamLandingPageRootUrl":"https://teams.qiita.com/"}</script> <div id="Snackbar-react-component-908e487d-ff76-4835-93c7-06b06c436ecf"></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="Snackbar" data-dom-id="Snackbar-react-component-908e487d-ff76-4835-93c7-06b06c436ecf">{}</script> <div id="LoginModal-react-component-23d94125-1a1a-41f2-85a2-9f959af3d2c6"></div> <script type="application/json" class="js-react-on-rails-component" data-component-name="LoginModal" data-dom-id="LoginModal-react-component-23d94125-1a1a-41f2-85a2-9f959af3d2c6">{"imageUrl":"//cdn.qiita.com/assets/public/image-qiitan_for_login_modal_glimpse-c148ec9e4debf1f4b880deec194b6fc8.png","githubAuthUrl":"https://oauth.qiita.com/auth/github?callback_action=login_or_signup\u0026realm=qiita\u0026redirect_to=%2Fqrrq%2Fitems%2F0e116a59743874d18cb1","googleAuthUrl":"https://oauth.qiita.com/auth/google?callback_action=login_or_signup\u0026realm=qiita\u0026redirect_to=%2Fqrrq%2Fitems%2F0e116a59743874d18cb1","twitterAuthUrl":"https://oauth.qiita.com/auth/twitter?callback_action=login_or_signup\u0026realm=qiita\u0026redirect_to=%2Fqrrq%2Fitems%2F0e116a59743874d18cb1"}</script> </div><div id="dataContainer" style="display: none;" data-config="{"actionPath":"public/items#show","settings":{"analyticsTrackingId":"G-KEVS5DBRVN","tagManagerId":"GTM-W9W5TX4","assetsMap":{},"csrfToken":"glFg5HY48zYja-MevcBlm5UEkcoLJCOpEJThdLCYN8tC2obHVhVLLaXrQvhdt2YOzSH1S2njCtdqLc4h5fxReg","locale":"en","pushOne":{"accessToken":"4bc4bb057a0601d388a7b9e499ca2307e9eb4fc172804e310c59e511d7cac356","dialogImageUrl":"//cdn.qiita.com/assets/public/push_notification/image-qiitan-572179a3bbde375850422ea48b2b6272.png"},"textlint":{"workerUrl":"//cdn.qiita.com/assets/public/textlint-worker-4693b5e71d303bdfb32ebbe52aea6ebd.min.js"},"datetimeParam":null},"currentUser":null,"additionalParams":{"query_parameters":{},"path_parameters":{"controller":"public/items","action":"show","user_id":"qrrq","type":"items","id":"0e116a59743874d18cb1"},"request_id":"45510009-667d-4540-8dc3-30c97040c927","user_id":null}}" /></body></html><script type="application/json" data-js-react-on-rails-store="AppStoreWithReactOnRails">{"snackbar":{"type":"","body":"","isActive":false},"article":{"article":{"body":"\u003cp data-sourcepos=\"1:1-1:116\"\u003eこの記事は\u003ca href=\"https://qiita.com/advent-calendar/2024/nuco\"\u003eNuco Advent Calendar 2024\u003c/a\u003eの24日目の記事です。\u003c/p\u003e\n\u003cdiv data-sourcepos=\"3:1-6:3\" class=\"note info\"\u003e\n\u003cspan class=\"fa fa-fw fa-check-circle\"\u003e\u003c/span\u003e\u003cdiv\u003e\n\u003cp data-sourcepos=\"4:1-5:197\"\u003e弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。\u003cbr\u003e\nまた、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、\u003ca href=\"https://www.recruit.nuco.co.jp/?qiita_item_id=0e116a59743874d18cb1\" rel=\"nofollow noopener\" target=\"_blank\"\u003eこちら\u003c/a\u003eまで。\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003ch1 data-sourcepos=\"9:1-9:14\"\u003e\n\u003cspan id=\"はじめに\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eはじめに\u003c/h1\u003e\n\u003cp data-sourcepos=\"10:1-12:78\"\u003eVSCodeは世界で多くの人が使っているコードエディタです。\u003cbr\u003e\n開発の際に使用している人も多いのではないでしょうか。\u003cbr\u003e\n今回はそんなVSCodeの拡張機能を一挙に紹介していきます。\u003c/p\u003e\n\u003ch1 data-sourcepos=\"14:1-14:14\"\u003e\n\u003cspan id=\"拡張機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e拡張機能\u003c/h1\u003e\n\u003cp data-sourcepos=\"15:1-16:108\"\u003eVSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。\u003cbr\u003e\n機能を追加して、より自分が使いやすいコードエディタにすることができます。\u003c/p\u003e\n\u003ch3 data-sourcepos=\"18:1-18:37\"\u003e\n\u003cspan id=\"拡張機能のインストール\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e拡張機能のインストール\u003c/h3\u003e\n\u003cp data-sourcepos=\"19:1-20:147\"\u003e拡張機能のインストール方法をご紹介します。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1f2b3f1-7506-8848-9c82-f301d42cdf64.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=5ab424afea95f224e5ae7d0cd518ec1b\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1f2b3f1-7506-8848-9c82-f301d42cdf64.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=5ab424afea95f224e5ae7d0cd518ec1b\" alt=\"拡張機能インストール.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1f2b3f1-7506-8848-9c82-f301d42cdf64.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=d968c120beee69970165b7d533d1c0ce 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b1f2b3f1-7506-8848-9c82-f301d42cdf64.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003col data-sourcepos=\"22:1-26:0\"\u003e\n\u003cli data-sourcepos=\"22:1-22:115\"\u003eアクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです）\u003c/li\u003e\n\u003cli data-sourcepos=\"23:1-23:57\"\u003eインストールしたい拡張機能を検索する\u003c/li\u003e\n\u003cli data-sourcepos=\"24:1-24:24\"\u003e拡張機能を選ぶ\u003c/li\u003e\n\u003cli data-sourcepos=\"25:1-26:0\"\u003eインストールをクリックする\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp data-sourcepos=\"27:1-27:79\"\u003eこの4ステップで簡単に拡張機能をインストールできます。\u003c/p\u003e\n\u003ch1 data-sourcepos=\"29:1-29:26\"\u003e\n\u003cspan id=\"オススメ拡張機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eオススメ拡張機能\u003c/h1\u003e\n\u003cp data-sourcepos=\"30:1-30:87\"\u003eここからは、オススメの拡張機能をカテゴリごとに紹介します。\u003c/p\u003e\n\u003ch3 data-sourcepos=\"32:1-32:49\"\u003e\n\u003cspan id=\"これは絶対入れるべき基本機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%81%93%E3%82%8C%E3%81%AF%E7%B5%B6%E5%AF%BE%E5%85%A5%E3%82%8C%E3%82%8B%E3%81%B9%E3%81%8D%E5%9F%BA%E6%9C%AC%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eこれは絶対入れるべき！基本機能\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"33:1-33:139\"\u003e\n\u003cspan id=\"japanese-language-pack-for-visual-studio-code\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#japanese-language-pack-for-visual-studio-code\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja\" rel=\"nofollow noopener\" target=\"_blank\"\u003eJapanese Language Pack for Visual Studio Code\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"34:1-35:132\"\u003e\u003cstrong\u003eインストール数：約1031万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nVSCodeの言語を日本語にしてくれる拡張機能です。VSCodeをインストールした後すぐに入れましょう。\u003c/p\u003e\n\u003cp data-sourcepos=\"37:1-37:131\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F709aa0a5-fd9e-e6d6-5e3a-5831d06a125d.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=cd308c891bdd5ccfe1852d8631509429\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F709aa0a5-fd9e-e6d6-5e3a-5831d06a125d.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=cd308c891bdd5ccfe1852d8631509429\" alt=\"qiitacarender1.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F709aa0a5-fd9e-e6d6-5e3a-5831d06a125d.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=c212800a471928ae16401e62aceeb61f 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/709aa0a5-fd9e-e6d6-5e3a-5831d06a125d.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch3 data-sourcepos=\"40:1-40:58\"\u003e\n\u003cspan id=\"コードの可読性を上げるオススメ機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%8F%AF%E8%AA%AD%E6%80%A7%E3%82%92%E4%B8%8A%E3%81%92%E3%82%8B%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eコードの可読性を上げる！オススメ機能\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"41:1-41:97\"\u003e\n\u003cspan id=\"indent-rainbow\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#indent-rainbow\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow\" rel=\"nofollow noopener\" target=\"_blank\"\u003eindent-rainbow\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"42:1-44:131\"\u003e\u003cstrong\u003eインストール数：約936万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\nインデントを色付けして見やすくしてくれます。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb461509d-23f7-d46e-e74d-8130d9570ce3.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9f5857b82f3a29104eb5cf9fde63d46e\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb461509d-23f7-d46e-e74d-8130d9570ce3.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9f5857b82f3a29104eb5cf9fde63d46e\" alt=\"qiitacarender2.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb461509d-23f7-d46e-e74d-8130d9570ce3.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=39c62ba6653f2b7dea72a77e969471fe 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b461509d-23f7-d46e-e74d-8130d9570ce3.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"46:1-47:122\"\u003eネストの深いコードを追っているときも、いまどこにいるかが視認しやすくなります。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa032fc66-eb94-fd1f-7407-d7f99af5d405.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=e85560dcc08ff2de9f2b935bf5975478\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa032fc66-eb94-fd1f-7407-d7f99af5d405.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=e85560dcc08ff2de9f2b935bf5975478\" alt=\"image.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa032fc66-eb94-fd1f-7407-d7f99af5d405.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=c357d5403c1c6d6eec9b15c18d174654 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/a032fc66-eb94-fd1f-7407-d7f99af5d405.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"49:1-49:95\"\u003e\n\u003cspan id=\"rainbow-csv\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#rainbow-csv\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv\" rel=\"nofollow noopener\" target=\"_blank\"\u003eRainbow CSV\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"50:1-51:69\"\u003e\u003cstrong\u003eインストール数：約1,057万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\nCSVファイルの要素を色付けして表示してくれます。\u003c/p\u003e\n\u003cp data-sourcepos=\"53:1-53:131\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F4e330ef2-a7c1-29e5-d1b8-6219bbefe995.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=b4f0be544724c544e97f3bd18f70d14f\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F4e330ef2-a7c1-29e5-d1b8-6219bbefe995.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=b4f0be544724c544e97f3bd18f70d14f\" alt=\"qiitacarender3.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F4e330ef2-a7c1-29e5-d1b8-6219bbefe995.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=e791695db7402240517fb379124e2474 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/4e330ef2-a7c1-29e5-d1b8-6219bbefe995.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"55:1-55:108\"\u003e\n\u003cspan id=\"prettier---code-formatter\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#prettier---code-formatter\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode\" rel=\"nofollow noopener\" target=\"_blank\"\u003ePrettier - Code formatter\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"56:1-58:62\"\u003e\u003cstrong\u003eインストール数：約5238万　評価：☆3.5\u003c/strong\u003e\u003cbr\u003e\nコードを綺麗に整形してくれる拡張機能です。\u003cbr\u003e\nHTML,CSS,Markdownなどを書く際にとても便利です。\u003c/p\u003e\n\u003cp data-sourcepos=\"60:1-60:131\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc4ae9a16-7557-a636-17d8-680ce2acae44.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=37cdbafdcd347aaed3aba68bebb0696f\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc4ae9a16-7557-a636-17d8-680ce2acae44.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=37cdbafdcd347aaed3aba68bebb0696f\" alt=\"qiitacarender4.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc4ae9a16-7557-a636-17d8-680ce2acae44.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=d737a1010dac69f944c219e6abf3c7f3 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/c4ae9a16-7557-a636-17d8-680ce2acae44.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"62:1-62:125\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F248c94db-16d4-ed7e-d822-53722c1e344c.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=03a3cc86709b37e94135543115c7bbd0\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F248c94db-16d4-ed7e-d822-53722c1e344c.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=03a3cc86709b37e94135543115c7bbd0\" alt=\"prettier.gif\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F248c94db-16d4-ed7e-d822-53722c1e344c.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=c29dec6a7d21b361535a3343e99a4c33 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/248c94db-16d4-ed7e-d822-53722c1e344c.gif\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"65:1-65:102\"\u003e\n\u003cspan id=\"better-comments\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#better-comments\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments\" rel=\"nofollow noopener\" target=\"_blank\"\u003eBetter Comments\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"66:1-68:88\"\u003e\u003cstrong\u003eインストール数：約800万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\nコメントを色分けして表示してくれます。\u003cbr\u003e\nまた、TODOや重要なコメントなどを強調表示することもできます。\u003c/p\u003e\n\u003cp data-sourcepos=\"70:1-70:131\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fdf49195f-5652-ce9a-c2ee-99085a3894f2.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=e2df9ad2a2375606f7420dcd222c0fb3\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fdf49195f-5652-ce9a-c2ee-99085a3894f2.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=e2df9ad2a2375606f7420dcd222c0fb3\" alt=\"qiitacarender5.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fdf49195f-5652-ce9a-c2ee-99085a3894f2.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=aaab1bf42d42d6b2da0211283e6d7b7c 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/df49195f-5652-ce9a-c2ee-99085a3894f2.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"72:1-73:122\"\u003e「疑問」などにも対応した色付けが可能で、チーム開発の助けになりそうです！\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F0e45e2e2-f41a-d65e-59a5-20ccc102ee6b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=f51237ca676f1e725d82ba419e14fa9a\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F0e45e2e2-f41a-d65e-59a5-20ccc102ee6b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=f51237ca676f1e725d82ba419e14fa9a\" alt=\"image.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F0e45e2e2-f41a-d65e-59a5-20ccc102ee6b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=7086041f150f72b3d9829ea0448d84a0 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/0e45e2e2-f41a-d65e-59a5-20ccc102ee6b.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch3 data-sourcepos=\"75:1-75:55\"\u003e\n\u003cspan id=\"コードの品質を上げるオススメ機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%93%81%E8%B3%AA%E3%82%92%E4%B8%8A%E3%81%92%E3%82%8B%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eコードの品質を上げる！オススメ機能\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"76:1-76:85\"\u003e\n\u003cspan id=\"zenkaku\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#zenkaku\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=mosapride.zenkaku\" rel=\"nofollow noopener\" target=\"_blank\"\u003ezenkaku\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"77:1-79:120\"\u003e\u003cstrong\u003eインストール数：約55万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\n全角スペースを強調して表示してくれます。\u003cbr\u003e\nこの機能を入れれば、半角スペースと全角スペースを間違えることはなくなるでしょう。\u003c/p\u003e\n\u003cp data-sourcepos=\"81:1-81:131\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6e69a936-05fe-907a-360f-400c58274204.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=d8ec05755107479e0b2976ba08d6b250\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6e69a936-05fe-907a-360f-400c58274204.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=d8ec05755107479e0b2976ba08d6b250\" alt=\"qiitacarender6.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6e69a936-05fe-907a-360f-400c58274204.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=b2df618e67b2bf29f5472661d802c434 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/6e69a936-05fe-907a-360f-400c58274204.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"83:1-84:124\"\u003eこのように全角スペースが枠付きで表示され、一目瞭然です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc02662a5-d66f-6454-46be-2d30334e3b69.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=1cf8ec57936900d18895b2d72302d16d\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc02662a5-d66f-6454-46be-2d30334e3b69.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=1cf8ec57936900d18895b2d72302d16d\" alt=\"zenkaku.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc02662a5-d66f-6454-46be-2d30334e3b69.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=51b0912e01f7f886b889cd411a505fc7 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/c02662a5-d66f-6454-46be-2d30334e3b69.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"86:1-86:110\"\u003e\n\u003cspan id=\"intellicode\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#intellicode\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode\" rel=\"nofollow noopener\" target=\"_blank\"\u003eIntelliCode\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"87:1-90:131\"\u003e\u003cstrong\u003eインストール数：約5021万　評価：☆4.0\u003c/strong\u003e\u003cbr\u003e\nAIを使用したコード補完拡張機能です。\u003cbr\u003e\nコードの文脈によって、常に最適なコードを候補として表示してくれます。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7445a60d-efaf-9c3a-bfd5-5c58b5fc447f.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=a2784b071a25d14b835d91d692473276\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7445a60d-efaf-9c3a-bfd5-5c58b5fc447f.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=a2784b071a25d14b835d91d692473276\" alt=\"qiitacarender7.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7445a60d-efaf-9c3a-bfd5-5c58b5fc447f.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=02552cbb0e44f8821cdbcdffe0c2dd3d 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/7445a60d-efaf-9c3a-bfd5-5c58b5fc447f.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"92:1-92:136\"\u003e（\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode\" rel=\"nofollow noopener\" target=\"_blank\"\u003e公式\u003c/a\u003eで紹介されているデモ）\u003c/p\u003e\n\u003cp data-sourcepos=\"94:1-94:135\"\u003eコードを書きながら、実際に世界中でどのように書かれているかが即座に確認できて大変便利です。\u003c/p\u003e\n\u003cp data-sourcepos=\"96:1-96:128\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fce513d20-7659-5efe-fa02-11bf148b9831.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=33f724903949e15b8795e5210bcf019d\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fce513d20-7659-5efe-fa02-11bf148b9831.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=33f724903949e15b8795e5210bcf019d\" alt=\"intellicode.gif\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fce513d20-7659-5efe-fa02-11bf148b9831.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=f64e00af8a966290e70f163c1a8ffabc 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/ce513d20-7659-5efe-fa02-11bf148b9831.gif\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"98:1-98:112\"\u003e\n\u003cspan id=\"path-intellisense\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#path-intellisense\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense\" rel=\"nofollow noopener\" target=\"_blank\"\u003ePath Intellisense\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"99:1-101:69\"\u003e\u003cstrong\u003eインストール数：約1498万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\nコード内のファイルパスを自動補完してくれる機能です。\u003cbr\u003e\nファイルパスの入力ミスが劇的に少なくなります。\u003c/p\u003e\n\u003cp data-sourcepos=\"103:1-103:131\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F14a1b606-b25f-ce9b-2eb8-70848556d233.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=f442957996234dea57615376e5cffc3d\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F14a1b606-b25f-ce9b-2eb8-70848556d233.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=f442957996234dea57615376e5cffc3d\" alt=\"qiitacarender8.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F14a1b606-b25f-ce9b-2eb8-70848556d233.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=3eabb2251a4ddf5c740b695d2f98b2a0 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/14a1b606-b25f-ce9b-2eb8-70848556d233.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"105:1-105:123\"\u003e（画像は\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense\" rel=\"nofollow noopener\" target=\"_blank\"\u003e公式\u003c/a\u003eから引用）\u003c/p\u003e\n\u003cp data-sourcepos=\"107:1-107:130\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbd28621d-fa88-bb88-b6b6-f3c64ecd171b.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=460c388ebfb9a87d06a95b2d9468a88d\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbd28621d-fa88-bb88-b6b6-f3c64ecd171b.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=460c388ebfb9a87d06a95b2d9468a88d\" alt=\"iaHeUiDeTUZuo.gif\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbd28621d-fa88-bb88-b6b6-f3c64ecd171b.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=6d8bb2b65a55249ae7bd8e8ff40a9266 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/bd28621d-fa88-bb88-b6b6-f3c64ecd171b.gif\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"109:1-109:105\"\u003e\n\u003cspan id=\"auto-rename-tag\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#auto-rename-tag\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag\" rel=\"nofollow noopener\" target=\"_blank\"\u003eAuto Rename Tag\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"110:1-112:90\"\u003e\u003cstrong\u003eインストール数：約2055万　評価：☆3.5\u003c/strong\u003e\u003cbr\u003e\n開始タグ、終了タグのどちらかを変更した際に、タグの名前を自動で変換してくれるタグです。\u003cbr\u003e\nこれを使うと、タグの閉じ忘れやタグの変更ミスがなくなります。\u003c/p\u003e\n\u003cp data-sourcepos=\"114:1-114:131\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F76a76177-a66e-b135-c797-cd5b24b75b48.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=248046b838b9cd69899bfcfa0a3d7d86\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F76a76177-a66e-b135-c797-cd5b24b75b48.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=248046b838b9cd69899bfcfa0a3d7d86\" alt=\"qiitacarender9.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F76a76177-a66e-b135-c797-cd5b24b75b48.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=f7c6590e6e9bb34e3cdab3a6c6be89c0 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/76a76177-a66e-b135-c797-cd5b24b75b48.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"116:1-116:142\"\u003e（\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag\" rel=\"nofollow noopener\" target=\"_blank\"\u003e公式\u003c/a\u003eのデモンストレーションから引用）\u003c/p\u003e\n\u003cp data-sourcepos=\"118:1-118:122\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F793d403d-ddcc-3b1c-1657-fd284eb7ee88.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=3210f1b1011086eb628b55a50ebda426\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F793d403d-ddcc-3b1c-1657-fd284eb7ee88.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=3210f1b1011086eb628b55a50ebda426\" alt=\"usage.gif\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F793d403d-ddcc-3b1c-1657-fd284eb7ee88.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=e7b15f69e9080c572f3256fa2d06a3db 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/793d403d-ddcc-3b1c-1657-fd284eb7ee88.gif\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"120:1-120:116\"\u003e\n\u003cspan id=\"code-spell-checker\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#code-spell-checker\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker\" rel=\"nofollow noopener\" target=\"_blank\"\u003eCode Spell Checker\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"121:1-123:111\"\u003e\u003cstrong\u003eインストール数：約1285万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nコードのスペルミスを指摘してくれる拡張機能です。\u003cbr\u003e\nスペルミスによってコードが動かなくなってしまうというミスを防いでくれます。\u003c/p\u003e\n\u003cp data-sourcepos=\"125:1-125:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F612d9923-20cf-32f7-a215-cd853ba95040.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=144c36f8dccac7f3b7ce7e2b99d74e69\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F612d9923-20cf-32f7-a215-cd853ba95040.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=144c36f8dccac7f3b7ce7e2b99d74e69\" alt=\"qiitacarender10.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F612d9923-20cf-32f7-a215-cd853ba95040.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=9670081e8d8a287ed159e271d17ac610 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/612d9923-20cf-32f7-a215-cd853ba95040.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"127:1-127:102\"\u003e\n\u003cspan id=\"trailing-spaces\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#trailing-spaces\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces\" rel=\"nofollow noopener\" target=\"_blank\"\u003eTrailing Spaces\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"128:1-129:75\"\u003e\u003cstrong\u003eインストール数：約249万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\n行の最後にある無駄なスペースを可視化してくれます。\u003c/p\u003e\n\u003cp data-sourcepos=\"131:1-131:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc16ab5f-a0cb-d717-6e04-9417f530b702.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=6c4bb06e4324e0b18d77b71198babbac\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc16ab5f-a0cb-d717-6e04-9417f530b702.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=6c4bb06e4324e0b18d77b71198babbac\" alt=\"qiitacarender11.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc16ab5f-a0cb-d717-6e04-9417f530b702.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=8ee6179c5c68a9930c997fc034942d6c 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/cc16ab5f-a0cb-d717-6e04-9417f530b702.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"133:1-134:141\"\u003eこのように赤く表示されるので見やすくなります。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F0df27639-7b48-40bd-10f7-975e44bf105b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=e82f9de826904f0e6c2ef53c36697134\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F0df27639-7b48-40bd-10f7-975e44bf105b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=e82f9de826904f0e6c2ef53c36697134\" alt=\"無駄なスペース.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F0df27639-7b48-40bd-10f7-975e44bf105b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=a900045cd235aa0242e460b4048904e7 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/0df27639-7b48-40bd-10f7-975e44bf105b.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch3 data-sourcepos=\"136:1-136:34\"\u003e\n\u003cspan id=\"チーム開発なら必須\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%83%81%E3%83%BC%E3%83%A0%E9%96%8B%E7%99%BA%E3%81%AA%E3%82%89%E5%BF%85%E9%A0%88\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eチーム開発なら必須！\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"137:1-137:84\"\u003e\n\u003cspan id=\"git-lens\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#git-lens\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens\" rel=\"nofollow noopener\" target=\"_blank\"\u003eGit Lens\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"138:1-140:132\"\u003e\u003cstrong\u003eインストール数：約3767万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\ngitを使ってチーム開発をする際に、誰がどのコードを書いたかわかるようになります。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fe73b12b6-15e9-c5f4-6cdd-94ef33feaade.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=35d28704236d46fe88bed9d2d88d1bef\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fe73b12b6-15e9-c5f4-6cdd-94ef33feaade.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=35d28704236d46fe88bed9d2d88d1bef\" alt=\"qiitacarender12.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fe73b12b6-15e9-c5f4-6cdd-94ef33feaade.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=2e0d91a93401b68c5fe5ee7a6c6bf700 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/e73b12b6-15e9-c5f4-6cdd-94ef33feaade.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"142:1-143:122\"\u003eこんなふうに表示されるので誰がいつかいたか一目瞭然になります！\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F7da6591c-b83d-634a-0cb5-8a88b150e62a.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=90158eb4d5166c112d3a01695ffbbe05\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F7da6591c-b83d-634a-0cb5-8a88b150e62a.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=90158eb4d5166c112d3a01695ffbbe05\" alt=\"image.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F7da6591c-b83d-634a-0cb5-8a88b150e62a.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=bf833708a59bb088829be9c7e2a94ad9 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/7da6591c-b83d-634a-0cb5-8a88b150e62a.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"145:1-145:95\"\u003e\n\u003cspan id=\"git-history\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#git-history\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory\" rel=\"nofollow noopener\" target=\"_blank\"\u003eGit History\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"146:1-147:60\"\u003e\u003cstrong\u003eインストール数：約1311万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\ngitのログをわかりやすく表示してくれます。\u003c/p\u003e\n\u003cp data-sourcepos=\"149:1-149:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F68071de6-335f-f9e4-4627-469d1619a304.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=14e1621498ff1c2b112ba973a1b801cb\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F68071de6-335f-f9e4-4627-469d1619a304.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=14e1621498ff1c2b112ba973a1b801cb\" alt=\"qiitacarender13.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F68071de6-335f-f9e4-4627-469d1619a304.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=6b979f7cd7e2fe1125cbbfe973952109 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/68071de6-335f-f9e4-4627-469d1619a304.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"151:1-152:127\"\u003eコミット履歴を検索したりすることもでき非常に便利です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb87dea2c-acc1-8008-bbcf-8873deceb282.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=fe03037c97ede0a58b7a758a3e3d23f8\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb87dea2c-acc1-8008-bbcf-8873deceb282.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=fe03037c97ede0a58b7a758a3e3d23f8\" alt=\"githistory.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb87dea2c-acc1-8008-bbcf-8873deceb282.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=29f8f6794f710f252451cdcf3a17479d 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b87dea2c-acc1-8008-bbcf-8873deceb282.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"155:1-155:88\"\u003e\n\u003cspan id=\"git-graph\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#git-graph\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph\" rel=\"nofollow noopener\" target=\"_blank\"\u003eGit Graph\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"156:1-158:132\"\u003e\u003cstrong\u003eインストール数：約1010万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\ngitのコミット履歴をグラフ表示してくれる機能です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2f251ba4-a876-3dae-8f44-bf4676ec26c9.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=29db273de864902655e880e251de4a22\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2f251ba4-a876-3dae-8f44-bf4676ec26c9.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=29db273de864902655e880e251de4a22\" alt=\"qiitacarender14.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2f251ba4-a876-3dae-8f44-bf4676ec26c9.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=e4f094e3089e52ecf39079a941f88a77 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/2f251ba4-a876-3dae-8f44-bf4676ec26c9.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"160:1-162:125\"\u003eこのように誰がいつコミットしたか視覚的にわかりやすくなります。\u003cbr\u003e\n複数人で作業する場合は色分けされて表示されるため、便利です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F225b0c59-2711-e9ff-5760-e31866e9a7d4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=a37cdc6d17057c3911d05ee875664187\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F225b0c59-2711-e9ff-5760-e31866e9a7d4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=a37cdc6d17057c3911d05ee875664187\" alt=\"gitgraph.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F225b0c59-2711-e9ff-5760-e31866e9a7d4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=629a2153eef943c9df2e502fd3c503f5 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/225b0c59-2711-e9ff-5760-e31866e9a7d4.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"164:1-164:100\"\u003e\n\u003cspan id=\"remote---ssh\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#remote---ssh\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh\" rel=\"nofollow noopener\" target=\"_blank\"\u003eRemote - SSH\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"165:1-166:105\"\u003e\u003cstrong\u003eインストール数：約2445万　評価：☆4.0\u003c/strong\u003e\u003cbr\u003e\nSSHでリモートサーバーに接続し、VSCode上でコードを編集できる拡張機能です。\u003c/p\u003e\n\u003cp data-sourcepos=\"168:1-168:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F8c354a3c-05fe-4fed-05fc-74eca0c63aa7.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=133daec403593a8d0628ff11cbd4cbc6\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F8c354a3c-05fe-4fed-05fc-74eca0c63aa7.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=133daec403593a8d0628ff11cbd4cbc6\" alt=\"qiitacarender15.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F8c354a3c-05fe-4fed-05fc-74eca0c63aa7.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=79b8541d8dad374c0ffae208805841d4 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/8c354a3c-05fe-4fed-05fc-74eca0c63aa7.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"170:1-170:140\"\u003e（\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh\" rel=\"nofollow noopener\" target=\"_blank\"\u003e公式\u003c/a\u003eのデモンストレーションから引用）\u003c/p\u003e\n\u003cp data-sourcepos=\"172:1-172:127\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F30f6f35e-3cf9-6101-e10d-a5f0fd61df82.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=2865671165cecf463b49834532b4ad7b\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F30f6f35e-3cf9-6101-e10d-a5f0fd61df82.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=2865671165cecf463b49834532b4ad7b\" alt=\"ssh-readme.gif\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F30f6f35e-3cf9-6101-e10d-a5f0fd61df82.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=269f24b41fe09e7ce89ac6d9b61845c7 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/30f6f35e-3cf9-6101-e10d-a5f0fd61df82.gif\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"175:1-175:109\"\u003e\n\u003cspan id=\"dev-containers\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#dev-containers\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers\" rel=\"nofollow noopener\" target=\"_blank\"\u003eDev Containers\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"176:1-177:87\"\u003e\u003cstrong\u003eインストール数：約2810万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nDockerを用いたリモート開発をする場合に重宝する拡張機能です。\u003c/p\u003e\n\u003cp data-sourcepos=\"179:1-179:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F90e81a97-0e3a-e0c5-9b5c-a6eee9e721bb.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=4c72f8d1b40c526e0828d5cc27088cb2\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F90e81a97-0e3a-e0c5-9b5c-a6eee9e721bb.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=4c72f8d1b40c526e0828d5cc27088cb2\" alt=\"qiitacarender16.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F90e81a97-0e3a-e0c5-9b5c-a6eee9e721bb.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=86a21e3254735f6542df72a7bdf833c7 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/90e81a97-0e3a-e0c5-9b5c-a6eee9e721bb.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"181:1-181:97\"\u003e\n\u003cspan id=\"live-share\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#live-share\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare\" rel=\"nofollow noopener\" target=\"_blank\"\u003eLive Share\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"182:1-183:180\"\u003e\u003cstrong\u003eインストール数：約1929万　評価：☆4.0\u003c/strong\u003e\u003cbr\u003e\nリモートでも、リアルタイムで共同編集やデバッグなどができます。ターミナルやサーバーの共有もできてしまう優秀拡張機能です。\u003c/p\u003e\n\u003cp data-sourcepos=\"185:1-185:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fea0c0c5c-1e15-6dc2-457b-170fc6452e4c.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=d9343a67d3fa1a6941faa23dcc77d712\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fea0c0c5c-1e15-6dc2-457b-170fc6452e4c.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=d9343a67d3fa1a6941faa23dcc77d712\" alt=\"qiitacarender17.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fea0c0c5c-1e15-6dc2-457b-170fc6452e4c.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=9938b3ccd3223ae61637f87e67c7a234 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/ea0c0c5c-1e15-6dc2-457b-170fc6452e4c.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"187:1-187:93\"\u003e\n\u003cspan id=\"live-server\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#live-server\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer\" rel=\"nofollow noopener\" target=\"_blank\"\u003eLive Server\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"188:1-189:157\"\u003e\u003cstrong\u003eインストール数：約5788万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\n簡易的なローカルサーバを立てることができ、HTMLファイルをサーバーに上げた時の様子を確認できる拡張機能です。\u003c/p\u003e\n\u003cp data-sourcepos=\"191:1-191:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F289a36b6-b0e1-3037-2b86-79eb4dce4c38.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=7e73cf12672068468f934198fa2af27a\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F289a36b6-b0e1-3037-2b86-79eb4dce4c38.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=7e73cf12672068468f934198fa2af27a\" alt=\"qiitacarender18.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F289a36b6-b0e1-3037-2b86-79eb4dce4c38.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=d2897d584a20bc7e17d5e98ca232249b 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/289a36b6-b0e1-3037-2b86-79eb4dce4c38.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch3 data-sourcepos=\"194:1-194:37\"\u003e\n\u003cspan id=\"ここまで進化したai機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%E9%80%B2%E5%8C%96%E3%81%97%E3%81%9Fai%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eここまで進化した!AI機能\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"195:1-195:89\"\u003e\n\u003cspan id=\"github-copilot\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#github-copilot\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=GitHub.copilot\" rel=\"nofollow noopener\" target=\"_blank\"\u003eGitHub Copilot\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"196:1-199:83\"\u003e\u003cstrong\u003eインストール数：約2443万　評価：☆3.5\u003c/strong\u003e\u003cbr\u003e\nAIがコードを自動生成してくれるサービスです。\u003cbr\u003e\nコードを書いている途中に、AIが予測したコードを出してくれるので、開発効率が上がること間違いなしです。\u003cbr\u003e\n利用は有料で、個人用アカウントで月10ドルで利用できます。\u003c/p\u003e\n\u003cp data-sourcepos=\"201:1-201:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1184118-64d4-1e15-6e96-32984412df9a.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=7bd4f00e4086ca8035fbf67edbbf673e\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1184118-64d4-1e15-6e96-32984412df9a.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=7bd4f00e4086ca8035fbf67edbbf673e\" alt=\"qiitacarender19.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb1184118-64d4-1e15-6e96-32984412df9a.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=80fec2fbbec493673147f669d75b6063 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b1184118-64d4-1e15-6e96-32984412df9a.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"203:1-203:121\"\u003e（\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=GitHub.copilot\" rel=\"nofollow noopener\" target=\"_blank\"\u003e公式\u003c/a\u003eによるデモンストレーション）\u003c/p\u003e\n\u003cp data-sourcepos=\"205:1-205:127\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa2191494-5b29-facd-2bbe-e7ef83bcaba7.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9a0d2811f68580163ecb9c9420862dc1\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa2191494-5b29-facd-2bbe-e7ef83bcaba7.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9a0d2811f68580163ecb9c9420862dc1\" alt=\"readme-gif.gif\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fa2191494-5b29-facd-2bbe-e7ef83bcaba7.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=9c78003dea1653940c02ea516b880798 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/a2191494-5b29-facd-2bbe-e7ef83bcaba7.gif\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"208:1-208:106\"\u003e\n\u003cspan id=\"tabnine-ai-autocomplete\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#tabnine-ai-autocomplete\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode\" rel=\"nofollow noopener\" target=\"_blank\"\u003eTabnine AI Autocomplete\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"209:1-212:132\"\u003e\u003cstrong\u003eインストール数：約850万　評価：☆4.0\u003c/strong\u003e\u003cbr\u003e\nAIを活用した自動補完拡張機能です。\u003cbr\u003e\n様々な言語に対応しており、非常に便利です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6adc6a16-88e3-9c9c-deb5-f38ed1d191bb.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9ca1eeebb9bcb79606daeee12854a841\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6adc6a16-88e3-9c9c-deb5-f38ed1d191bb.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9ca1eeebb9bcb79606daeee12854a841\" alt=\"qiitacarender20.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6adc6a16-88e3-9c9c-deb5-f38ed1d191bb.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=b9a2179079ac00f04f0e97409d241deb 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/6adc6a16-88e3-9c9c-deb5-f38ed1d191bb.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"214:1-214:129\"\u003e（\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode\" rel=\"nofollow noopener\" target=\"_blank\"\u003e公式\u003c/a\u003eによるデモンストレーション）\u003c/p\u003e\n\u003cp data-sourcepos=\"216:1-216:128\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbf1d71b9-1f8f-572c-7492-ec4a3762e1e1.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=8c458a5426886ea9b657c23e6c9b2086\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbf1d71b9-1f8f-572c-7492-ec4a3762e1e1.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=8c458a5426886ea9b657c23e6c9b2086\" alt=\"05_1064_500.gif\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fbf1d71b9-1f8f-572c-7492-ec4a3762e1e1.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=aca21b8bcb91c4082fad3fbed92a43cd 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/bf1d71b9-1f8f-572c-7492-ec4a3762e1e1.gif\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"218:1-218:111\"\u003e\n\u003cspan id=\"codegpt-chat--ai-agents\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#codegpt-chat--ai-agents\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=DanielSanMedium.dscodegpt\" rel=\"nofollow noopener\" target=\"_blank\"\u003eCodeGPT: Chat \u0026amp; AI Agents\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"219:1-220:213\"\u003e\u003cstrong\u003eインストール数：約158万　評価：☆4.0\u003c/strong\u003e\u003cbr\u003e\nこちらもGPTでを活用した自動補完機能です。コメントからコードを自動生成したり、テストやリファクタリングについて、VSCode内で完結するため便利ですね。\u003c/p\u003e\n\u003cp data-sourcepos=\"222:1-222:124\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fe8be2356-5038-4648-6cca-93e07e4ed212.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=af9cde12916417eb4faaa1e4886ed4a0\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fe8be2356-5038-4648-6cca-93e07e4ed212.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=af9cde12916417eb4faaa1e4886ed4a0\" alt=\"codegpt.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fe8be2356-5038-4648-6cca-93e07e4ed212.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=85f05dcbb016e07502ef16045408a555 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/e8be2356-5038-4648-6cca-93e07e4ed212.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"224:1-224:107\"\u003e\n\u003cspan id=\"phindcom---chat-with-your-codebase\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#phindcom---chat-with-your-codebase\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=phind.phind\" rel=\"nofollow noopener\" target=\"_blank\"\u003ePhind.com - Chat with your Codebase\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"225:1-225:54\"\u003e\u003cstrong\u003eインストール数：約13万　評価：☆4.5\u003c/strong\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"227:1-228:183\"\u003eこちらもVSCode内でAI問い合わせが完結する拡張機能です。使いやすいショートカット機能や、コマンド呼び出しで読み込ませたいファイル指定が行えるなど丁寧な作りになっています。\u003cbr\u003e\nインストール数だけでみると上記の機能と見劣りしますが、評価の数と高さがクオリティを物語っています。ぜひ試してみてください。\u003c/p\u003e\n\u003cp data-sourcepos=\"230:1-230:122\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F2b8d5833-c007-79d2-4df4-8ed3ea1535a2.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=09b795f5970c0a2730eda0dd98d16bff\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F2b8d5833-c007-79d2-4df4-8ed3ea1535a2.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=09b795f5970c0a2730eda0dd98d16bff\" alt=\"phind.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2F2b8d5833-c007-79d2-4df4-8ed3ea1535a2.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=e3f06be8d2d0bc96722448eb718c5ac9 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/2b8d5833-c007-79d2-4df4-8ed3ea1535a2.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"232:1-232:107\"\u003e(\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=phind.phind\" rel=\"nofollow noopener\" target=\"_blank\"\u003e公式\u003c/a\u003eから引用したデモ画像）\u003c/p\u003e\n\u003cp data-sourcepos=\"234:1-234:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fd5549d4f-9c58-e7c5-8477-52b02fcb068b.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=729f76eb14ae840710c970ba4d11e574\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fd5549d4f-9c58-e7c5-8477-52b02fcb068b.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=729f76eb14ae840710c970ba4d11e574\" alt=\"inline-mentions.gif\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fd5549d4f-9c58-e7c5-8477-52b02fcb068b.gif?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=f0b59b7be9045053dd6ec8b8597e0854 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/d5549d4f-9c58-e7c5-8477-52b02fcb068b.gif\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch3 data-sourcepos=\"236:1-236:73\"\u003e\n\u003cspan id=\"コード書くのが楽になるフロントエンド向け機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%82%B3%E3%83%BC%E3%83%89%E6%9B%B8%E3%81%8F%E3%81%AE%E3%81%8C%E6%A5%BD%E3%81%AB%E3%81%AA%E3%82%8B%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E5%90%91%E3%81%91%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eコード書くのが楽になる！フロントエンド向け機能\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"237:1-237:98\"\u003e\n\u003cspan id=\"html-css-support\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#html-css-support\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css\" rel=\"nofollow noopener\" target=\"_blank\"\u003eHTML CSS Support\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"238:1-241:132\"\u003e\u003cstrong\u003eインストール数：約2368万　評価：☆3.5\u003c/strong\u003e\u003cbr\u003e\nCSSの定義を参照し、HTMLコードを補完してくれる機能です。\u003cbr\u003e\nclassやIDの名前を自動で補完してくれるため、ミスが少なくなります。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffd1b87aa-729b-5bef-4a14-cfd8e7cfd324.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=2d5216b8ca720de7f080131bad63bbf9\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffd1b87aa-729b-5bef-4a14-cfd8e7cfd324.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=2d5216b8ca720de7f080131bad63bbf9\" alt=\"qiitacarender21.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffd1b87aa-729b-5bef-4a14-cfd8e7cfd324.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=e6ef5bebb5e260adb113066ffac62f1e 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/fd1b87aa-729b-5bef-4a14-cfd8e7cfd324.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"243:1-243:117\"\u003e\n\u003cspan id=\"javascript-es6-code-snippets\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#javascript-es6-code-snippets\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets\" rel=\"nofollow noopener\" target=\"_blank\"\u003eJavaScript (ES6) code snippets\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"244:1-245:103\"\u003e\u003cstrong\u003eインストール数：約1794万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nJavaScriptのコードを書く際に使えるコードスニペットが揃った拡張機能です。\u003c/p\u003e\n\u003cp data-sourcepos=\"247:1-247:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3a906f87-518a-15ea-5a6f-786e2e2bd857.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=e5a6f66efba18bc78c2641acbd8af641\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3a906f87-518a-15ea-5a6f-786e2e2bd857.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=e5a6f66efba18bc78c2641acbd8af641\" alt=\"qiitacarender26.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3a906f87-518a-15ea-5a6f-786e2e2bd857.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=ff33cce68b487deea144ab542491ecd0 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/3a906f87-518a-15ea-5a6f-786e2e2bd857.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"249:1-249:130\"\u003e\n\u003cspan id=\"es7-reactreduxreact-native-snippets\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#es7-reactreduxreact-native-snippets\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets\" rel=\"nofollow noopener\" target=\"_blank\"\u003eES7+ React/Redux/React-Native snippets\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"250:1-251:86\"\u003e\u003cstrong\u003eインストール数：約1363万　評価：☆4.0\u003c/strong\u003e\u003cbr\u003e\nReactで開発を行うときに、重宝するスニペットが揃っています。\u003c/p\u003e\n\u003cp data-sourcepos=\"253:1-253:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2cf925bf-936f-e376-070b-20a2b18ac5b9.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=d2f04573667605d50c7a292cd2d32dfe\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2cf925bf-936f-e376-070b-20a2b18ac5b9.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=d2f04573667605d50c7a292cd2d32dfe\" alt=\"qiitacarender27.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2cf925bf-936f-e376-070b-20a2b18ac5b9.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=ef8da64944a3fe871b898a302e93e91b 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/2cf925bf-936f-e376-070b-20a2b18ac5b9.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"256:1-256:78\"\u003e\n\u003cspan id=\"vetur\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#vetur\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=octref.vetur\" rel=\"nofollow noopener\" target=\"_blank\"\u003eVetur\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"257:1-258:57\"\u003e\u003cstrong\u003eインストール数：約1454万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nVue.jsの開発するときの定番拡張機能です。\u003c/p\u003e\n\u003cp data-sourcepos=\"260:1-260:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb5a42ff7-6a08-e6c5-0322-eb06e6063958.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=f22e5da527a6475671c2a018a0de3160\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb5a42ff7-6a08-e6c5-0322-eb06e6063958.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=f22e5da527a6475671c2a018a0de3160\" alt=\"qiitacarender28.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fb5a42ff7-6a08-e6c5-0322-eb06e6063958.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=c4207312b00fab34e855d5e172dbf17b 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/b5a42ff7-6a08-e6c5-0322-eb06e6063958.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"262:1-262:89\"\u003e\n\u003cspan id=\"eslint\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#eslint\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint\" rel=\"nofollow noopener\" target=\"_blank\"\u003eESLint\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"263:1-265:132\"\u003e\u003cstrong\u003eインストール数：約3986万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nJavaScriptとTypeScriptのコードエラーを検出して、コードの質を高めてくれます。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc49c7825-6d12-2b6d-3e3f-09959284f4e4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=faf8308209d504fdefb9cc9dd67b0b0c\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc49c7825-6d12-2b6d-3e3f-09959284f4e4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=faf8308209d504fdefb9cc9dd67b0b0c\" alt=\"qiitacarender29.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fc49c7825-6d12-2b6d-3e3f-09959284f4e4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=cfb898e9f42d191eca53d6fee3041548 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/c49c7825-6d12-2b6d-3e3f-09959284f4e4.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch3 data-sourcepos=\"268:1-268:34\"\u003e\n\u003cspan id=\"バックエンド向け機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%83%90%E3%83%83%E3%82%AF%E3%82%A8%E3%83%B3%E3%83%89%E5%90%91%E3%81%91%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eバックエンド向け機能\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"269:1-269:84\"\u003e\n\u003cspan id=\"cc\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#cc\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools\" rel=\"nofollow noopener\" target=\"_blank\"\u003eC/C++\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"270:1-273:132\"\u003e\u003cstrong\u003eインストール数：約7602万　評価：☆3.5\u003c/strong\u003e\u003cbr\u003e\nC言語で開発を行う際に入れておくべき拡張機能です。\u003cbr\u003e\nコード補完やデバッグなどの機能が入っています。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F57e4ec80-1b04-c1d4-ab2c-b50df8c2a8ff.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=8c32b17c05952d6d609b1929315c7061\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F57e4ec80-1b04-c1d4-ab2c-b50df8c2a8ff.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=8c32b17c05952d6d609b1929315c7061\" alt=\"qiitacarender30.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F57e4ec80-1b04-c1d4-ab2c-b50df8c2a8ff.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=c2adb0baa7ebf30e1436d14b75e9af3c 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/57e4ec80-1b04-c1d4-ab2c-b50df8c2a8ff.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"275:1-275:83\"\u003e\n\u003cspan id=\"python\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#python\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ms-python.python\" rel=\"nofollow noopener\" target=\"_blank\"\u003ePython\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"276:1-278:132\"\u003e\u003cstrong\u003eインストール数：約1億4951万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nPythonで開発を行う際には入れておきたい拡張機能です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F59b5a18e-187c-1024-ca98-12f1dffb0acc.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=5755e4b1090fa2c50ad43cda99e4c795\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F59b5a18e-187c-1024-ca98-12f1dffb0acc.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=5755e4b1090fa2c50ad43cda99e4c795\" alt=\"qiitacarender31.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F59b5a18e-187c-1024-ca98-12f1dffb0acc.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=e11b809ee9e3eccd321bcc4ca37b0caf 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/59b5a18e-187c-1024-ca98-12f1dffb0acc.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"280:1-280:92\"\u003e\n\u003cspan id=\"pylance\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#pylance\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance\" rel=\"nofollow noopener\" target=\"_blank\"\u003ePylance\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"281:1-284:132\"\u003e\u003cstrong\u003eインストール数：約1億2160万　評価：☆3.0\u003c/strong\u003e\u003cbr\u003e\nPython言語のサポート機能になります。\u003cbr\u003e\n上記で紹介した、Pythonと一緒にインストールすると良いでしょう。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7c89cd42-cc53-0fed-d97c-321f203c0de4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=a48953af63f4e4de4a57c04d60eb4e2e\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7c89cd42-cc53-0fed-d97c-321f203c0de4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=a48953af63f4e4de4a57c04d60eb4e2e\" alt=\"qiitacarender32.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7c89cd42-cc53-0fed-d97c-321f203c0de4.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=18d0c0fe03a6bbdbb5b8dc03faaf187d 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/7c89cd42-cc53-0fed-d97c-321f203c0de4.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"286:1-286:89\"\u003e\n\u003cspan id=\"django\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#django\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django\" rel=\"nofollow noopener\" target=\"_blank\"\u003eDjango\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"287:1-289:132\"\u003e\u003cstrong\u003eインストール数：約1310万　評価：☆4.0\u003c/strong\u003e\u003cbr\u003e\nVSCodeでDjangoフレームワークを使って開発を行う時に入れるべき拡張機能です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fd2f37d96-570b-fe9f-886e-99e6e01d7978.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=979634be7f43fa984e9d67399f84c0ad\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fd2f37d96-570b-fe9f-886e-99e6e01d7978.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=979634be7f43fa984e9d67399f84c0ad\" alt=\"qiitacarender34.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fd2f37d96-570b-fe9f-886e-99e6e01d7978.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=68879bd4aabdd3a7a0b969d03fdc046e 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/d2f37d96-570b-fe9f-886e-99e6e01d7978.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"291:1-291:86\"\u003e\n\u003cspan id=\"jupyter\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#jupyter\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter\" rel=\"nofollow noopener\" target=\"_blank\"\u003eJupyter\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"292:1-295:132\"\u003e\u003cstrong\u003eインストール数：約8614万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nVSCode上でJupyter Notebookを開くことができます。\u003cbr\u003e\nブラウザを開くことなく、Jupyterを起動できるので便利です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc5cb6bf-fe2a-9aed-53f5-57d95736d5b5.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=029d1663a5658b7dc11b223b846a2b87\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc5cb6bf-fe2a-9aed-53f5-57d95736d5b5.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=029d1663a5658b7dc11b223b846a2b87\" alt=\"qiitacarender35.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fcc5cb6bf-fe2a-9aed-53f5-57d95736d5b5.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=3783e8390b0ed1a832796f35fbe05601 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/cc5cb6bf-fe2a-9aed-53f5-57d95736d5b5.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"297:1-297:72\"\u003e\n\u003cspan id=\"go\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#go\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=golang.Go\" rel=\"nofollow noopener\" target=\"_blank\"\u003eGo\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"298:1-300:132\"\u003e\u003cstrong\u003eインストール数：約1455万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nGo言語のサポートを行ってくれる拡張機能です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F34ce588e-0af3-59fe-6901-c0a2b4b5c3c8.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=1b3f7d421a06c66f6b913ed2f0fe2934\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F34ce588e-0af3-59fe-6901-c0a2b4b5c3c8.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=1b3f7d421a06c66f6b913ed2f0fe2934\" alt=\"qiitacarender36.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F34ce588e-0af3-59fe-6901-c0a2b4b5c3c8.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=4fb6dc914df735d5e69c553199c5830a 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/34ce588e-0af3-59fe-6901-c0a2b4b5c3c8.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"302:1-302:112\"\u003e\n\u003cspan id=\"php-intelephense\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#php-intelephense\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client\" rel=\"nofollow noopener\" target=\"_blank\"\u003ePHP Intelephense\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"303:1-305:132\"\u003e\u003cstrong\u003eインストール数：約1384万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nPHPを開発で使う際は入れておきたい拡張機能です。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2997eb7c-0e87-9431-1351-cf4e98eb6616.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9a7d4e8dd523fdae6727cd0409f74322\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2997eb7c-0e87-9431-1351-cf4e98eb6616.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9a7d4e8dd523fdae6727cd0409f74322\" alt=\"qiitacarender37.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F2997eb7c-0e87-9431-1351-cf4e98eb6616.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=3f19d87f99958c87a223fbf29eb7c189 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/2997eb7c-0e87-9431-1351-cf4e98eb6616.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch3 data-sourcepos=\"308:1-308:70\"\u003e\n\u003cspan id=\"見た目をカスタマイズ配色アイコン拡張機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E8%A6%8B%E3%81%9F%E7%9B%AE%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E9%85%8D%E8%89%B2%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e見た目をカスタマイズ！配色・アイコン拡張機能\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"309:1-309:99\"\u003e\n\u003cspan id=\"github-theme\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#github-theme\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme\" rel=\"nofollow noopener\" target=\"_blank\"\u003eGitHub Theme\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"310:1-311:132\"\u003e\u003cstrong\u003eインストール数：約1510万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ff22f33bd-cc33-46a0-4abc-5953c4ee1c7e.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=866aad8e6253ece6edf6b56f9337a9f7\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ff22f33bd-cc33-46a0-4abc-5953c4ee1c7e.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=866aad8e6253ece6edf6b56f9337a9f7\" alt=\"qiitacarender38.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ff22f33bd-cc33-46a0-4abc-5953c4ee1c7e.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=8f48d4c113fac67f22c1c9271c946a54 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/f22f33bd-cc33-46a0-4abc-5953c4ee1c7e.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"313:1-313:100\"\u003e\n\u003cspan id=\"one-dark-pro\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#one-dark-pro\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme\" rel=\"nofollow noopener\" target=\"_blank\"\u003eOne Dark Pro\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"314:1-315:132\"\u003e\u003cstrong\u003eインストール数：約1028万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffdf06d06-0a13-92e3-4c91-6d53893e19e0.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=645894647190a2237a9e4d18ed046775\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffdf06d06-0a13-92e3-4c91-6d53893e19e0.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=645894647190a2237a9e4d18ed046775\" alt=\"qiitacarender39.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Ffdf06d06-0a13-92e3-4c91-6d53893e19e0.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=294f5ff20b1028ce1ad805855cad3644 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/fdf06d06-0a13-92e3-4c91-6d53893e19e0.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"317:1-317:104\"\u003e\n\u003cspan id=\"dracula-official\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#dracula-official\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula\" rel=\"nofollow noopener\" target=\"_blank\"\u003eDracula Official\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"318:1-319:132\"\u003e\u003cstrong\u003eインストール数：約815万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7186d486-92d4-a4df-4f3b-04567612c07d.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=d4f1999a02c9228052f64ac9241cd08e\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7186d486-92d4-a4df-4f3b-04567612c07d.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=d4f1999a02c9228052f64ac9241cd08e\" alt=\"qiitacarender40.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F7186d486-92d4-a4df-4f3b-04567612c07d.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=b3e0f8a84dc71aa7ef594b7f9720ddff 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/7186d486-92d4-a4df-4f3b-04567612c07d.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"321:1-321:105\"\u003e\n\u003cspan id=\"material-icon-theme\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#material-icon-theme\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme\" rel=\"nofollow noopener\" target=\"_blank\"\u003eMaterial Icon Theme\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"322:1-325:125\"\u003e\u003cstrong\u003eインストール数：約2691万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3ff50441-fbd0-4667-53bf-1678fcd7f345.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=56c0861c17f4e9f8df66dd70750dc6f1\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3ff50441-fbd0-4667-53bf-1678fcd7f345.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=56c0861c17f4e9f8df66dd70750dc6f1\" alt=\"qiitacarender41.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F3ff50441-fbd0-4667-53bf-1678fcd7f345.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=015fc89bdf475c3c30bda0b8a7e8b108 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/3ff50441-fbd0-4667-53bf-1678fcd7f345.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003cbr\u003e\nこんな感じになります。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F51b46147-f3ac-4543-4635-5d4133eca914.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=c87e64361f093b0c80a3edd6051b8c82\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F51b46147-f3ac-4543-4635-5d4133eca914.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=c87e64361f093b0c80a3edd6051b8c82\" alt=\"material.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F51b46147-f3ac-4543-4635-5d4133eca914.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=63cfb3888cde6af2ac47b871f6e1c00e 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/51b46147-f3ac-4543-4635-5d4133eca914.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"327:1-327:108\"\u003e好きな配色やアイコンテーマを見つけて、自分好みにカスタマイズしましょう！\u003c/p\u003e\n\u003ch4 data-sourcepos=\"329:1-329:103\"\u003e\n\u003cspan id=\"vscode-icons\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#vscode-icons\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons\" rel=\"nofollow noopener\" target=\"_blank\"\u003evscode-icons\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"330:1-333:135\"\u003e\u003cstrong\u003eインストール数：約2007万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F96743d51-bff4-1080-1890-e1524a390b65.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=fc9565d51144a4929d08426bfa3dc716\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F96743d51-bff4-1080-1890-e1524a390b65.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=fc9565d51144a4929d08426bfa3dc716\" alt=\"qiitacarender42.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F96743d51-bff4-1080-1890-e1524a390b65.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=d6486124c1e6b582e2bab051a47fa709 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/96743d51-bff4-1080-1890-e1524a390b65.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003cbr\u003e\nこんな感じになります。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6d3d969f-7c38-f296-a1bd-c3457d1e9a05.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=f660594b39c647ff0e1b7e4b736759c4\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6d3d969f-7c38-f296-a1bd-c3457d1e9a05.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=f660594b39c647ff0e1b7e4b736759c4\" alt=\"VScodeアイコン.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6d3d969f-7c38-f296-a1bd-c3457d1e9a05.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=4b3e1b8ffc80947495f25ca4a710b52c 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/6d3d969f-7c38-f296-a1bd-c3457d1e9a05.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch3 data-sourcepos=\"335:1-335:31\"\u003e\n\u003cspan id=\"その他おすすめ機能\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%81%9D%E3%81%AE%E4%BB%96%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E6%A9%9F%E8%83%BD\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eその他おすすめ機能\u003c/h3\u003e\n\u003ch4 data-sourcepos=\"336:1-336:97\"\u003e\n\u003cspan id=\"code-runner\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#code-runner\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner\" rel=\"nofollow noopener\" target=\"_blank\"\u003eCode Runner\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"337:1-338:132\"\u003e\u003cstrong\u003eインストール数：約3112万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nプログラムを簡単に実行することができる拡張機能です。様々な言語に対応しており、便利です。\u003c/p\u003e\n\u003cp data-sourcepos=\"340:1-340:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F5676840c-6c4f-6dcf-f088-efb40b11be15.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=52288767f7bd3c24567a6647204b8996\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F5676840c-6c4f-6dcf-f088-efb40b11be15.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=52288767f7bd3c24567a6647204b8996\" alt=\"qiitacarender43.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F5676840c-6c4f-6dcf-f088-efb40b11be15.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=29da9045efaeca5dfaa6e3b29685ee6f 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/5676840c-6c4f-6dcf-f088-efb40b11be15.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"342:1-342:89\"\u003e\n\u003cspan id=\"rest-client\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#rest-client\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=humao.rest-client\" rel=\"nofollow noopener\" target=\"_blank\"\u003eREST Client\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"343:1-344:88\"\u003e\u003cstrong\u003eインストール数：約400万　評価：☆5.0\u003c/strong\u003e\u003cbr\u003e\nVSCode上でHTTPリクエストを簡単に行えるようになる拡張機能です。\u003c/p\u003e\n\u003cp data-sourcepos=\"346:1-346:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fa94d7476-3381-2cc8-8ced-036e67d77743.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9f5760c865298e194430c5c4efb6efb4\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fa94d7476-3381-2cc8-8ced-036e67d77743.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=9f5760c865298e194430c5c4efb6efb4\" alt=\"qiitacarender45.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2Fa94d7476-3381-2cc8-8ced-036e67d77743.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=5e97795aed2de596c47fd9adf303ff8f 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/a94d7476-3381-2cc8-8ced-036e67d77743.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch4 data-sourcepos=\"348:1-348:102\"\u003e\n\u003cspan id=\"todo-highlight\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#todo-highlight\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003e\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight\" rel=\"nofollow noopener\" target=\"_blank\"\u003eTODO Highlight\u003c/a\u003e\n\u003c/h4\u003e\n\u003cp data-sourcepos=\"349:1-351:89\"\u003e\u003cstrong\u003eインストール数：約508万　評価：☆4.5\u003c/strong\u003e\u003cbr\u003e\nTODOコメントをハイライトで目立たせてくれる拡張機能です。\u003cbr\u003e\nTODOがどこにいったかわからなくなった!という事態を防げますね。\u003c/p\u003e\n\u003cp data-sourcepos=\"353:1-353:132\"\u003e\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F693d7e50-f70e-0bda-9304-d6dda63ded4b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=6c764e80be1a0a447be92042a162a1ad\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F693d7e50-f70e-0bda-9304-d6dda63ded4b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=6c764e80be1a0a447be92042a162a1ad\" alt=\"qiitacarender46.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F693d7e50-f70e-0bda-9304-d6dda63ded4b.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=0c2619db37ec7925284b3e578344c843 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/693d7e50-f70e-0bda-9304-d6dda63ded4b.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp data-sourcepos=\"355:1-356:121\"\u003eこのように色付けして目立たせてくれます。\u003cbr\u003e\n\u003ca href=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6afef7f4-4ac4-f237-56e2-12e9c78bf52e.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=c36325327c8df6f31f4369994bde96ce\" target=\"_blank\" rel=\"nofollow noopener\"\u003e\u003cimg src=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6afef7f4-4ac4-f237-56e2-12e9c78bf52e.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;s=c36325327c8df6f31f4369994bde96ce\" alt=\"TODO.png\" srcset=\"https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F3033130%2F6afef7f4-4ac4-f237-56e2-12e9c78bf52e.png?ixlib=rb-4.0.0\u0026amp;auto=format\u0026amp;gif-q=60\u0026amp;q=75\u0026amp;w=1400\u0026amp;fit=max\u0026amp;s=187a2647452151d694d55b7348040ca9 1x\" data-canonical-src=\"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3033130/6afef7f4-4ac4-f237-56e2-12e9c78bf52e.png\" loading=\"lazy\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch1 data-sourcepos=\"358:1-358:11\"\u003e\n\u003cspan id=\"まとめ\" class=\"fragment\"\u003e\u003c/span\u003e\u003ca href=\"#%E3%81%BE%E3%81%A8%E3%82%81\"\u003e\u003ci class=\"fa fa-link\"\u003e\u003c/i\u003e\u003c/a\u003eまとめ\u003c/h1\u003e\n\u003cp data-sourcepos=\"359:1-360:87\"\u003e本記事では、VSCodeの拡張機能を紹介しました。\u003cbr\u003e\n拡張機能を駆使して、快適なコーディング生活を送りましょう！\u003c/p\u003e\n\u003cdiv data-sourcepos=\"362:1-365:3\" class=\"note info\"\u003e\n\u003cspan class=\"fa fa-fw fa-check-circle\"\u003e\u003c/span\u003e\u003cdiv\u003e\n\u003cp data-sourcepos=\"363:1-364:197\"\u003e弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。\u003cbr\u003e\nまた、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、\u003ca href=\"https://www.recruit.nuco.co.jp/?qiita_item_id=0e116a59743874d18cb1\" rel=\"nofollow noopener\" target=\"_blank\"\u003eこちら\u003c/a\u003eまで。\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n","comments":{"totalCount":3},"createdAt":"2024-12-23T23:52:35Z","elapsedYearsFromLastModifiedAt":0,"encryptedId":"BAhJIhRBcnRpY2xlLTE5NjMxNTIGOgZFRg==--bbefaae8aff3075ee65142fbae771caa0ab62f4930e224b804086d3252570348","isBanned":false,"isDeprecated":false,"isDestroyableByViewer":false,"isEditRequestReadableByViewer":true,"isEditRequestSendableByViewer":true,"isLikableByViewer":true,"isLikedByViewer":false,"isPublic":true,"isSlide":false,"isStockableByViewer":true,"isStockedByViewer":false,"isSubscribableByViewer":false,"isSubscribedByViewer":false,"isUpdatableByViewer":false,"isUpdated":true,"lastModifiedAt":"2024-12-25T03:31:31Z","publishedAt":"2024-12-23T23:52:35Z","likesCount":725,"linkUrl":"https://qiita.com/qrrq/items/0e116a59743874d18cb1","organization":{"encryptedId":"BAhJIhZPcmdhbml6YXRpb24tMjAxNAY6BkVG--4c47df8d61016a27e175d923cc60eea45131a35145bff6b60f5c854b07b0be88","isFollowedByViewer":false,"name":"株式会社Nuco","urlName":"nuco-inc","logoUrl":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2Fa61050ce4c18288e883d6650f2e69c20eedd200d%2Foriginal.jpg%3F1645684878?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=8404723c4aa2e25a09563fbb58456bee","logoUrlOriginal":"https://s3-ap-northeast-1.amazonaws.com/qiita-organization-image/a61050ce4c18288e883d6650f2e69c20eedd200d/original.jpg?1645684878"},"stockedCount":789,"title":"Visual Studio Codeに入れるべき拡張機能【2024年最新版】","toc":"\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB\"\u003eはじめに\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD\"\u003e拡張機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB\"\u003e拡張機能のインストール\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD\"\u003eオススメ拡張機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%81%93%E3%82%8C%E3%81%AF%E7%B5%B6%E5%AF%BE%E5%85%A5%E3%82%8C%E3%82%8B%E3%81%B9%E3%81%8D%E5%9F%BA%E6%9C%AC%E6%A9%9F%E8%83%BD\"\u003eこれは絶対入れるべき！基本機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#japanese-language-pack-for-visual-studio-code\"\u003eJapanese Language Pack for Visual Studio Code\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%8F%AF%E8%AA%AD%E6%80%A7%E3%82%92%E4%B8%8A%E3%81%92%E3%82%8B%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%A9%9F%E8%83%BD\"\u003eコードの可読性を上げる！オススメ機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#indent-rainbow\"\u003eindent-rainbow\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#rainbow-csv\"\u003eRainbow CSV\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#prettier---code-formatter\"\u003ePrettier - Code formatter\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#better-comments\"\u003eBetter Comments\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%93%81%E8%B3%AA%E3%82%92%E4%B8%8A%E3%81%92%E3%82%8B%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E6%A9%9F%E8%83%BD\"\u003eコードの品質を上げる！オススメ機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#zenkaku\"\u003ezenkaku\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#intellicode\"\u003eIntelliCode\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#path-intellisense\"\u003ePath Intellisense\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#auto-rename-tag\"\u003eAuto Rename Tag\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#code-spell-checker\"\u003eCode Spell Checker\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#trailing-spaces\"\u003eTrailing Spaces\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%83%81%E3%83%BC%E3%83%A0%E9%96%8B%E7%99%BA%E3%81%AA%E3%82%89%E5%BF%85%E9%A0%88\"\u003eチーム開発なら必須！\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#git-lens\"\u003eGit Lens\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#git-history\"\u003eGit History\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#git-graph\"\u003eGit Graph\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#remote---ssh\"\u003eRemote - SSH\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#dev-containers\"\u003eDev Containers\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#live-share\"\u003eLive Share\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#live-server\"\u003eLive Server\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%81%93%E3%81%93%E3%81%BE%E3%81%A7%E9%80%B2%E5%8C%96%E3%81%97%E3%81%9Fai%E6%A9%9F%E8%83%BD\"\u003eここまで進化した!AI機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#github-copilot\"\u003eGitHub Copilot\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#tabnine-ai-autocomplete\"\u003eTabnine AI Autocomplete\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#codegpt-chat--ai-agents\"\u003eCodeGPT: Chat \u0026amp; AI Agents\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#phindcom---chat-with-your-codebase\"\u003ePhind.com - Chat with your Codebase\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%82%B3%E3%83%BC%E3%83%89%E6%9B%B8%E3%81%8F%E3%81%AE%E3%81%8C%E6%A5%BD%E3%81%AB%E3%81%AA%E3%82%8B%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E5%90%91%E3%81%91%E6%A9%9F%E8%83%BD\"\u003eコード書くのが楽になる！フロントエンド向け機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#html-css-support\"\u003eHTML CSS Support\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#javascript-es6-code-snippets\"\u003eJavaScript (ES6) code snippets\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#es7-reactreduxreact-native-snippets\"\u003eES7+ React/Redux/React-Native snippets\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#vetur\"\u003eVetur\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#eslint\"\u003eESLint\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%83%90%E3%83%83%E3%82%AF%E3%82%A8%E3%83%B3%E3%83%89%E5%90%91%E3%81%91%E6%A9%9F%E8%83%BD\"\u003eバックエンド向け機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#cc\"\u003eC/C++\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#python\"\u003ePython\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#pylance\"\u003ePylance\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#django\"\u003eDjango\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#jupyter\"\u003eJupyter\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#go\"\u003eGo\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#php-intelephense\"\u003ePHP Intelephense\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E8%A6%8B%E3%81%9F%E7%9B%AE%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E9%85%8D%E8%89%B2%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD\"\u003e見た目をカスタマイズ！配色・アイコン拡張機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#github-theme\"\u003eGitHub Theme\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#one-dark-pro\"\u003eOne Dark Pro\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#dracula-official\"\u003eDracula Official\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#material-icon-theme\"\u003eMaterial Icon Theme\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#vscode-icons\"\u003evscode-icons\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%81%9D%E3%81%AE%E4%BB%96%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E6%A9%9F%E8%83%BD\"\u003eその他おすすめ機能\u003c/a\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"#code-runner\"\u003eCode Runner\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#rest-client\"\u003eREST Client\u003c/a\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#todo-highlight\"\u003eTODO Highlight\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003ca href=\"#%E3%81%BE%E3%81%A8%E3%82%81\"\u003eまとめ\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n","totalPv":213463,"uuid":"0e116a59743874d18cb1","banReason":null,"adventCalendarItem":{"day":24,"calendar":{"name":"株式会社Nuco","urlName":"nuco","year":2024,"organization":{"logoUrl":"https://qiita-organization-images.imgix.net/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fqiita-organization-image%2Fa61050ce4c18288e883d6650f2e69c20eedd200d%2Foriginal.jpg%3F1645684878?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026s=8404723c4aa2e25a09563fbb58456bee","urlName":"nuco-inc"}}},"author":{"encryptedId":"BAhJIhFVc2VyLTI5NTcyNTcGOgZFRg==--5febffab39ff7f95f0026cdc90d8eb2d8595803475efcea283527d8a61c39ba6","isBlockingViewer":false,"isFollowableByViewer":true,"isFollowedByViewer":false,"isTweetWebNotificationReceivable":false,"profileImageUrlW48":"https://qiita-user-profile-images.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F2957257%2Fprofile-images%2F1735170979?ixlib=rb-4.0.0\u0026auto=compress%2Cformat\u0026lossless=0\u0026w=48\u0026s=e8c80d30e1f3972f8753039cc0b0e4ef","profileImageUrlOriginal":"https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2957257/profile-images/1735170979","urlName":"qrrq","twitterUrlName":null,"name":"","organizations":{"edges":[{"node":{"urlName":"nuco-inc"}}]}},"tags":[{"name":"拡張機能","urlName":"%e6%8b%a1%e5%bc%b5%e6%a9%9f%e8%83%bd"},{"name":"エディタ","urlName":"%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf"},{"name":"VSCode","urlName":"vscode"},{"name":"新人プログラマ応援","urlName":"%e6%96%b0%e4%ba%ba%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9e%e5%bf%9c%e6%8f%b4"}],"followingLikers":[],"recentlyFollowingLikers":[],"postingCampaign":null},"comments":[],"client":null,"adsEventEmitter":null}}</script>