ランキング参加中プログラミング[６１]Bootstrap |導入編[ホームに戻る] >> [６３]Bootstrap | デバイス(devise) Bootstrapでの書き直しを行っていきます。 まずはホームページのコントローラ作成です。 コマンド rails g controller Pages home ナビゲーシ…

ランキング参加中プログラミング[６０]本番環境の構築 | 秘密情報[ホームに戻る] >> [６２]Bootstrap | ナビゲーションバー 「05 | ナビゲーションバー(Bulma)」で導入した「Bulma」の代わりに「Bootstrap」を導入します。 getbootstrap.jp Yarnで必要なパッ…

ランキング参加中プログラミング[５９]本番環境の構築 | Herokuデータベースへの接続[ホームに戻る] >> [６１] Bootstrap |導入編 秘密情報を暗号化します。 今回はストライプのキーを秘密情報に設定します。 「Settings」タブから設定変数を編集します。 「…

ランキング参加中プログラミング[５８]本番環境の構築 | GithubとHerokuのコネクト | デプロイ[ホームに戻る] >> [６０]本番環境の構築 | 秘密情報 右上のメニューから「Data」を選択します。Data データベースが表示されるので選択します。 データベース 「…

ランキング参加中プログラミング[５７]本番環境の構築 | コンパイル[ホームに戻る] >> [５９]本番環境の構築 | Herokuデータベースへの接続 Herokuのページで「Deploy」の「Deployment method」欄にある「Connect to GitHub」をクリックします。Connect To G…

ランキング参加中プログラミング[５６]本番環境の構築 | Google認証の設定[ホームに戻る] >> [５８]本番環境の構築 | GithubとHerokuのコネクト | デプロイ Webページで画像を表示するにはコンパイルする必要があります。 以下のコマンドを実行してコンパイ…

ランキング参加中プログラミング[５５]本番環境の構築 | Facebook認証の設定[ホームに戻る] >> [５７]本番環境の構築 | コンパイル Google認証の本番設定をします。 まずご自分のGoogleアカウントで「google cloud platform」にログインします。 console.clo…

ランキング参加中プログラミング[５４]本番環境の構築 | ストライプコネクトの設定[ホームに戻る] >> [５６]本番環境の構築 | Google認証の設定 「Facebook for Developers」のダッシュボードに移動します。 developers.facebook.com 「設定」の「ベーシック…

ランキング参加中プログラミング[５３]本番環境の構築 | 設定ファイル[ホームに戻る] >> [５５]本番環境の構築 | Facebook認証の設定 ストライプのダッシュボード左の「設定」をクリックします。設定connectの設定をクリックします。connectの設定 リダイレ…

ランキング参加中プログラミング[５２]本番環境の構築 | herokuアカウント作成[ホームに戻る] >> [５４]本番環境の構築 | ストライプコネクトの設定 「config\environments\production.rb」ファイルを編集していきます。 httpsの設定 47行目のコメントアウト…

ランキング参加中プログラミング[５１]フルカレンダー[ホームに戻る] >> [５３]本番環境の構築 | 設定ファイル まずherokuアカウントを作成します。 signup.heroku.com herokuアカウントの作成手順は以下の手順でお願いします。 mrradiology.hatenablog.jp …

ランキング参加中プログラミング[５０]通知[ホームに戻る] >> [５２]本番環境の構築 | herokuアカウント作成 フルカレンダーをインストールします。 コマンド 一文です。 yarn add @fullcalendar/core@5.9.0 @fullcalendar/daygrid@5.9.0 @fullcalendar/inte…

ランキング参加中プログラミング[４９]メッセージと会話 | リアルタイムメッセージ[ホームに戻る] >> [５１]フルカレンダー コマンド rails g model Notification content user:references コマンド rails g migration AddUnreadToUser unread:bigint 記述追…

ランキング参加中プログラミング[４８]メッセージと会話 | 会話表示[ホームに戻る] >> [５０]通知 メッセージをリアルタイムで送りあうことができるようにします。 コマンド rails g channel Message ルートの設定をします。 記述追加 config\routes.rb 6行…

ランキング参加中プログラミング[４７]メッセージと会話 | コントローラとビュー作成[ホームに戻る] >> [４９]メッセージと会話 | リアルタイムメッセージ 会話表示できるようにします。 「app\controllers」フォルダに「conversations_controller.rb」ファ…

ランキング参加中プログラミング[４６]メッセージと会話 | モデル作成[ホームに戻る] >> [４８]メッセージと会話 | 会話表示 メッセージコントローラを作成します。 コマンド rails g controller messages create 「app\controllers\messages_controller.rb…

ランキング参加中プログラミング [４５]予約確認電子メール[ホームに戻る] >> [４７]メッセージと会話 | コントローラとビュー作成 メッセージと会話のモデルを作成していきます。 コマンド rails g model Conversation sender:references receiver:referenc…

ランキング参加中プログラミング[４４]ページネーション[ホームに戻る] >> [４６]メッセージと会話 | モデル作成 「app\mailers」フォルダに「reservation_mailer.rb」ファイルを新規作成してください。 app\mailers\reservation_mailer.rb(新規作成したファ…

ランキング参加中プログラミング[４３]クレジットカード決済の実装[ホームに戻る] >> [４５]予約確認電子メール 検索ページにページング機能をつけます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile(92行目) gem 'kaminari' GemFile source 'h…

ランキング参加中プログラミング[４２]クレジットカード決済 | Stripe（ストライプ）コネクト[ホームに戻る] >> [４４]ページネーション 「app\controllers\reservations_controller.rb」ファイルの記述を更新します。 １．5行目の「create()」メソッドの記…

ランキング参加中プログラミング[４１]クレジットカード決済 | Stripe（ストライプ）[ホームに戻る] >> [４３]クレジットカード決済の実装 お部屋を登録したホストに宿泊料金の８０％が自動で支払われるように設定します。 これにはStripeコネクトというサー…

ランキング参加中プログラミング[４０]承認予約[ホームに戻る] >> [４２]クレジットカード決済 | Stripe（ストライプ）コネクト Stripe（ストライプ）を使ってでクレジット決済ができるようにします。 まずは以下の手順でStripeのアカウントを取得してくださ…

ランキング参加中プログラミング[３９]ステータス表示[ホームに戻る] >> [４１]クレジットカード決済 | Stripe（ストライプ） コマンド rails g migration AddInstantToRooms instant:bigint 記述追加 db\migrate\20200728030209_add_instant_to_rooms.rb 3…

ランキング参加中プログラミング[３８]jQueryスライダー[ホームに戻る] >> [４０]承認予約 ナビゲーションバーのアイコンにステータス表示が出るようにします。 「app\views\shared\_navbar.html.erb」ファイルの記述を更新します。 記述更新 app\views\shar…

ランキング参加中プログラミング[３７]AJAX検索[ホームに戻る] >> [３９]ステータス表示 記述追加 app\javascript\packs\application.js 「require("jquery-ui/ui/widgets/slider");」の記述を13行目に追加 // This file is automatically compiled by Webpa…

ランキング参加中プログラミング[３６]ホームページ[ホームに戻る] >> [３８]jQueryスライダー 記述追加 GemFile 「gem 'ransack', '~> 2.3'」の記述追加（83行目） source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo…

ランキング参加中プログラミング[３５]レビュー[ホームに戻る] >> [３７]AJAX検索 「app\assets\images」フォルダに「home」フォルダを新規作成してください。作成した「home」フォルダの中に何でも良いのでホームページの背景画像となる「background01.jpg…

ランキング参加中プログラミング[３４]ページ修正[ホームに戻る] >> [３６]ホームページ 「raty-js」をインストールします。 コマンド yarn add raty-js@2.9.0 「app\assets\stylesheets\application.scss」ファイルに以下の記述を追加します。 記述追加 app…

ランキング参加中プログラミング[３３]予約確認ページ[ホームに戻る] >> [３５]レビュー プロフィールページを修正していきます。 記述追加 app\controllers\users_controller.rb 「show()」メソッドに「@rooms = @user.rooms」の記述を追加してます。(10行…

ランキング参加中プログラミング[３２]予約フォーム[ホームに戻る] >> [３４]ページ修正 宿泊者（ゲスト）の予約確認ページを作成します。 記述追加 app\controllers\reservations_controller.rb(26行目) def your_trips @trips = current_user.reservations…