「app\views\project\show.html.erb」ファイルにレビューを表示させる記述を追加します。 １．記述追加 app\views\project\show.html.erb(13行目) <span class="star-review"><i class="fa fa-star"></i> <%= @project.average_rating %> <span class="has-text-primary">(<%= @project.reviews.count %>)</span> </span> ２．記述追加 app\views\project\show.h…

「app\views\project\show.html.erb」ファイルに以下の記述を追加します。 １．記述追加 app\views\project\show.html.erb（135行目） <span style="margin-left: 20px;"> <a class="button is-medium is-outlined is-danger toggle-modal" aria-control="<%= @project.id %>">レビューする</a> </span> <div class="modal" id="<%= @project.id %>"> </div>

「app\controllers」フォルダに「reviews_controller.rb」ファイルを新規作成してください。 app\controllers\reviews_controller.rb(新規作成したファイル) class ReviewsController < ApplicationController def create if Review.exists?(project_id: rev…

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

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

登録したクレジットカードで決済できるようにします。 「app\controllers\charge_controller.rb」ファイルを以下のように編集して下さい。 記述更新 app\controllers\charge_controller.rb 変更箇所が多いのでコードをコピーしてファイルの内容を置き換えて…

まずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hatenablog.jp ダッシュボードで「公開可能キー」と「シークレットキー」をコピーします。公開可能キーとシークレットキー 記述追加 GemFile(89行目) gem 'stripe', '=4.18.1' GemFil…

購入したプロジェクトを表示するページを作成します。 「app\controllers\project_controller.rb」ファイルに以下の記述を追加します。 記述追加 app\controllers\project_controller.rb(4行目) before_action :authenticate_user!, only: [:list] app\contr…

モデルを作成していきます。 コマンド rails g model Subscription project:references user:references 「db\migrate\20200804060608_create_subscriptions.rb」ファイルを編集します。 記述追加 db\migrate\20200804060608_create_subscriptions.rb 9行目…

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

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