「Visual Studio Code」を開き、「ターミナル」の「新しいターミナル」を選択してターミナルを開きます。 新しいターミナル 下に起動したターミナルでデスクトップに移動します。 cd desktop デスクトップに移動 デスクトップに「MacRails」ディレクトリを作…

Postgresqlのインストール バージョン11.8( postgresql-11.8-2-osx)以下の手順でインストールしてください。mrradiology.hatenablog.jp Homebrewのインストール Homebrewとは、Mac上でソフトウェアのインストールやアンインストールを管理してくれるシステム…

秘密情報を暗号化します。 今回はストライプのキーを秘密情報に設定します。 「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 secret シークレットキーが表示されるのでコピーします。 MacBook-Pro Gakushuu % rails secret 3fb7769622cd39de87382cc597f27c12deff6…

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

「config\environments\production.rb」ファイルを編集していきます。 httpsの設定 43行目のコメントアウトを外します。 config.force_ssl = true 画像表示の設定 26行目「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にコミットします。 ソース管理を選択します。 ソース管理 「＋」をクリックして全ての変更をステージします。 全ての変更をステージ コミットネームを入力します。 コミットネームを入力 チェックマークをクリックしてコミット…

ホームページを作成します。 「フルコード」の「サンプル画像」に入っている「home」フォルダごと「app\assets\images」フォルダにコピーして下さい。 「app\controllers\pages_controller.rb」ファイルを以下のように編集して下さい。 記述編集 app\control…

相対タイムスタンプを追加します。 「GemFile」に以下の記述を追加します。 記述追加 GemFIle(99行目) gem 'rails-timeago', '~> 2.0' GemFile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" …

「app\views」フォルダに「reviews」フォルダを新規作成して下さい。 作成した「reviews」フォルダに「_form.html.erb」ファイルを新規作成します。 app\views\reviews\_form.html.erb(新規作成したファイル) <%= form_for([@project, @review]) do |f| %> <div id="user_stars"></div> …

星の追加が出来るようにします。 「app\assets\javascripts」フォルダに「jquery.raty.js」ファイルを新規作成して下さい。 app\assets\javascripts\jquery.raty.js(新規作成したファイル) /*! * jQuery Raty - A Star Rating Plugin * * The MIT License * …

「app\controllers」フォルダに「reviews_controller.rb」ファイルを新規作成してください。 app\controllers\reviews_controller.rb(新規作成したファイル) class ReviewsController < ApplicationController def create @review = Review.create(review_pa…

レビューモデルを作成していきます。 コマンド rails g model Review project:references user:references comment:text created_at:datetime star:bigint マイグレーション適用 rails db:migrate 「app\models\user.rb」ファイルに以下の記述を追加します。…

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

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

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

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

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

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