この記事の最終更新日: 2022年12月30日
![ruby vscode ゆるプロ日記 プラグイン 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2022/04/ruby_yurupro.png?resize=1024%2C576&ssl=1)
今回は、Web開発において、日本で大人気のRuby。その
開発を行う上で絶対に必要なプラグインと、
作業効率が格段に上がるプラグイン10選を紹介します。
これらのプラグインは絶対に試す価値があります。
まだ使ったことがないプラグインがあればぜひご自身のVSCodeにインストールして、カスタマイズしてみてください。
1. Ruby
![ユルプロ日記 Ruby](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2022/04/スクリーンショット-2022-04-10-1.03.54-1.png?resize=1024%2C200&ssl=1)
・拡張機能「Ruby」を入れるだけで、汎用的で優れたRubyのサポート機能を使うことができます。
・これを入れなければ、Rubyコーディングは始まりません!
2. Ruby Solargraph
![ゆるプロ日記 Ruby Solargraph](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2022/04/スクリーンショット-2022-04-10-1.07.10.png?resize=1024%2C211&ssl=1)
![ゆるプロ ruby vscode plugin 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2022/04/ruby_solargraph.gif?resize=832%2C499&ssl=1)
・拡張機能「Ruby Solargraph」を入れるだけで、汎用的で優れたRubyのサポート機能を使うことができます。
・コードスニペット(予測変換機能 )と、メソッドの説明機能を活用して、効率よくコーディングしていきましょう。
3. endwise
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2022/04/スクリーンショット-2022-04-10-1.12.31.png?resize=1024%2C215&ssl=1)
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2022/04/rubyEndwise.gif?resize=839%2C461&ssl=1)
・拡張機能「endwise」を入れると、正確なインデントでendタグが自動で入力されるようになります。
・自動入力機能を活用して、コーディング速度向上と初歩的なミスを減少させることができます。
4. indent-rainbow
![indent-rainbow vscode 拡張 ruby](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.29.57.png?resize=735%2C138&ssl=1)
![intdent-rainbow vscode 拡張 ruby](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=739%2C651&ssl=1)
・indent-rainbowを入れることで、インデントが階層別に色分けされます。
・Rubyは余計なスペース(空白)で少しでもずれてしまうと、エラーの原因になります。
→indent-rainbowを入れることでインデントが視覚的に見やすくなり、ミスを防ぐことができます。
5. ZenKaku
![ZenKaku プラグイン VSCode Ruby](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.38.21.png?resize=774%2C147&ssl=1)
![ZenKaku VSCode ゆるプロ日記 ruby](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.43.08.png?resize=773%2C200&ssl=1)
・Zenkakuを入れることで、全角スペースがグレーで表示されるようになります。
・インデントのズレがあると、コードが見づらくなってしまいます。
→Zenkakuを入れることで、コードの保守性が向上します。
6. Better Comments
![better comments golang vscode ゆるプロ](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-0.52.25.png?resize=734%2C138&ssl=1)
![ゆるプロ Go言語 VSCode 拡張機能 おすすめ](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/0_wWjopu7FVl_aikf3.png?resize=729%2C657&ssl=1)
・Better Commetsを入れることで、コメントを重要度と種類によって色分けすることができます。
・コメント直後の半角記号か文字列によって色の指定ができます。
! : 赤色 ? : 青色 * : 黄緑 TODO: : オレンジ
→Better Commentsを入れることで、コメントの管理と識別がしやすくなります。
7. Trailing Spaces
![ruby trailing spaces vscode](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.48.03.png?resize=808%2C148&ssl=1)
![ruby vscode plugin extensions](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.45.43.png?resize=811%2C334&ssl=1)
・Trailing Spacesを入れることで、コード末尾の余計なスペースが赤字で表示され、ソースを綺麗に保つことができます。
8. GitHub Theme
![vscode ruby gitbuh theme オススメ 拡張機能](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/スクリーンショット-2020-10-24-1.08.20.png?resize=855%2C159&ssl=1)
![おすすめ拡張機能 github theme for vs code ruby ゆるプロ日記](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=832%2C518&ssl=1)
・GitHubThemeを入れることで、VSCode全体のテーマを変更することができます。
・GitHubの公式テーマで、定評のある配色のテーマになります。
9. Tabnine AI Autocomplete
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2022/01/スクリーンショット-2022-01-30-22.38.36.png?resize=1024%2C179&ssl=1)
![With and without Tabnine Java](https://i0.wp.com/github.com/codota/TabNine/raw/master/with-and-without-tabnine-java.gif?w=1240&ssl=1)
・Tabnine AI AutocompleteはAIを活用して、非常に精度の高い予測変換をしてくれます。
・Rubyにも対応しているのでぜひ活用してみてください。
10. ruby-rubocop
![](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2022/04/スクリーンショット-2022-04-10-1.31.46.png?resize=873%2C152&ssl=1)
・ruby-rubocopはRubyのコードフォーマッターです。
・ruby-rubocopを入れることで、Rubyのコードが確実に実行されるようにサポートしてくれるます。
以上、VSCodeを Ruby超特化型にする、最高の拡張機能10選まとめでした。
関連記事
![ゆるプロ日記](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/01/12245_paint.png?resize=100%2C100&ssl=1)
大阪のエンジニアが書いているブログ。
コメント