AWS Cloud9でbetter_errorsを使えるようにする

「このままコーダーで、3年後も食べていけるだろうか？」
AIが進化するほど、手を動かすだけの作業者の単価は下がり続けます。これからのWeb制作で生き残るのは、AIに指示を出す「司令塔」側に回った人だけです。

14日間で「作業者」から「AI Webディレクター」へ転身する集中プラン『10倍速 AIワークフロー マスタープラン』を公開中です。プロの個別メンタリング＆8日間の全額返金保証付き。

（先着限定、5月10日まで）

» 「司令塔」側に回る14日間プランを見る

Railsのデバッグはとても便利なものが用意されていて、たいへん助かりますよね。例えばdebuggerとかpryなんかはコンソールから確かめることができて便利です。

今回は、ブラウザからのデバッグで便利なGemである「better_errors」をご紹介します。ようするにViewのデバッグができるのです。

https://github.com/BetterErrors/better_errors

こんな画面でエラーが見れるようになります。エラーが出た時に何がダメだったのかをすぐに確かめられます。例えば変数などを見ることやパラメータを見ることなどができます。

このbetter_errorsなのですが、Cloud9では使うことができません。今回はそれを使えるようにします。

Cloud9にbetter_errorsをインストール

まずbetter_errors自体と、ターミナルのようなものが使えるようになる。binding_of_callerをインストールできるように記述します。

group :development do
  # 以下の２つを記述
  gem 'better_errors'
  gem 'binding_of_caller'
end

ターミナルで以下を実行

bundle install

Cloud9の設定

Cloud9で使えるようにするためには以下の設定をします。どこでも良いのですが、endの上あたりに入れておきましょう。

config/environments/development.rb

Rails.application.configure do

  BetterErrors::Middleware.allow_ip! "0.0.0.0/0"
end

better_errorsの使い方

トレース画面

画面左側でコードをたどることができます。下にいくほど前に実行されているコードになります。で、一番上がエラーが起こっているコードということですね。

デバッグ画面

画面右側がデバッグ画面です。変数などを入力して確かめることができます。

吉田 光利

Skillhub代表 & Edbase代表

教育者&起業家です。今は教育テック系のSkillhubとEdbase（エドベース）という会社をやっています。強みはビジネス構築からデザイン、プログラミング、サーバー構築までひと通できることです。著書に「起業のWeb技術」日本実業出版社があります。