LoginSignup
1
2

More than 5 years have passed since last update.

rails - react 開発環境構築

Last updated at Posted at 2016-11-15

前提

os : windows10
eclipseで開発ができる状態になるまでをやる

rubyやdevkitなどもろもろinstall

ruby 2.1.9をdownloadしpathを通す
※Program Filesなどスペースのあるディレクトリにおいてはいけない!

画面下部にあるDevelopment Kitもdownloadしpathを通す
以下例
D:\Devkit\bin;D:\Devkit\mingw\bin;

developmentKitはインストールしたフォルダ直下に移動してコマンド
ruby dk.rb init

config.ymlが作られるのでrubyのパスを追記する
例) - C:\Program Files\Ruby21-x64

追記したら以下コマンド
ruby dk.rb install

RubyGemsを更新
gem update --system

Bundlerをインストール
gem install bundler
※SSLのエラーが発生した場合はこちらを参考に
http://swiftfe0.hatenablog.com/entry/2016/10/13/194701

Rails4.2をインストール
gem install rails --version="~> 4.2.3" --no-ri --no-rdoc

node.jsをインストール
https://nodejs.org/ja/download/

gitをインストール
https://git-for-windows.github.io/

tortoiseGitをインストール(laungagePackも)
https://tortoisegit.org/download/

Eclipse(Mars Release (4.5.0))がinstall済みだったので
AptanaStudioのプラグインをインストール
ヘルプ>新規ソフトウェアのインストールで以下を指定
http://download.aptana.com/studio3/plugin/install
※エラーになったがもっかいやったら成功した

プロジェクト作成~DB接続して画面描画

プロジェクト作成

rails new プロジェクト名

※エラー発生①

Gem::InstallError: The 'json' native gem requires installed build tools.

jsonをinstall
gem install json -v '1.8.3'

※エラー発生②

'make' は、内部コマンドまたは外部コマンド、

controller & view 作成

プロジェクトルートにあるGemfileを編集する

以下を追記
gem 'react-rails', '~> 1.0'

インストール
bundle install

react generatorを使う
rails g react:install

コンポーネント作成
rails g react:component コンポーネント名

jsxが作られる
app/assets/javascripts/components/xxxx_box.js.jsx

コントローラー作成
rails g controller コントローラー名

View作成
app/views/コントローラー名/index.html.erb

以下を記入
<%= react_component('reactコンポーネント名') %>

ルーティング設定
config/routes.rb
root 'xxxxx#index'

DB & モデル作成

メモ:カラムの型
string 255文字
text 無制限

rake db:create

モデル作成
rails generate model モデル名 フィールド名1:データ型1 ...
参考
http://maeharin.hatenablog.com/entry/20130212/rails_generate

テーブル作成
rake db:migrate

テストデータを作る場合
seeds.rbをテキストエディタで開き編集
coding: utf-8

テーブル名.create(:name => '宇宙に行った日', :sales_date => '2011-06-28')
テーブル名.create(:name => '観察日記', :sales_date => '2011-11-14')

作成
rake db:seed

DBの内容を見る
rails dbconsole

※エラー発生

Couldn't find database client: sqlite3, sqlite3.exe. Check your $PATH and try again.

SQLite3のx64版は提供されていないので、自分の環境でビルドしないといけないらしい。
ダウンロードサイトhttp://www.sqlite.org/download.htmlからsqlite-amalgamation-xxxxxxx.zipをダウンロードし、解凍する。

解凍したフォルダでコマンドプロンプトを開き
x86_64-w64-mingw32-gcc -O2 -shared -o sqlite3.dll -Wl,--out-implib=libsqlite3.dll.a sqlite3.c
実行する。
ソースコードのあるフォルダにsqlite3.dllが生成される。

x86_64-w64-mingw32-gcc -O2 -o sqlite3.exe shell.c libsqlite3.dll.a
実行する。
ソースコードのあるフォルダにsqlite3.exeが生成される。

Rubyをインストールしたフォルダ内のbin(例:C:\Ruby200-x64\bin)へsqlite3.dll,sqlite3.exeをコピーする。

アプリケーション起動

rails s

ActionView::Template::Error (TypeError: オブジェクトでサポートされていないプロパ
ティまたはメソッドです。):

http://qiita.com/scivola/items/ec7625118fcf6de5203a
こちらで対応

gemfile.lockにcoffeeの1.8.0を追加しbundle install
再起動したらなおった

プロジェクトインポート

作ったrailsプロジェクトをeclipseにimportする
インポート>新規プロジェクトとして既存のフォルダーを使用

SourceTreeをinstall
リポジトリ > リモートの追加 でgitのurlを登録する

SourceTreeで新規/クローンを作成するボタン押下
リポジトリを作成
保存先のパスをローカルのrailsプロジェクトWorkspaceに

一旦完了

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2