タスク４で行なった変更を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'」の記述追加（83行目） 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\controllers\reservations_controller.rb(27行目) 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(80行目) 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 「」の記述追加（160行目） <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」…

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

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

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

写真をカルーセル表示できるようにします。 コマンド yarn add bulma-extensions 「app\javascript\packs\application.js」ファイルを以下のように書き換えます。 １．記述追加 app\javascript\packs\application.js(13行目) window.BulmaCarousel = require…

プロジェクトコントローラを作成します。 コマンド rails g controller Project index show app\controllers\project_controller.rb class ProjectController < ApplicationController before_action :set_project, only: [:show] def index @projects = Pro…

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

記述追加 app\javascript\packs\application.js 「require("jquery-ui/ui/widgets/slider");」の記述を13行目に追加 // This file is automatically compiled by Webpack, along with any other files // present in this directory. You're encouraged to p…

記述追加 GemFile 「gem 'ransack', '~> 2.3'」の記述追加（69行目） source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.6' # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' gem…

「フルコード」の「サンプル画像」に入っている「home\background01.jpg」ファイルを「app\assets\images」フォルダにコピーして下さい。 app\controllers\pages_controller.rb class PagesController < ApplicationController def home @rooms = Room.where…

「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…

プロフィールページを修正していきます。 記述追加 app\controllers\users_controller.rb 「show()」メソッドに「@rooms = @user.rooms」の記述を追加してます。(9行目) class UsersController < ApplicationController before_action :authenticate_user! d…

宿泊者（ゲスト）の予約確認ページを作成します。 記述追加 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\controllers\rooms_controller.rb」ファイルを編集します。 １．記述追加 app\controllers\rooms_controller.rb(71行目) # 予約 開始日のAJAX def preload today = Date.today reservations = @room.reservations.where("start_date >= ? OR end_date …

jqueryはすでにインストールされているので、「jquery-ui」をインストールします。 コマンド yarn add jquery-ui 記述追加 config\webpack\environment.js(14行目) environment.toWebpackConfig().merge({ resolve: { alias: { 'jquery': 'jquery/src/jquery…

「app\controllers」フォルダに「reservations_controller.rb」ファイルを新規作成します。 app\controllers\reservations_controller.rb(新規作成したファイル) class ReservationsController < ApplicationController before_action :authenticate_user! d…