フリーランスの仕事を登録・購入できるWebサイトを作成する
ランキング参加中プログラミング[59]デプロイ | Facebook認証 [ホームに戻る] 秘密情報を暗号化します。 今回はストライプのキーを秘密情報に設定します。 「Settings」タブから設定変数を編集します。 「Reveal Config Vars」ボタンをクリックして下さい。R…
ランキング参加中プログラミング[58]デプロイ | データベース [ホームに戻る] >> [60]デプロイ | 秘密情報 「Facebook for Developers」のダッシュボードに移動します。 developers.facebook.com 「設定」の「ベーシック」に移動します。 ベーシック 「アプ…
ランキング参加中プログラミング[57]デプロイ | Githubとの接続 [ホームに戻る] >> [59]デプロイ | Facebook認証 右上のメニューから「Data」を選択します。Data データベースが表示されるので選択します。 データベース 「Setting」の「View Credentials」…
ランキング参加中プログラミング[56]デプロイ | コンパイル [ホームに戻る] >> [58]デプロイ | データベース まず、HerokuのダッシュボードページでRubyよりも先にnodeをインストールするよう指定をします。 「Setting」に移動します。 Setting 下部にある「…
ランキング参加中プログラミング[55]デプロイ | ストライプコネクト [ホームに戻る] >> [57]デプロイ | Githubとの接続 Webページで画像を表示するにはコンパイルする必要があります。 以下のコマンドを実行してコンパイルを行います。 コマンド rails asset…
ランキング参加中プログラミング[54]デプロイ | 設定ファイル [ホームに戻る] >> [56]デプロイ | コンパイル ストライプのダッシュボード左の「設定」をクリックします。設定connectの設定をクリックします。connectの設定 リダイレクトで「URI追加」をクリ…
ランキング参加中プログラミング[53]デプロイ | herokuアカウント [ホームに戻る] >> [55]デプロイ | ストライプコネクト 「config\environments\production.rb」ファイルを編集していきます。 httpsの設定 47行目のコメントアウトを外します。 config.force…
ランキング参加中プログラミング[52]フルカレンダー [ホームに戻る] >> [54]デプロイ | 設定ファイル まずherokuアカウントを作成します。 signup.heroku.com herokuアカウントの作成手順は以下の手順でお願いします。 mrradiology.hatenablog.jp アプリケー…
ランキング参加中プログラミング[51]メッセージと会話| コメントへのファイル添付 [ホームに戻る] >> [53]デプロイ | herokuアカウント yarnを使ってインストールします。 コマンド 一文です。 yarn add @fullcalendar/core@4.2.0 @fullcalendar/daygrid@4.2…
ランキング参加中プログラミング[50]メッセージと会話| リアルタイムコメント [ホームに戻る] >> [52]フルカレンダー コメントにファイルを添付できるようにします。 「app\models\comment.rb」に以下の記述を追加します。 記述追加 app\models\comment.rb(5…
ランキング参加中プログラミング[49]メッセージと会話| コメント [ホームに戻る] >> [51]メッセージと会話| コメントへのファイル添付 コメントがリアルタイムに反映するようにします。 コマンド rails g channel Comment 「app\channels\comment_channel.rb…
ランキング参加中プログラミング[48]メッセージと会話 | リアルタイムメッセージ [ホームに戻る] >> [50]メッセージと会話| リアルタイムコメント 注文したお仕事に対してコメント出来るようにします。 コマンド rails g model Comment content:text user:re…
ランキング参加中プログラミング[47]メッセージと会話 | 会話 [ホームに戻る] >> [49]メッセージと会話| コメント メッセージをリアルタイムで送りあうことができるようにします。 コマンド rails g channel Message ルートの設定をします。 記述追加 config…
ランキング参加中プログラミング[46]メッセージと会話 | コントローラとビュー [ホームに戻る] >> [48]メッセージと会話 | リアルタイムメッセージ 会話表示できるようにします。 「app\controllers」フォルダに「conversations_controller.rb」ファイルを新…
ランキング参加中プログラミング[45]メッセージと会話 | モデル [ホームに戻る] >> [47]メッセージと会話 | 会話 メッセージコントローラを作成します。 コマンド rails g controller messages create 「app\controllers\messages_controller.rb」ファイルを…
ランキング参加中プログラミング[44]trestle | 仕事管理 [ホームに戻る] >> [46]メッセージと会話 | コントローラとビュー メッセージと会話のモデルを作成していきます。 コマンド rails g model Conversation sender:references receiver:references コマ…
ランキング参加中プログラミング[43]trestle | ユーザ管理 [ホームに戻る] >> [45]メッセージと会話 | モデル 仕事の管理を行えるようにします。 コマンド rails g trestle:resource Gig 「app\admin\gigs_admin.rb」ファイルを以下のように編集します。 記…
ランキング参加中プログラミング[42]trestle | カテゴリー管理 [ホームに戻る] >> [44]trestle | 仕事管理 ユーザ管理が出来るようにします。 コマンド rails g migration AddActiveToUser active:boolean 「db\migrate\20200712035153_add_active_to_user.r…
ランキング参加中プログラミング[41]trestle [ホームに戻る] >> [43]trestle | ユーザ管理 管理カテゴリを作成します。 コマンド rails g migration AddActiveToCategory active:boolean 「db\migrate\20200712031237_add_active_to_category.rb」ファイルを…
ランキング参加中プログラミング[40]購入 [ホームに戻る] >> [42]trestle | カテゴリー管理 管理ダッシュボードを作成していきます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile（86行目） gem 'trestle', '=0.8.12' gem 'trestle-auth', '=0.…
ランキング参加中プログラミング[39]Stripeコネクト [ホームに戻る] >> [41]trestle お仕事を購入できるようにします。 記述追加 app\controllers\gigs_controller.rb(90行目) def checkout if current_user.stripe_id @stripe_customer = Stripe::Customer.…
ランキング参加中プログラミング[38]Stripe（ストライプ） [ホームに戻る] >> [40]購入 お仕事を登録して仕事をした方に価格の８０％が自動で登録振込口座に支払われるよう設定します。 これにはStripeコネクトというサービスを使いますが、プランに「スタン…
ランキング参加中プログラミング[37]ステータスの表示 [ホームに戻る] >> [39]Stripeコネクト Stripe（ストライプ）を使ってでクレジット決済ができるようにします。 まずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hatenablog.jp …
ランキング参加中プログラミング[36]ホームページ [ホームに戻る] >> [38]Stripe（ストライプ） ナビゲーションバーのアイコンにステータス表示が出るようにします。 「app\views\shared\_navbar.html.erb」ファイルの記述を更新します。 記述更新 app\views…
ランキング参加中プログラミング[35]ページネーション [ホームに戻る] >> [37]ステータスの表示 ホームページを作成していきます。 「app\assets\images」フォルダに「home」フォルダを新規作成して下さい。 作成した「home」フォルダに「background01.jpg」…
ランキング参加中プログラミング[34]検索の実装 [ホームに戻る] >> [36]ホームページ 検索ページにページング機能をつけます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile(77行目) gem 'kaminari' GemFile source 'https://rubygems.org' git_…
ランキング参加中プログラミング[33]検索ページ [ホームに戻る] >> [35]ページネーション 検索機能を実装していきます。 「app\controllers\pages_controller.rb」ファイルを以下のように編集します。 記述編集 app\controllers\pages_controller.rb コード…
ランキング参加中プログラミング[32]レビュー [ホームに戻る] >> [34]検索の実装 検索ページを作成していきます。 「app\controllers\pages_controller.rb」ファイルを以下のように編集します。 記述編集 app\controllers\pages_controller.rb class PagesCo…
ランキング参加中プログラミング[31]仕事完了 [ホームに戻る] >> [33]検索ページ 「raty-js」をインストールします。 コマンド yarn add raty-js 「app\assets\stylesheets\application.scss」ファイルに以下の記述を追加します。 記述追加 app\assets\style…
ランキング参加中プログラミング[30]仕事を受ける [ホームに戻る] >> [32]レビュー 申込みを受けたお仕事が完了したとき、決済ページに移動できるようにします。 コマンド rails g migration AddRequestToOrder request:references 「db\migrate\20200710001…
