Ruby on Rails を開発する環境を Ubuntu上に構築するためのガイダンスです。
特にEclipseにおけるシングルステップ デバッギング環境の構築を目標としたガイダンスです。
今回は前回の記事の続編で、Eclipseのインストール、そして、ブレークポイントを設定してのシングルステップ可能なデバッグ環境の構築編です。
では、Eclipseをインストールします。EclipseにはJDKが必要なので、JDKとEclipseをダウンロード。
JDKはOracleのサイトから、適切なJDKをダウンロードしてください。
EclipseはEclipseのサイトから、適切なものをダウンロードしてください。Eclipse Standardがお勧めです。
以下はお好みの場所で構いませんが、JDKとEclipseをインストールします。
今回は /usr/java フォルダにインストールすると仮定します。
[bash]
$ sudo mkdir /usr/java
$ sudo mv ~/Downloads/eclipse-standard-kepler-SR1-linux-gtk.tar.gz /usr/java
$ sudo mv ~/Downloads/jdk-7u51-linux-i586.tar.gz /usr/java/
$ cd /usr/java
$ sudo tar xvzf jdk-7u51-linux-i586.tar.gz
$ sudo tar xvzf eclipse-standard-kepler-SR1-linux-gtk.tar.gz
[/bash]
これでインストールは完了ですが、このままでは環境変数が存在しないため、Javaが利用出来ません。
~/.bashrcを編集し、以下を追記します。
[bash]
$nano ~/.bashrc
#以下を追記
JAVA_HOME=/usr/java/jdk1.7.0_45
PATH=$PATH:$JAVA_HOME/bin
CLASSPATH=$JAVA_HOME/jre/lib/rt.jar
export JAVA_HOME PATH CLASSPATH
[/bash]
追記が終わったら、上記の追記内容を反映します。（次回ログイン時からは自動的に読み込まれますので、この操作をする必要はありません。）
その後、環境変数 JAVA_HOMEを確認してみます。
[bash]
$ source ~/.bashrc
$ echo $JAVA_HOME
/usr/java/jdk1.7.0_45
[/bash]
ついでにEclipseの日本語化もしておきましょう。
[bash]
$ wget http://sourceforge.jp/projects/mergedoc/svn/view/trunk/Pleiades/build/pleiades.zip?view=co&root=mergedoc
$ sudo mkdir /usr/java/tmp
$ sudo mv pleiades.zip /usr/java/tmp
$ cd /usr/java/tmp
$ sudo unzip pleiades.zip
$ sudo cp pleiades/features/* /usr/java/eclipse/features/ -R
$ sudo cp pleiades/plugins/* /usr/java/eclipse/plugins/ -R
[/bash]
eclipse.iniの編集
[bash]
$ sudo nano /usr/java/eclipse/eclipse.ini
最後に以下を追記
-javaagent:/usr/java/eclipse/plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
[/bash]
では、eclipseを起動してみましょう。
めでたく、日本語化されたEclipseが起動していたらOKです。
[bash]
/usr/java/eclipse/eclipse &
[/bash]
ただし、ここで問題があり！ Ubuntu１３系では何故かEclipseのメニューが表示されないという不具合がある。
回避するために以下のファイル(eclipse-run)を追加。そして、起動はeclipse直接ではなく、作成したスクリプトキックすることにする。
[bash]
$ sudo nano /usr/java/eclipse/eclipse-run
内容は以下
#!/bin/bash
export UBUNTU_MENUPROXY=0
$(dirname $0)/eclipse
編集がおわったら
$ sudo chmod 755 /usr/java/eclipse/eclipse-run
[/bash]
では、Eclipseを起動してみます。
[bash]
$ /usr/java/eclipse/eclipse-run &
[/bash]
めでたく起動し、メニューも表示されるようになっていればOKです。
メニューより、ヘルプ＞＞新規ソフトウェアのインストールを選択
http://download.aptana.com/studio3/plugin/install
追加ボタンをクリックし、名前にAptana、ロケーションに上記のURLを入力します。
リストに Aptana Studio 3 が表示されますので、チェックを入れ、インストールを行います。
では、テスト的にRailsプロジェクトを作ってみます。
メニューより ファイル＞＞新規＞＞ Railsプロジェクトを選択
プロジェクト名は「testproj」、プロジェクトのフルパスは ~/workspace/testproj と仮定します。
では、Railsアプリを起動してみます。
[bash]
$ cd ~/workspace/testproj
$ rails s
エラーメッセージ
Could not find a JavaScript runtime. See https://github.com/sstephenson/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)
[/bash]
上記でエラーが出力される場合があります。たいていは何かが足りないからインストールしてくれ的なメッセージだと思いますので、適宜、必要なものをインストールしてやってください。
JavaScript Runtimeがないとのエラーであれば、nodejsをインストールすることで解決します。
[bash]
$ sudo apt-get install nodejs
[/bash]
今後 mysqlを利用することがあるのなら
[bash]
$ sudo apt-get install libmysqlclient-dev
[/bash]
では、いよいよRailsアプリの動作確認です。
再度、railsサーバーを起動します。
[bash]
$ rails s
=> Booting WEBrick
=> Rails 4.0.0 application starting in development on http://0.0.0.0:3000
=> Run `rails server -h` for more startup options
=> Ctrl-C to shutdown server
[2014-01-16 16:59:59] INFO WEBrick 1.3.1
[2014-01-16 16:59:59] INFO ruby 2.0.0 (2013-11-22) [i686-linux]
[2014-01-16 16:59:59] INFO WEBrick::HTTPServer#start: pid=19531 port=3000
[/bash]
ブラウザーで、 http://localhost:3000 へアクセスします。
めでたくRailsのトップページが表示されていたら、Railsの開発環境が整ったことになります。
Ctrlキー ＋ Cキー で、一旦Railsサーバーを停止します。
さて、ここからがいよいよ本番です。
Eclipseのメニューより、ウィンドウ＞＞ビューの表示＞＞その他 をクリックします。
表示されたダイアログの中から、 Studio＞＞サーバー を選択します。
Eclipseの画面の下部に以下のようなサーバービューが表示されていると思います。
鉛筆マークをクリックし、設定を編集します。
ここがポイントです！！
デフォルトでは、Host/IPが 「0.0.0.0」となっているのですが、ここを「127.0.0.1」とします。
デバッグマークをクリックし、Railsサーバーを起動します。
エラーダイアログが表示され、以下のようなメッセージが表示されると思います。
Ruby program /home/xxx/workspace/testproj/script/rails does not exist.
詳しい原因は分かっていないのですが、Rails3とRails４でフォルダ構造が変わったために起きているエラーのような気がします。
[bash]
$ cd ~/workspace/testproj
$ cp bin/ script -R
[/bash]
ついでですので、Eclipseのデバッグ時に必要なGemをインストールしておきます。
[bash]
$ gem install ruby-debug-ide
[/bash]
[bash]
$ rails generate scaffold Sample name:string email:string
$ rake db:migrate
[/bash]
Eclipseのサーバービューから デバッグボタンをクリックし、Railsサーバーを起動します。
ブラウザーで localhost:3000/samples を表示
以下のように表示されればOK!
では、Eclipseに戻って、プロジェクトエクスプローラーより
app>>controllers>>samples_controller.rb を開きます。
[ruby]
def index
@samples = Sample.all
end
[/ruby]
上記の @samples = Sample.all
の行にブレークポイントを設定します。
先ほどのページをブラウザーで再度開きます。（もしくはリロードします。）
Eclipseのブレークポイントがハイライトされ、デバッグ待ち状態になれば、めでたくデバッグ環境構築成功です！
お疲れ様でした。
本格的にUbuntu 18.04に乗り換えて、1ヶ月ほど経つが、Ryzen CPUのマシンだけ、多いときに一日数回ハングアップしてしまう現象に襲われていた。どうもこれ、Ryzen CPUの C6 State というのが絡んでいるバグらしい。 CPUのせいなのか、Linux Kernelが悪いのかわからないが、とりあえず対応策を見つけたので施してみた。 これでしばらく様子を見てみる。 ■追記 この設定をしてから一週間ほど経つが、これまで一日数回ハングアップしていたマシンが 一週間で一度もハングアップしなくなりました！ amd-disable-c6 万歳！！ msrモジュールをOS起動時にロードす…
フロントReactJS、バックエンドRailsという構成でサービス立ち上げに関わってた。 思うんだけど、Macを開発に使うのはわかるんだけど、なぜWindows使う人がいるんだろ？ どうせリリースするのLinuxベースのOSなんだし、フロントはiPhoneのSafariか AndroidのChrome、まぁあとはWindowsのChrome,Firefox,IE,Edge Macはほとんど使わないんでわからないんだけど、Windowsはほんともっさり動作だよね。 これだけマシンのスペックがどんどん上がっているにもかかわらず、嫌がらせのように 動きがトロい。 コンソールでコマンドライン叩くのがほ…
はじめに dockerを使って、Rails（サーバーサイド）の環境を１つ、React(node)（クライアントサイド）の環境を１つ作る。 両環境ではChromeとAtomが動かせて、開発できるようになるところまでが目標です。 docker 自体触るのが初めてだったので、基本的なことから記載しておきます。 加えて初心者なので、間違えがあったらごめんなさい。 docker自体のインストールはあちこちに記載されているので、そちらを参照ください。 docker イメージのダウンロード まず、ubuntuのイメージを検索します。 スター(STARS)が多い、イメージをダウンロード（PULL)すればOKで…
はじめに Reactでファイルアップロードを実装してみたくて、どのような方法があるのか調べてみた。 あまり深く調べてはないが、１つめに良さそうだと感じた react-dropzone を使ってみたら、 これがかなりいい！！ あまりに気に入ってしまったので、react-dropzoneでアップロード対象のファイルを選んで、 axiosでPOSTして、サーバーサイドのRailsでファイルを保存するところまでをざっと紹介します。 Reactのことは分かっている前提ですすめますので、あしからず。 出来上がりのイメージはこんな感じ 画面左上に ファイルをドロップする場所があり、その右側にドロップされたフ…
はじめに ReactでSPAを作ることになって、ログイン認証にメール＆パスワードの認証に加えて、 GoogleやTwitter認証も加えたくなった時、どうすればよいかわからなかった。 バックエンドはRailsだが、あくまでAPIサーバー的な立場なので メジャーなomniauth なんかは使えそうにない。。。 前回のGoogle編に続き、今回はTwitter編。 あれこれ悩みながらなんとか動くところまでたどり着いたので、やり方を公開。 React+Reduxの環境なんですが、そこまで立ち入ると話がややこしくなるので、 実装のエキス部分だけを記載してみます。 Twitter Developerにア…
はじめに ReactでSPAを作ることになって、ログイン認証にメール＆パスワードの認証に加えて、 GoogleやTwitter認証も加えたくなった時、どうすればよいかわからなかった。 バックエンドはRailsだが、あくまでAPIサーバー的な立場なので メジャーなomniauth なんかは使えそうにない。。。 あれこれ悩みながらなんとか動くところまでたどり着いたので、やり方を公開。 React+Reduxの環境なんですが、そこまで立ち入ると話がややこしくなるので、 実装のエキス部分だけを記載してみます。 Google Developer Consoleにアプリ登録 Google Develope…
はじめに React+Redux+RailsでSPAアプリを作ることになったので、あれこれ調べたのでメモです。 SPAというと、当然ですが、１つのページであれこれできちゃうものを作らなきゃいけないわけで・・・ そうなるとコンテンツ制御の仕組みが必要です。そこで登場するのがReact-Router-Dom。 で、これ単体では使い方簡単なんですが、RailsとReduxを絡めて動作させる方法が分からなかったので あれこれ調べて、なんとか動くところまでたどり着いたので、メモを公開します。 React-Routerは古いようで、React-Router-Domにしてみました。。 ドキュメントが超少なく…
はじめに 前回、React NativeをAndroid Studioと組み合わせてインストールし、HelloWorldを出せるところまで たどり着きました。 今回は一足飛びで、React NativeとReduxをフロントエンドに使い、バックエンドにRailsを用いた 掲示板アプリを作ってみましょう。 前提として、Railsはそれなりにわかっている。Reactもよく分かっている。Reduxも知っている。 ぐらいのレベルを前提にしています。 出来上がったアプリは、デザイン的にどんくさいですが、これは私がまだReactNativeの スタイルの方法を学んでいないためです。まぁそれはおいおいブラッ…
7 Comments
My brother suggested I would possibly like this blog. He was totally right. This put up truly made my day. You cann’t imagine simply how a lot time I had spent for this information! Thanks!
[url=http://www.monclersalling.com/]モンクレール メンズ通販[/url]
モンクレール メンズ通販
Heya i am for the primary time here. I came across this board and I in finding It truly useful & it helped me out a lot. I’m hoping to provide something again and help others like you helped me.
UGG ブーツ アウトレット 店舗
I believe that is among the such a lot vital info for me. And i am satisfied reading your article. However should remark on few common issues, The website style is ideal, the articles is in reality great : D. Good task, cheers
-->
Woah this blog is magnificent i like reading your articles. Stay up the good work! You already know, many persons are searching around for this information, you could help them greatly.
You actually make it seem really easy along with your presentation however I to find this topic to be actually one thing which I believe I’d by no means understand. It sort of feels too complex and very broad for me. I’m taking a look ahead in your subsequent submit, I’ll attempt to get the dangle of it!
Amazing things here. I’m very happy to peer your article. Thank you so much and I’m looking forward to touch you. Will you kindly drop me a mail?
Thank you, nice post! This was the thing I needed.