<h1 id="%F0%9F%94%8C-cursor%E3%81%AE%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%94%8C-cursor%E3%81%AE%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 🔌 Cursorの拡張機能インストール方法</h1>
<p data-line="2" class="code-line">Cursorは、Visual Studio Codeベースで構築されているため、VS Codeの拡張機能をそのまま利用できます。この記事では、拡張機能のインストール方法を詳しく解説します。</p>
<h2 id="%F0%9F%93%8B-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%89%8B%E9%A0%86" data-line="4" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%93%8B-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%89%8B%E9%A0%86" aria-hidden="true"></a> 📋 拡張機能インストールの基本手順</h2>
<h3 id="%F0%9F%94%8D-1.-extensions%EF%BC%88%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%EF%BC%89%E3%83%91%E3%83%8D%E3%83%AB%E3%82%92%E9%96%8B%E3%81%8F" data-line="6" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%94%8D-1.-extensions%EF%BC%88%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%EF%BC%89%E3%83%91%E3%83%8D%E3%83%AB%E3%82%92%E9%96%8B%E3%81%8F" aria-hidden="true"></a> 🔍 1. Extensions（拡張機能）パネルを開く</h3>
<p data-line="8" class="code-line">** サイドバーから**</p>
<ul data-line="10" class="code-line">
<li data-line="10" class="code-line">左サイドバーの四角いブロックアイコン（Extensions）をクリック</li>
<li data-line="11" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/a8aa6c6af416-20250619.png" class="md-img" loading="lazy"></li>
</ul>
<h3 id="%F0%9F%94%8E-2.-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%82%92%E6%A4%9C%E7%B4%A2%E3%81%99%E3%82%8B" data-line="14" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%94%8E-2.-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%82%92%E6%A4%9C%E7%B4%A2%E3%81%99%E3%82%8B" aria-hidden="true"></a> 🔎 2. 拡張機能を検索する</h3>
<p data-line="16" class="code-line">Extensionsパネルが開いたら、上部の検索ボックスに拡張機能名を入力します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/baa716bcced4-20250619.png" class="md-img" loading="lazy"></p>
<h2 id="%F0%9F%93%9D-%E5%AE%9F%E4%BE%8B%EF%BC%9Ajapanese-language-pack-%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" data-line="20" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%93%9D-%E5%AE%9F%E4%BE%8B%EF%BC%9Ajapanese-language-pack-%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 📝 実例：Japanese Language Pack のインストール</h2>
<h3 id="%F0%9F%93%A5-%E3%82%B9%E3%83%86%E3%83%83%E3%83%971%3A-%E6%A4%9C%E7%B4%A2" data-line="22" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%93%A5-%E3%82%B9%E3%83%86%E3%83%83%E3%83%971%3A-%E6%A4%9C%E7%B4%A2" aria-hidden="true"></a> 📥 ステップ1: 検索</h3>
<ol data-line="24" class="code-line">
<li data-line="24" class="code-line">Extensionsパネルの検索ボックスに「Japanese Language Pack」と入力</li>
<li data-line="25" class="code-line">検索結果に「Japanese Language Pack for Visual Studio Code」が表示される<br>
<img src="https://storage.googleapis.com/zenn-user-upload/e36150f2b0aa-20250619.png" class="md-img" loading="lazy">
</li>
</ol>
<h3 id="%E2%AC%87%EF%B8%8F-%E3%82%B9%E3%83%86%E3%83%83%E3%83%972%3A-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" data-line="29" class="code-line">
<a class="header-anchor-link" href="#%E2%AC%87%EF%B8%8F-%E3%82%B9%E3%83%86%E3%83%83%E3%83%972%3A-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> ⬇️ ステップ2: インストール</h3>
<ol data-line="31" class="code-line">
<li data-line="31" class="code-line">検索結果から「Japanese Language Pack for Visual Studio Code」を見つける</li>
<li data-line="32" class="code-line">青い「Install」ボタンをクリック<br>
<img src="https://storage.googleapis.com/zenn-user-upload/75630ace566d-20250619.png" class="md-img" loading="lazy">
</li>
</ol>
<h3 id="%F0%9F%94%84-%E3%82%B9%E3%83%86%E3%83%83%E3%83%973%3A-%E9%81%A9%E7%94%A8" data-line="36" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%94%84-%E3%82%B9%E3%83%86%E3%83%83%E3%83%973%3A-%E9%81%A9%E7%94%A8" aria-hidden="true"></a> 🔄 ステップ3: 適用</h3>
<ol data-line="38" class="code-line">
<li data-line="38" class="code-line">インストール完了後、右下に「Change Language and Restart」の通知が表示される</li>
<li data-line="39" class="code-line">「Change Language and Restart」をクリックしてCursorを再起動</li>
<li data-line="40" class="code-line">再起動後、インターフェースが日本語に変更される<br>
<img src="https://storage.googleapis.com/zenn-user-upload/783194ad520d-20250619.png" class="md-img" loading="lazy">
</li>
</ol>
<h2 id="%F0%9F%9B%A0%EF%B8%8F-%E3%81%9D%E3%81%AE%E4%BB%96%E3%81%AE%E4%BE%BF%E5%88%A9%E3%81%AA%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E4%BE%8B" data-line="44" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%9B%A0%EF%B8%8F-%E3%81%9D%E3%81%AE%E4%BB%96%E3%81%AE%E4%BE%BF%E5%88%A9%E3%81%AA%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E4%BE%8B" aria-hidden="true"></a> 🛠️ その他の便利な拡張機能例</h2>
<h3 id="%E2%9A%A1-%E9%96%8B%E7%99%BA%E5%8A%B9%E7%8E%87%E5%8C%96" data-line="46" class="code-line">
<a class="header-anchor-link" href="#%E2%9A%A1-%E9%96%8B%E7%99%BA%E5%8A%B9%E7%8E%87%E5%8C%96" aria-hidden="true"></a> ⚡ 開発効率化</h3>
<ul data-line="48" class="code-line">
<li data-line="48" class="code-line">
<strong>Prettier - Code formatter</strong>: コード自動整形</li>
<li data-line="49" class="code-line">
<strong>indent-rainbow</strong>:インデントの色分け表示</li>
</ul>
<h3 id="%F0%9F%8E%A8-%E3%83%86%E3%83%BC%E3%83%9E%E3%83%BB%E5%A4%96%E8%A6%B3" data-line="51" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%8E%A8-%E3%83%86%E3%83%BC%E3%83%9E%E3%83%BB%E5%A4%96%E8%A6%B3" aria-hidden="true"></a> 🎨 テーマ・外観</h3>
<ul data-line="53" class="code-line">
<li data-line="53" class="code-line">
<strong>One Dark Pro</strong>: 人気のダークテーマ</li>
</ul>
<h3 id="%F0%9F%8C%90-%E8%A8%80%E8%AA%9E%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88" data-line="55" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%8C%90-%E8%A8%80%E8%AA%9E%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88" aria-hidden="true"></a> 🌐 言語サポート</h3>
<ul data-line="57" class="code-line">
<li data-line="57" class="code-line">
<strong>Python</strong>: Python開発サポート</li>
<li data-line="58" class="code-line">
<strong>Live Server</strong>: HTML/CSS/JSのライブプレビュー</li>
<li data-line="59" class="code-line">
<strong>GitLens</strong>: Git履歴の詳細表示</li>
</ul>
<h2 id="%E2%9A%99%EF%B8%8F-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E7%AE%A1%E7%90%86" data-line="61" class="code-line">
<a class="header-anchor-link" href="#%E2%9A%99%EF%B8%8F-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E7%AE%A1%E7%90%86" aria-hidden="true"></a> ⚙️ 拡張機能の管理</h2>
<h3 id="%F0%9F%93%8B-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%B8%88%E3%81%BF%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E7%A2%BA%E8%AA%8D" data-line="63" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%93%8B-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%B8%88%E3%81%BF%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> 📋 インストール済み拡張機能の確認</h3>
<ol data-line="65" class="code-line">
<li data-line="65" class="code-line">Extensionsパネルを開く</li>
<li data-line="66" class="code-line">左上の「インストール済み」をクリック</li>
<li data-line="67" class="code-line">インストール済みの拡張機能一覧が表示される<br>
<img src="https://storage.googleapis.com/zenn-user-upload/e70ba9a83c0f-20250619.png" class="md-img" loading="lazy">
</li>
</ol>
<h3 id="%F0%9F%94%A7-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E7%84%A1%E5%8A%B9%E5%8C%96%E3%83%BB%E5%89%8A%E9%99%A4" data-line="71" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%94%A7-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E7%84%A1%E5%8A%B9%E5%8C%96%E3%83%BB%E5%89%8A%E9%99%A4" aria-hidden="true"></a> 🔧 拡張機能の無効化・削除</h3>
<ul data-line="73" class="code-line">
<li data-line="73" class="code-line">
<strong>無効化</strong>: 拡張機能の「無効にする」ボタンをクリック</li>
<li data-line="74" class="code-line">
<strong>削除</strong>: 拡張機能の「アンインストール」ボタンをクリック<br>
<img src="https://storage.googleapis.com/zenn-user-upload/f9c6c4b4c09d-20250619.png" class="md-img" loading="lazy">
</li>
</ul>
<h3 id="%E2%9A%99%EF%B8%8F-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E8%A8%AD%E5%AE%9A" data-line="78" class="code-line">
<a class="header-anchor-link" href="#%E2%9A%99%EF%B8%8F-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> ⚙️ 拡張機能の設定</h3>
<ol data-line="80" class="code-line">
<li data-line="80" class="code-line">拡張機能の歯車アイコンをクリック</li>
<li data-line="81" class="code-line">「設定」を選択</li>
<li data-line="82" class="code-line">各種設定項目を調整<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c7b5e98ef15f-20250619.png" class="md-img" loading="lazy">
</li>
</ol>
<h2 id="%F0%9F%94%A7-%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%E3%82%B7%E3%83%A5%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0" data-line="86" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%94%A7-%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%E3%82%B7%E3%83%A5%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0" aria-hidden="true"></a> 🔧 トラブルシューティング</h2>
<h3 id="%E2%9D%8C-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88" data-line="88" class="code-line">
<a class="header-anchor-link" href="#%E2%9D%8C-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88" aria-hidden="true"></a> ❌ インストールできない場合</h3>
<ol data-line="90" class="code-line">
<li data-line="90" class="code-line"><strong>インターネット接続を確認</strong></li>
<li data-line="91" class="code-line"><strong>Cursorを再起動</strong></li>
<li data-line="92" class="code-line"><strong>拡張機能名のスペルを確認</strong></li>
<li data-line="93" class="code-line">
<strong>発行者名も含めて検索</strong>（例：「Microsoft Japanese Language Pack」）</li>
</ol>
<h3 id="%F0%9F%87%AF%F0%9F%87%B5-%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8C%96%E3%81%8C%E9%81%A9%E7%94%A8%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88" data-line="95" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%87%AF%F0%9F%87%B5-%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8C%96%E3%81%8C%E9%81%A9%E7%94%A8%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88" aria-hidden="true"></a> 🇯🇵 日本語化が適用されない場合</h3>
<ol data-line="97" class="code-line">
<li data-line="97" class="code-line">Cursorを完全に終了</li>
<li data-line="98" class="code-line">再度起動</li>
<li data-line="99" class="code-line">それでも英語のままの場合：
<ul data-line="100" class="code-line">
<li data-line="100" class="code-line">
<code>Ctrl+Shift+P</code>でコマンドパレットを開く</li>
<li data-line="101" class="code-line">「Configure Display Language」と入力</li>
<li data-line="102" class="code-line">「日本語」を選択して再起動</li>
</ul>
</li>
</ol>
<h3 id="%E2%9A%A0%EF%B8%8F-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%8C%E5%8B%95%E4%BD%9C%E3%81%97%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88" data-line="104" class="code-line">
<a class="header-anchor-link" href="#%E2%9A%A0%EF%B8%8F-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%8C%E5%8B%95%E4%BD%9C%E3%81%97%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88" aria-hidden="true"></a> ⚠️ 拡張機能が動作しない場合</h3>
<ol data-line="106" class="code-line">
<li data-line="106" class="code-line">拡張機能が有効になっているか確認</li>
<li data-line="107" class="code-line">Cursorのバージョンが対応しているか確認</li>
<li data-line="108" class="code-line">他の拡張機能との競合をチェック</li>
<li data-line="109" class="code-line">設定を初期化してテスト</li>
</ol>
<h2 id="%F0%9F%8E%89-%E3%81%BE%E3%81%A8%E3%82%81" data-line="111" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%8E%89-%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> 🎉 まとめ</h2>
<p data-line="113" class="code-line">Cursorの拡張機能インストールは非常に簡単です！<br>
Japanese Language Packのような基本的な拡張機能から始めて、開発スタイルに合わせて徐々に追加していくことをお勧めします。</p>
<p data-line="116" class="code-line">拡張機能を適切に活用することで、Cursorでの開発効率を大幅に向上させることができます！また、エラーなども最小限に抑えることができます！<br>まずは必要最小限の拡張機能から始めて、慣れてきたら用途に応じて追加していきましょう！</p>
<hr data-line="118" class="code-line">
<h2 id="%F0%9F%8E%93-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%AD%A6%E7%BF%92%E3%81%AB%E3%81%8A%E3%81%99%E3%81%99%E3%82%81" data-line="120" class="code-line">
<a class="header-anchor-link" href="#%F0%9F%8E%93-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%AD%A6%E7%BF%92%E3%81%AB%E3%81%8A%E3%81%99%E3%81%99%E3%82%81" aria-hidden="true"></a> 🎓 プログラミング学習におすすめ</h2>
<p data-line="122" class="code-line"><strong>プログラミング未経験の方には <a href="https://cytech.online/" target="_blank" rel="nofollow noopener noreferrer">CyTech（サイテック）</a> がおすすめです！</strong></p>
<p data-line="124" class="code-line">CyTech は、未経験から IT エンジニアを目指す人向けのオンライン学習プラットフォームで、<strong>基礎から実務レベルのスキルを最短 10 ヶ月で習得できるカリキュラム</strong>を提供しています。<br>
<strong>HTML/CSS/JavaScript/PHP/SQL/Git</strong> などのプログラミング言語に加え、<strong>デザイン、英語</strong>なども学べる総合的なプラットフォームです。<br>
今後随時学習できるプログラミング言語増加予定！<br>
<strong>エンジニア学習にお困りの方はまずは CyTech 無料カウンセリングでお悩み解消！</strong></p>


cursorに拡張機能をインストール

🔍 1. Extensions（拡張機能）パネルを開く

📋 拡張機能インストールの基本手順

📝 実例：Japanese Language Pack のインストール

🛠️ その他の便利な拡張機能例

📋 インストール済み拡張機能の確認

🇯🇵 日本語化が適用されない場合

⚠️ 拡張機能が動作しない場合

🎓 プログラミング学習におすすめ

🔌 Cursorの拡張機能インストール方法

Discussion