ヨクト株式会社 | VSCodeを使ったRuby環境構築:初心者向け完全ガイド has loaded

はじめに

RubyとそのフレームワークであるRuby on Railsは、Webアプリケーション開発において人気の高いプログラミング言語です。本記事では、Visual Studio Code(VSCode)を使ったRuby環境の構築方法について、初心者にもわかりやすく解説します。Dockerを活用した効率的なセットアップ方法も紹介するので、ぜひ参考にしてください。

必要な準備

環境構築を始める前に、以下のツールやソフトウェアを準備します:

  • Rubyのインストール

    ・RubyInstallerを使ったインストール(Windows向け)

    ・Homebrewを使ったインストール(Mac向け)

  • VSCode(Visual Studio Code)

    ・VSCode公式サイト

  • Docker(必要に応じて)

    ・Docker公式サイト

  • Git

    ・Git公式サイト

下記は実際の具体的な手順となります。

手順1: Rubyのインストール

Windowsの場合

  1. RubyInstallerを使ってRubyをインストールします。

    ・DEVKIT付きのバージョンを選択してください。

  2. コマンドプロンプトで以下のコマンドを入力し、インストールを確認します:

    $ ruby -v

    $ gem -v

Macの場合

  1. ターミナルを開き、Homebrewを使ってインストールします:

    $ brew install ruby

  2. インストール後、以下のコマンドでバージョンを確認します:

    $ ruby -v

手順2: VSCodeの導入と設定

VSCodeのインストール

  1. Visual Studio Codeの公式サイトからVSCodeをダウンロードしてインストールします。

  2. 初回起動後、日本語化を行う場合は、以下の拡張機能を追加します:

    ・Japanese Language Pack for Visual Studio Code

Ruby関連の拡張機能を追加(最低限な)

以下の拡張機能をインストールして、Rubyの開発を効率化します:

  1. Ruby

    ・Ruby拡張機能

  2. Ruby Solargraph

    ・Ruby Solargraph拡張機能

  3. Rubocop

    ・Rubocop拡張機能

  4. Docker(Dockerを使用する場合)

    ・Docker拡張機能

Macユーザー向け:mise

最近注目されている「mise」は、開発環境を効率化するツールとしてMacユーザーにおすすめです。Miseは、複数のプログラミング言語やランタイムのバージョンを簡単に管理でき、asdf互換のプラグインも利用可能です。

詳しくは mise 公式情報をご覧ください。

(Windowsでも現在のところ非常に限定的で使用できます)

Windowsユーザー向け:WSLとWindows Terminal

Windowsでは、Windows Subsystem for Linux(WSL)を利用することで、Linuxベースの開発環境を構築できます。また、Windows Terminalは、複数のターミナルセッションを一元管理できるため、Ruby開発にも適しています。

WSL を使用することでWindows環境ではなく、Linuxベースで開発できるので便利です。

手順3: Rubyプロジェクトの作成

新規プロジェクトを作成

  1. ターミナルまたはコマンドプロンプトで以下を入力:

    $ mkdir myrubyproject

    $ cd myrubyproject

  2. Rubyファイルを作成:

    $ touch hello.rb

    $ code .

  3.  hello.rbに以下のコードを入力し、保存:

    puts "Hello, World!"

  4. ターミナルで実行:

    $ ruby hello.rb

手順4: Ruby on Rails環境の構築

  1. 必要なgemをインストール:

    $ gem install rails bundler

  2. Railsプロジェクトを作成:

    $ rails new my_app

    $ cd my_app

  3. サーバーを起動:

    $ rails server

ブラウザでhttp://localhost:3000 (http://localhost:3000) を開き、Railsの初期画面を確認します。

手順5: Dockerを活用した環境構築(オプション)

Dockerを使用すると、複数の開発環境を簡単に管理できます。

Docker Composeファイルを作成

  1. プロジェクトフォルダにdocker-compose.ymlを作成。

    version: '3.8'

    services:

      app:

        image: ruby:latest

        volumes:

          - .:/app

        working_dir: /app

        command: bash

        ports:

          - "3000:3000"

  2. コンテナを起動:

    $ docker-compose up -d

  3. ターミナルでコンテナに入る:

    $ docker exec -it <container_name> bash

トラブルシューティング

  1. gemのインストールエラー:bundle installを実行して問題を解決。

  2. Rubocopのエラー:.rubocop.ymlを設定してlintルールをカスタマイズ。

  3. ターミナルでエラーが出る:Rubyのバージョンや環境変数を確認。

Cursorのおすすめ

ヨクト株式会社では、効率的なコーディング体験を提供するツールとしてCursorを推奨しています。CursorはAIアシスタントを搭載しており、コードの補完やエラー修正をサポートします。特にRubyやRailsのプロジェクトで活用することで、開発スピードが大幅に向上します。

詳細はCursor公式サイトをご覧ください。

まとめ

VSCodeを使ったRuby環境の構築は、初心者でも簡単に始められます。Dockerを活用することで、より柔軟で管理しやすい環境を作ることも可能です。さらに、MacユーザーはMise、WindowsユーザーはWSLやWindows Terminalを活用すると、より快適に開発が行えます。

最後に、Cursorのようなツールを活用して、効率的な開発を実現してください。

ぜひ、この記事を参考にRubyプログラミングを始めてみてください!

この記事を書いた人

CEO

河野 敬文

1999年よりエンジニアとして社会人生活をスタート。 14年ほどプログラミングを生業として生活する中、腰痛を患う。その時にヨガに出会い、それ以降ヨガを取り入れた生活を送る。 現在はヨクト株式会社を創業し、エンジニアとして国公立大学のWeb開発や一般企業等のアプリ開発に携わっており、世界初のIoTマットの開発に勤しんでいる。

yoctoMat

とは?

実際に置かれている手や足の位置や体重の掛け方がわかる重心センサー入りのIoTヨガマットです。 実証実験を行い、重心・姿勢が可視化されることでデータを使った質の高いコミュニケーションを実現。満足度が向上したとの結果を得られました。

yoctoMatの上でヨガをすることで自分自身の身体的な幸福、フィジカルをウェルビーイングへ導きます。新しい気づきの連続があなたを待っています。

お問い合わせはこちら