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

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

Markdown関数を利用できるように実装していきます。 Markdown関数の詳しい使用方法は下記のページを参照して下さい。 guides.github.com 記述追加 GemFile(89行目) 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'」の記述追加（73行目） source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.3' # 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」の記述を追加してます。(10行目) class UsersController < ApplicationController before_action :authenticate_user! …

宿泊者（ゲスト）の予約確認ページを作成します。 記述追加 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…

コマンド １文です。 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(91行目) 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にコミットします。 ソース管理を選択します。 ソース管理 「＋」をクリックして全ての変更をステージします。 全ての変更をステージ コミットネームを入力します。 コミットネームを入力 チェックマークをクリックしてコミット…

「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(4,5行目) 4行目の最後に「, :my_offers」の記述を追加します。 5行目の最後に「,…

お仕事を売る人がリクエストに申し込み出来るようにします。 オファーモデルを作成します。 コマンド 一文です。 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」ファイルを以下のように編集します。 記…