秘密情報を暗号化します。 今回はストライプのキーを秘密情報に設定します。 「Settings」タブから設定変数を編集します。 「Reveal Config Vars」ボタンをクリックして下さい。Reveal Config Vars キーを2つ登録します。 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にコミットします。 ソース管理を選択します。 ソース管理 「＋」をクリックして…

Herokuにデプロイすると「https」通信となりますので動画Wistiaのスクリプトリンクを変更しなければなりません。 「app\views\task\show.html.erb」ファイルの93行目「script src」のリンク部分を「https://fast.wistia.net/static/E-v1.js」に変更します。 …

Google認証の本番設定をします。 まずご自分のGoogleアカウントで「google cloud platform」にログインします。 console.cloud.google.com ダッシュボードで「認証情報」→「OAuth 2.0 クライアント ID」で登録した「名前」をクリックします。 OAuth 2.0 クラ…

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

yarnを使ってインストールします。 コマンド 一文です。 yarn add @fullcalendar/core@4.2.0 @fullcalendar/daygrid@4.2.0 @fullcalendar/list@4.2.0 「app\assets\stylesheets\application.scss」ファイルを編集します。 １．13行目と14行目の記述をひっく…

コメントにファイルを添付できるようにします。 「app\models\comment.rb」に以下の記述を追加します。 記述追加 app\models\comment.rb(5行目) has_one_attached :attachment_file app\models\comment.rb class Comment < ApplicationRecord belongs_to :us…

コメントがリアルタイムに反映するようにします。 コマンド rails g channel Comment 「app\channels\comment_channel.rb」ファイルを以下のように編集します。 記述編集 app\channels\comment_channel.rb class CommentChannel < ApplicationCable::Channel…

注文したお仕事に対してコメント出来るようにします。 コマンド rails g model Comment content:text user:references order:references --no-test-framework 「db\migrate\20200712092809_create_comments.rb」ファイルの記述を更新します。 記述更新 db\mi…

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

会話表示できるようにします。 「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\20200529065859_create_c…

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

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

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 バンドラーの改行コードを変更します。 これをしないとHEROKUデプロイ時にバンドラ…

Herokuにデプロイすると「https」通信となりますので動画Wistiaのスクリプトリンクを変更しなければなりません。 「app\views\task\show.html.erb」ファイルの93行目「script src」のリンク部分を「https://fast.wistia.net/static/E-v1.js」に変更します。 …

Google認証の本番設定をします。 まずご自分のGoogleアカウントで「google cloud platform」にログインします。 console.cloud.google.com ダッシュボードで「認証情報」→「OAuth 2.0 クライアント ID」で登録した「名前」をクリックします。 OAuth 2.0 クラ…

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

yarnを使ってインストールします。 コマンド 一文です。 yarn add @fullcalendar/core@4.2.0 @fullcalendar/daygrid@4.2.0 @fullcalendar/list@4.2.0 「app\assets\stylesheets\application.scss」ファイルを編集します。 １．13行目と14行目の記述をひっく…

コメントにファイルを添付できるようにします。 「app\models\comment.rb」に以下の記述を追加します。 記述追加 app\models\comment.rb(5行目) has_one_attached :attachment_file app\models\comment.rb class Comment < ApplicationRecord belongs_to :us…

コメントがリアルタイムに反映するようにします。 コマンド rails g channel Comment 「app\channels\comment_channel.rb」ファイルを以下のように編集します。 記述編集 app\channels\comment_channel.rb class CommentChannel < ApplicationCable::Channel…

注文したお仕事に対してコメント出来るようにします。 コマンド rails g model Comment content:text user:references order:references --no-test-framework 「db\migrate\20200712092809_create_comments.rb」ファイルの記述を更新します。 記述更新 db\mi…