この記事の最終更新日: 2023年4月22日
![【2020年決定版】VSCodeをPython超特化型にする、最高の拡張機能20選まとめ。 【VisualStudio Code】【プラグイン】](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/aaa2.png?resize=1023%2C685&ssl=1)
今回は、AIや機械学習、Webシステム開発に使われるPython。その
開発を行う上で絶対に必要なプラグインと、
作業効率が格段に上がるプラグイン20選を紹介します。
まだ使ったことがないプラグインがあれば、絶対に試す価値があります。
ぜひご自身のVSCodeにインストールして、カスタマイズしてみてください。
視覚系プラグイン 7選
![vscode 視覚系プラグイン 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/pexels-scott-webb-311458.jpg?resize=1024%2C683&ssl=1)
1. indent-rainbow
![indent-rainbow vscode 拡張](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.29.57.png?resize=612%2C115&ssl=1)
![intdent-rainbow vscode 拡張](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2020-10-06-22.23.27.png?resize=611%2C538&ssl=1)
・indent-rainbowを入れることで、インデントが階層別に色分けされます。
・Pythonは余計なスペース(空白)で少しでもずれてしまうと、エラーになります。
→indent-rainbowを入れることでインデントが視覚的に見やすくなり、ミスを防ぐことができます。
2. Material Icon Theme
![Material Icon Theme vscode 拡張](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.28.51.png?resize=636%2C122&ssl=1)
![Material Icon Theme vscode 拡張](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/fileIcons-1-e1603466741746-1024x601.png?resize=638%2C374&ssl=1)
![Material Icon Theme](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/folderIcons-e1603466683270-1024x457.png?resize=641%2C285&ssl=1)
・Material Icon Themeを入れることで、味気なかったファイルやフォルダのアイコンが変化します。
・VSCodeのデフォルトアイコンは味気なく、違いを識別しにくい場合があります。
→Material Icon Themeを入れることで、ファイルやフォルダを識別しやすくなります。
3. ZenKaku
![ZenKaku](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.38.21.png?resize=651%2C124&ssl=1)
![ZenKaku](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.43.08.png?resize=648%2C168&ssl=1)
・Zenkakuを入れることで、全角スペースがグレーで表示されるようになります。
・Pythonは言語の特徴上、半角スペースやtabが入り混じる言語です。
さらに、少しのインデントのズレでエラーが発生してしまいます。
→Zenkakuを入れることで、意図しない全角スペースの存在によるエラーを防ぐことができます。
4. Better Comments
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.52.25.png?resize=643%2C121&ssl=1)
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/0_wWjopu7FVl_aikf3.png?resize=642%2C579&ssl=1)
・Better Commetsを入れることで、コメントを重要度と種類によって色分けすることができます。
・コメント直後の半角記号か文字列によって色の指定ができます。
! : 赤色 ? : 青色 * : 黄緑 TODO: : オレンジ
→Better Commentsを入れることで、コメントの管理と識別がしやすくなります。
5. Trailing Spaces
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.48.03.png?resize=647%2C118&ssl=1)
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.45.43.png?resize=647%2C266&ssl=1)
・Trailing Spacesを入れることで、コード末尾の余計なスペースが赤字で表示され、ソースを綺麗に保つことができます。
6. GitHub Theme
![vscode python gitbuh theme オススメ 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.08.20.png?resize=652%2C121&ssl=1)
![おすすめ拡張機能 github theme for vs code](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/https___qiita-image-store.s3.ap-northeast-1.amazonaws.com_0_52879_1c028e08-dbee-0695-50d0-0b44b12f3738.png?resize=651%2C406&ssl=1)
・GitHubThemeを入れることで、VSCode全体のテーマを変更することができます。
・近年大流行しているGitHubの公式テーマで、定評のある配色のテーマになります。
→次に紹介するNight owlと同様にオススメのテーマです。気に入った方を使いましょう。
7. Darcula PyCharm Theme
![VSCodeをPyCharm風にする拡張昨日](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/09/スクリーンショット-2021-09-19-21.06.22.png?resize=1024%2C159&ssl=1)
![VSCodeをPyCharmやPHPStorm風にするプラグイン](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/09/スクリーンショット-2021-09-19-21.11.44.png?resize=1024%2C534&ssl=1)
・Darcula PyCharm Themeを入れることで、VSCode全体のテーマをPyCharm風に変更することが可能です。
・PyCharmを使っていた人、周囲のPyCharmユーザーが違和感なくVSCodeを利用するための、大きな手助けになります。
・緑系の目に優しいデザインなので、長時間作業にも向いています。
→VSCodeをPyCharmやPHPStorm風にカスタマイズしたい人は、このテーマを使いましょう。
8. Night owl
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.27.40.png?resize=652%2C120&ssl=1)
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-22.33.26.png?resize=558%2C389&ssl=1)
・Night Owlを入れることで、VSCode全体のテーマを変更することができます。
・目に優しいデザインを追求され、長時間の作業でも目が疲れにくいオススメのテーマです。
→上記のGitHub Themeと比べて、気に入った方を使いましょう。
整形系プラグイン 1選
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/pexels-pixabay-220177.jpg?resize=1024%2C683&ssl=1)
1. Python Indent
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.31.24.png?resize=620%2C110&ssl=1)
![画像に alt 属性が指定されていません。ファイル名: demo.gif](https://i0.wp.com/github.com/kbrose/vsc-python-indent/raw/master/static/demo.gif?resize=427%2C405&ssl=1)
![画像に alt 属性が指定されていません。ファイル名: スクリーンショット-2020-10-23-23.24.34.png](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2020-10-23-23.24.34.png?resize=426%2C270&ssl=1)
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-23-23.26.20.png?resize=429%2C290&ssl=1)
・Python Indentを入れることで、Pythonインデントの精度が格段に上がります。
・引数をカンマ区切りで入力する際などに、自動で綺麗にインデントを付けてくれます。
→Python Indentを入れることで、インデントを整形する時間が短縮され、作業効率を上げることができます。
補完系プラグイン 3選
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/pexels-mike-van-schoonderwalt-5505130.jpg?resize=1024%2C683&ssl=1)
1. GitHub Copilot
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/04/スクリーンショット-2023-04-22-14.52.27-1.png?resize=620%2C78&ssl=1)
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/04/スクリーンショット-2023-04-22-14.56.03.png?resize=628%2C396&ssl=1)
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/04/スクリーンショット-2023-04-22-14.56.15.png?resize=636%2C399&ssl=1)
・GitHub Copilotを入れると、これまで記述したコードやコメントに従って、自動的に生成してくれます。
・GPTを活用しており、Pythonとは最も相性が良いため、とんでもなく精度の高い候補を作成してくれます。
→GitHub Copilotのコード生成機能を活用することで、作業効率を上げることができます。
無料トライアルが存在しますが、基本的に有料です。利用する際は、解約方法を確認してから利用しましょう。
2. Python Docstring Generator
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-2.45.41.png?resize=605%2C111&ssl=1)
![Auto Generate Docstrings](https://i0.wp.com/github.com/NilsJPWerner/autoDocstring/raw/master/images/demo.gif?resize=603%2C379&ssl=1)
・Docstring Generatorを入れると、関数やクラス用のコメントのフォーマットを自動作成してくれます。
→クラスや関数のコメントが付いた、品質の高いソースコードを効率的に書くことができます。
3. Pylance
![pylance vscode 拡張 プラグイン](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-3.02.00.png?resize=614%2C109&ssl=1)
・Pylanceは、Microsoftから2020年夏にリリースされた、最新のPython用言語サーバです。
・設定で、python.analysis.typeCheckingModeをbasicまたはstrictに設定すると型チェックを利用できます。
→Pylanceを入れることで、型チェックやライブラリが大幅にグレードアップされます。
他言語用プラグイン 3選
![vscode プラグイン 拡張機能 おすすめ](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/software.jpg?resize=1024%2C716&ssl=1)
1. Auto Rename Tag
![vscode プラグイン auto rename tag](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-11.30.44.png?resize=626%2C114&ssl=1)
![Usage vscode auto rename tag 拡張機能](https://i0.wp.com/github.com/formulahendry/vscode-auto-rename-tag/raw/master/images/usage.gif?resize=626%2C407&ssl=1)
・Auto Rename Tagは、html、xml、 php、javascriptなどのタグを変更しやすくします。
・開始タグと終了タグの修正が連動するようになり、変更が容易になります。
→Auto Rename Tagを入れることで、作業時間が短縮されます。
2. Highlight Matching Tag
![Highlight matching tag vs code extensions 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-11.40.57.png?resize=630%2C119&ssl=1)
![plugin highlight matching tag vs code タグ](https://i0.wp.com/images2.imgbox.com/71/2a/zIA1XCzK_o.gif?resize=628%2C363&ssl=1)
・Highlight Matching Tagは、タグを視覚的に見やすくします。
・タグを選択すると、開始と終了タグにアンダーラインが引かれます。
→Highlight Matching Tagを入れることで、ミスが減り、作業効率も上がります。
3. Prettier – Code formatter
![prettier code formatter vs code python](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-11.46.46.png?resize=635%2C119&ssl=1)
・Prettierは、ソースコードを自動で綺麗に整形してくれます。
・設定で、保存時に毎回自動でソースコードを整えるようにようにしておきましょう
→Prettierを入れることで、自分で整形する時間が減ります。さらにコードの品質も上がります。
重要プラグイン 5選
1. Python
![python for vs code 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-12.04.52.png?resize=639%2C119&ssl=1)
・これが無ければ始まりません。
→この拡張機能を入れて、VSCodeでPythonを使えるようにしておきましょう。
2. Code Runner
![code runner vs code おすすめ デバッグ](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-12.11.32.png?resize=645%2C117&ssl=1)
![vs code デバッグ おすすめ](https://i0.wp.com/github.com/formulahendry/vscode-code-runner/raw/master/images/usage.gif?resize=638%2C418&ssl=1)
・Code Runnerを入れると、VisualStudioCode上で、いつでも簡単にコードを走らせるようになります。
・デバッグに非常に便利で、毎回別ウィンドウでコンソール(ターミナル)を開く必要が無くなります。
→Code Runnerを入れることで、簡単なテストや実行確認を行うことができるようになります。
3. Python Test Explorer for Visual Studio Code
![python test for vs code 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-12.42.03.png?resize=641%2C122&ssl=1)
![vscode python test plugin](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/screenshot.png?resize=642%2C286&ssl=1)
・Python Test Explorerを入れると、pythonテストコードを使ったテストをサポートしてくれます。
・テストコードとは単体テスト(ユニットテスト)専用の、関数やクラスの引数を自在に設定できるコードです。
→Python Test Explorerを入れることで、効率的にテストを実施できるようになります。
4. Python Preview
![python preview vs code extensions](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-12.49.44.png?resize=640%2C117&ssl=1)
![python 拡張機能 vs code python preview](https://i0.wp.com/raw.githubusercontent.com/dongli0x00/python-preview/master/images/previewDemo.gif?resize=827%2C452&ssl=1)
![python preview vs code plugin 拡張 おすすめ](https://i0.wp.com/raw.githubusercontent.com/dongli0x00/python-preview/master/images/settingDemo.gif?resize=829%2C453&ssl=1)
・Python Previewを入れると、変数や配列の中身などを、視覚的に簡単に確認できるようになります。
・別ウィンドウでかなり詳細に確認できるので、バグの原因も簡単に突き止められるようになります。
→Python Previewを入れることで、デバッグの精度が非常に上がります。
5. Todo Tree
![todo tree python プラグイン 拡張](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-13.02.26.png?resize=652%2C122&ssl=1)
![python vs code todo リスト](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/screenshot-1-1.png?resize=651%2C286&ssl=1)
・Todo Treeを入れると、エクスプローラーに”TODOS”が追加されます。
・”TODOS”には全てのTODOコメントが抽出されています。
→Todo Treeを入れることで、作業のやり残しを完全に防ぐことができます。
言語系プラグイン 1選
1. Japanese Language Pack for Visual Studio Code
![python vs code 日本語化](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-13.12.28.png?resize=628%2C116&ssl=1)
・Japanese Language Packを入れると、英語表記だったVSCodeが日本語化します。
・日本語の方がやりやすい方におすすめです。
以上、VSCodeをPython超特化型にする、最高の拡張機能20選まとめでした。
準備が整ったら、次は実際に開発を進めていきましょう。
おすすめ書籍
ゆるプロ日記がおすすめする、Pythonを学習するのにおすすめの書籍です!
VScode関連記事
VSCode公式
![ゆるプロ日記](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/01/12245_paint.png?resize=100%2C100&ssl=1)
大阪のエンジニアが書いているブログ。
コメント
[…] VSCode を Python 超特化型にする最高の拡張機能 20選まとめ | ゆるプロ日記 […]