秘密情報を暗号化します。 今回はストライプのキーを秘密情報に設定します。 「Settings」タブから設定変数を編集します。 「Reveal Config Vars」ボタンをクリックして下さい。Reveal Config Vars キーを３つ登録します。 STRIPE_PK（公開可能キー） STRIPE…

右上のメニューから「Data」を選択します。Data データベースが表示されるので選択します。 データベース 「Setting」の「View Credentials」をクリックします。 View Credentials データベースの情報が表示されます。データベース情報 Posticoを起動して接…

Herokuのページで「Deploy」の「Deployment method」欄にある「Connect to GitHub」をクリックします。Connect To GitHub 下に出た「Connect to GitHub」ボタンをクリックします。Connect to GitHub GitHubのレポジトリー名を入力して「Search」をクリックし…

Webページで画像を表示するにはコンパイルする必要があります。 以下のコマンドを実行してコンパイルを行います。 コマンド rails assets:precompile RAILS_ENV=production Gitにコミットします。 ソース管理を選択します。 ソース管理 「＋」をクリックして…

ストライプのダッシュボード左の「設定」をクリックします。設定connectの設定をクリックします。connectの設定 リダイレクトで「URI追加」をクリックします。URI追加 URIは「https://macminpaku6.herokuapp.com/auth/stripe_connect/callback」にしますが、…

「config\environments\production.rb」ファイルを編集していきます。 httpsの設定 47行目のコメントアウトを外します。 config.force_ssl = true 画像表示の設定 29行目「config.assets.compile」を「true」にします。 config.assets.compile = true メール…

まずherokuアカウントを作成します。 signup.heroku.com herokuアカウントの作成手順は以下の手順でお願いします。 mrradiology.hatenablog.jp アプリケーションを作成します。 「Create new app」をクリックします。create new app 「App name」を入力して…

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

コマンド rails g model Notification content user:references コマンド rails g migration AddUnreadToUser unread:bigint 記述追加 db\migrate\20200729003608_add_unread_to_user.rb 3行目末尾に「, default: true」の記述追加 class AddUnreadToUser < …

メッセージをリアルタイムで送りあうことができるようにします。 コマンド rails g channel Message ルートの設定をします。 記述追加 config\routes.rb 6行目に「mount ActionCable.server => '/cable'」の記述を追加しています。 Rails.application.routes…

会話表示できるようにします。 「app\controllers」フォルダに「conversations_controller.rb」ファイルを新規作成して下さい。 app\controllers\conversations_controller.rb(新規作成したファイル) class ConversationsController < ApplicationController…

メッセージコントローラを作成します。 コマンド rails g controller messages create 「app\controllers\messages_controller.rb」ファイルを以下のように変更します。 記述変更 app\controllers\messages_controller.rb class MessagesController < Applic…

メッセージと会話のモデルを作成していきます。 コマンド rails g model Conversation sender:references receiver:references コマンド rails g model Message content:text user:references conversation:references 「db\migrate\20200728232206_create_c…

「app\mailers」フォルダに「reservation_mailer.rb」ファイルを新規作成してください。 app\mailers\reservation_mailer.rb(新規作成したファイル) class ReservationMailer < ApplicationMailer def send_email_to_guest(guest, room, reservation) @recip…

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

検索ページにページング機能をつけます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile(83行目) gem 'kaminari' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.3' # Bundl…

「app\controllers\reservations_controller.rb」ファイルの記述を更新します。 １．5行目の「create()」メソッドの記述を以下のように更新します。 def create room = Room.find(params[:room_id]) if current_user == room.user flash[:alert] = "オーナー…

お部屋を登録したホストに宿泊料金の８０％が自動で支払われるように設定します。 これにはStripeコネクトというサービスを使いますが、プランに「スタンダード」と「エクスプレス」があります。 「エクスプレス」の方がホストの登録や設定が楽なので「エク…

Stripe（ストライプ）を使ってでクレジット決済ができるようにします。 まずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hatenablog.jp ダッシュボードで「公開可能キー」と「シークレットキー」をコピーします。公開可能キーとシー…

コマンド rails g migration AddInstantToRooms instant:bigint 記述追加 db\migrate\20200728030209_add_instant_to_rooms.rb 3行目に「, default: 1」の記述追加 class AddInstantToRooms < ActiveRecord::Migration[6.0] def change add_column :rooms, :…

ナビゲーションバーのアイコンにステータス表示が出るようにします。 「app\views\shared\_navbar.html.erb」ファイルの記述を更新します。 記述更新 app\views\shared\_navbar.html.erb 35行目の記述を以下の記述に置き換えます。 <figure class="image is-48x48 m-r-5 avatar <%= current_user.status ? "online" : "offline" %>"> app\views\shared\_nav</figure>…

タスク４で行なった変更を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…