コマンド １文です。 rails g model Reservation user:references room:references start_date:datetime end_date:datetime price:bigint total:bigint コマンド マイグレーション rails db:migrate 記述追加 app\models\room.rb 「has_many :reservations」…

タスク４で行なった変更をGitにコミットします。 ソース管理を選択します。ソース管理 「＋」をクリックして全ての変更をステージします。全ての変更をステージ コミットネームを入力します。コミットネームを入力 チェックマークをクリックしてコミットしま…

動画プレイヤーにWistiaを導入します。 wistia.com Freeのアカウントを作成してログインします。 Try for free ログインしたら「create」ボタンを押してサンプルのビデオを登録して下さい。 サンプルビデオ登録 ビデオを登録したら「Embed＆Share」をクリッ…

Markdown関数を利用できるように実装していきます。 Markdown関数の詳しい使用方法は下記のページを参照して下さい。 guides.github.com 記述追加 GemFile(87行目) gem 'redcarpet', '~> 3.2.3' gem 'coderay', '~> 1.1.0' GemFile source 'https://rubygems…

「app\views\project\index.html.erb」ファイルを以下のように編集します。 app\views\project\index.html.erb <div class="box"> <article class="media"> <div class="column"> <div class="columns is-multiline"> <% if @projects.count > 0 %> <% @projects.each do |project| %> <%= link_to project do %> </div></div></article></div>

プロジェクトコントローラを作成します。 コマンド rails g controller Project index show app\controllers\project_controller.rb class ProjectController < ApplicationController def index @projects = Project.all end def show @project = Project.f…

タスク４で行なった変更をGitにコミットします。 ソース管理を選択します。ソース管理 「＋」をクリックして全ての変更をステージします。全ての変更をステージ コミットネームを入力します。 コミットネームを入力 チェックマークをクリックしてGitにコミッ…

「raty-js」をインストールします。 コマンド yarn add raty-js 「app\assets\stylesheets\application.scss」ファイルに以下の記述を追加します。 記述追加 app\assets\stylesheets\application.scss(27行目) @import 'raty-js/lib/jquery.raty'; app\asset…

申込みを受けたお仕事が完了したとき、決済ページに移動できるようにします。 コマンド rails g migration AddRequestToOrder request:references 「db\migrate\20200710001221_add_request_to_order.rb」ファイルを以下のように編集します。 記述更新 db\mi…

申込みの確認が出来るようにします。 「app\controllers\requests_controller.rb」ファイルに以下の記述を追加します。 １．記述追加 app\controllers\requests_controller.rb(3,4行目) 3行目の最後に「, :my_offers」の記述を追加します。 4行目の最後に「,…

お仕事を売る人がリクエストに申し込み出来るようにします。 オファーモデルを作成します。 コマンド 一文です。 rails g model Offer note:text amount:bigint days:bigint status:bigint request:references user:references --no-test-framework 「db\mig…

買い主が仕事をリクエストできるようにします。 リクエストモデルを作成します。 コマンド 一文です。 rails g model Request description:text title budget:bigint delivery:bigint user:references category:references --no-test-framework コマンド マ…

ルートの設定をします。 記述追加 config\routes.rb(14,15行目) get '/selling_orders', to: 'orders#selling_orders' get '/buying_orders', to: 'orders#buying_orders' 記述追加 config\routes.rb(19行目) put '/orders/:id/complete', to: 'orders#compl…

注文コントローラを作成していきます。 「app\controllers」フォルダに「orders_controller.rb」ファイルを新規作成してください。 app\controllers\orders_controller.rb(新規作成したファイル) class OrdersController < ApplicationController before_act…

注文のモデルを作成していきます。 まずは「uuid」を使えるように設定します。 コマンド rails generate migration enable_pgcrypto_extension 作成された「db\migrate\20200526015502_enable_pgcrypto_extension.rb」ファイルを以下のように編集します。 記…

タスク４で行なった変更をGitにコミットします。 ソース管理を選択します。ソース管理 「＋」をクリックして全ての変更をステージします。全ての変更をステージ コミットネームを入力します。コミットネームを入力 チェックマークをクリックしてコミットしま…

置き換え app\views\pages\home.html.erb 28行目からの部屋表示の記述をレンダーに書き換えます。 <%= form_tag search_path, method: :get do %> <div class="row"> <div class="col-md-6"> <%= text_field_tag :search, params[:search], placeholder: "どちらのお部屋をおさがしですか？", id:"au</div></div>…

以下のサイトを開きます。 github.com 「Requirements」の項目の「here」をクリックします。hereAPIキーの部分をクリックすると自分のキーが入ります。APIキー コピーボタンを押してリンクをコピーします。コピーボタン コピーしたリンクを「app\views\layou…

記述追加 app\assets\javascripts\application.js 「//= require jquery-ui/slider」の記述を17行目に追加 // This is a manifest file that'll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/…

「app\views\rooms」フォルダに「_rooms_list.html.erb」ファイルを新規作成して下さい。 app\views\rooms\_rooms_list.html.erb(新規作成したファイル) <% rooms.each do |room| %> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-heading preview"> <%= image_tag room.cover_photo(:medium) %> </div> </div></div>

記述追加 GemFile 「gem 'ransack', '~> 1.7'」の記述追加（78行目） source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "https://github.com/#{repo_name}.git" …

ホームページを更新します。 app\controllers\pages_controller.rb class PagesController < ApplicationController def home @rooms = Room.where(active: true).limit(3) end def search end end app\views\pages\home.html.erb <br/> <br/> <%= form_for root_path,</br/></br/>…

「app\assets\javascripts」フォルダに「jquery.raty.js」ファイルを新規作成します。 app\assets\javascripts\jquery.raty.js（新規作成したファイル） /*! * jQuery Raty - A Star Rating Plugin * * The MIT License * * author: Washington Botelho * gi…

レビューモデルを作成します。 コマンド １文です。 rails g model Review comment:text star:bigint room:references reservation:references guest:references host:references type コマンド rails g model GuestReview --parent=Review --migration=fals…

記述追加 app\controllers\users_controller.rb 「show()」メソッドに「@rooms = @user.rooms」の記述を追加してます。(4行目) class UsersController < ApplicationController def show @user = User.find(params[:id]) @rooms = @user.rooms end end 「app…

宿泊者（ゲスト）の予約確認ページを作成します。 記述追加 app\controllers\reservations_controller.rb(26行目) def your_trips @trips = current_user.reservations.order(start_date: :asc) end app\controllers\reservations_controller.rb class Reser…

記述更新 app\views\reservations\_form.html.erb コードをコピーして内容を置き換えてください。 <div class="panel panel-default"> <div class="panel-heading"> <span><i class="fa fa-bolt" style="color: #ffb400"></i></span> <span class="pull-right">1泊 <%= number_to_currency(@room.price) %></span> </div> <div class="panel-body"> <%=…</div></div>

記述追加 GemFile(75行目) gem 'jquery-ui-rails', '~> 5.0' GemFile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "https://github.com/#{repo_name}.git" …

記述追加 app\views\rooms\show.html.erb 「」の記述追加（179行目） <div class="row"> <div class="col-md-12"> <%= image_tag @room.cover_photo(nil), width: "100%" %> </div> </div> <br/> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-8"> <h1><%= @…</h1></div></div></div></div></br/>

コマンド １文です。 rails g model Reservation user:references room:references start_date:datetime end_date:datetime price:bigint total:bigint コマンド マイグレーション rails db:migrate 記述追加 app\models\room.rb 「has_many :reservations」…