Mac(El Captain) に Sublime Text3 で Ruby on Rails の開発環境を構築する

今年の11月にアクトインディに入社した namikata です。今年で 31 歳になります。今まで、エンジニアとして仕事はしたことはないのですが（プログラミングはプライベートで独学）、未経験でも頑張ることを約束して、アクトインディで働くことになりました。

アクトインディの運営する子どもとお出かけ情報サイトいこーよは Ruby on Rails をフレームワークで採用しています。当然、未経験ですから Ruby の開発環境なんて整えたことはありません。 Vim も一般的なコマンドを知っている程度で、ショートカットなんてほぼ分からない。。。残された選択肢は勢いでライセンスを買った Sublime Text3 しかないということで Advent Calender 3日目は Sublime Text3 で Ruby on Rails を開発する環境の構築を事例を交えて紹介したいと思います。

この記事では、主に Sublime Text3 のプラグインをメインに紹介します。紹介する環境を構築すると、以下のことが Sublime Text3 で出来るようになります。

内容	プラグイン
tabによる Ruby の入力補完	SublimeCodeIntel
メソッドジャンプ	Ctags
Ruby の文法チェック	SublimeLinter
実装ファイルと spec ファイルをショートカットで呼び出し	RubyTest
Sublime Text3 で spec テストの実行	RubyTest

入力補完、メソッドジャンプ、実装とテストファイルの切り替えは、どの Rails プロジェクトでもベースとなる機能だと思うので、この 3点を整えてから、各プロジェクトの環境に沿って、他のプラグインの導入を検討していくといいんじゃないでしょうか。

プラグインを導入した Rails プロジェクトの開発方法

プロジェクトフォルダに terminal で移動
subl . でプロジェクトを開く
Command + p で改修を行うファイルを開く
Command + . で spec ファイルを開く
Command + Option + 2 で横2画面に分割（実装ファイルとテストファイル用）
Control + 1 で画面1に移動
Control + shift + 2 でテストファイルを画面2に移動
Control + 1 or 2 で画面を移動しながら、ごにょごにょ開発したら spec ファイルで Command + Shift + T や Command + Shift + R でテストを確認する

自分は今はこのような使い方をしています。画面分割はどのように分割すると便利なのか模索中。

環境

環境
Mac OS 10.11 El Captain
ruby 2.1.0

事前準備

以下 Sublime Text 3 での Ruby on Rails の開発環境を整えるための事前準備になります。

Sublime Text 3 のインストールと Package Control のインストール
Homebrew をインストール http://brew.sh/ からインストール手順を確認
homebrewの確認 brew doctor, brew update
terminal から subl で sublime text を起動できるように設定

MAC の環境構築でつまづいた点は、以下のブログでもちょくちょく記事にしたりしているので、参考にどうぞ http://takanamishi.hatenablog.jp/

Sublime Text 3 での Ruby on Rails の開発環境構築

tabによる Ruby の入力補完( SublimeCodeIntel )

途中まで文字を入力すると、メソッドの候補などを表示してくれるプラグインです。

インストールと設定

Command + Shift + p で SublimeCodeIntel と入力してインストール

動作確認

新規ファイルを開き、 Command + Shift + p で拡張子に ruby を選択
"a".sp と入力し split などのメソッドが補完されることを確認

注意点

SublimeCodeIntel は高機能なので、メソッドジャンプ機能もあります。けど、ファイル数が多いプロジェクトだと、メソッドジャンプは重すぎて使えないので Ctags を併用します。

Github リンク

Kronuz/SublimeCodeIntel

メソッドジャンプ( Ctags )

メソッドの定義元にジャンプしてくれるプラグインです。

インストールと設定

brew install ctags で Mac に Ctags をインストール
Command + Shift + p で ctags と入力してインストール
メソッドジャンプを利用したいプロジェクトに移動して ctags -R -f .tags コマンドにて .tags ファイルを作成する
( git でプロジェクトを管理している場合) ctags -R -f .tags コマンドを実行すると .tags ファイルが作成されます。 .tags ファイルが git の対象ファイルに含まれてしまうので .gitignore に追加するか .gitignore を汚したくなければ .git/info/exclude に書いて、ファイルを git の管理対象外に設定します。

動作確認

メソッドにカーソルがいる状態で Control + t -> Control + t と連続して入力
Control + t -> Control + b で元の場所に戻ってこれることを確認

Github リンク

SublimeText/CTags

Ruby の文法チェック( SublimeLinter )

コードの文法をチェックしてくれるプラグインです。使用していない変数は黄色。文法上誤りがあれば赤。といった形で文法をチェックしてくれます。

インストールと設定

Command + Shift + p で SublimeLinter と入力してインストール
Command + Shift + p で SublimeLinter-ruby と入力してインストール

動作確認

新規ファイルを開き、 Command + Shift + p で拡張子に ruby を選択
arr = ['aaa', 'bbb'] と記述し、行の左側に黄色い丸が表示されることを確認
arr = ['aaa', 'bbb' とし、行の左側に赤い丸が表示されることを確認

Github リンク

SublimeLinter/SublimeLinter3

Sublime Text3 で spec テストの実行( RubyTest )

Sublime Text3 で spec テストの実行を行うことができます。 terminal を行き来しなくなるので、とても楽になります。

インストールと設定

Command + Shift + p で RubyTest と入力してインストール

動作確認

Railsチュートリアルのサンプルを手元にダウンロード railstutorial/sample_app_rails_4 ※ ruby2.0.0 のバージョン前提のプロジェクトなので rbenv とかで上手く ruby のバージョンを切り替えてください。
環境を整えたらプロジェクトのフォルダに移動し terminal で subl . でプロジェクトを開く
Command + p で user.rb ファイルを開く
Command + . で user_spec.rb が開くことを確認
Command + Shift + T テストが実行されることを確認