2020-08-14から1日間の記事一覧
タスク6で行なった変更をGitにコミットします。 ソース管理を選択します。 ソース管理 「+」をクリックして全ての変更をステージします。 全ての変更をステージ コミットネームを入力します。 コミットネームを入力 チェックマークをクリックしてコミット…
お仕事を購入できるようにします。 記述追加 app\controllers\gigs_controller.rb(90行目) def checkout if current_user.stripe_id @stripe_customer = Stripe::Customer.retrieve(current_user.stripe_id) @gig = Gig.find(params[:id]) @pricing = @gig.p…
お仕事を登録して仕事をした方に価格の80%が自動で登録振込口座に支払われるよう設定します。 これにはStripeコネクトというサービスを使いますが、プランに「スタンダード」と「エクスプレス」があります。 「エクスプレス」の方がホストの登録や設定が…
Stripe(ストライプ)を使ってでクレジット決済ができるようにします。 まずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hatenablog.jp ダッシュボードで「公開可能キー」と「シークレットキー」をコピーします。公開可能キーとシー…
タスク5で行なった変更をGitにコミットします。 ソース管理を選択します。 ソース管理 「+」をクリックして全ての変更をステージします。 全ての変更をステージ コミットネームを入力します。 コミットネームを入力 チェックマークをクリックしてコミット…
ナビゲーションバーのアイコンにステータス表示が出るようにします。 「app\views\shared\_navbar.html.erb」ファイルの記述を更新します。 記述更新 app\views\shared\_navbar.html.erb 48行目の記述を以下の記述に置き換えます。 <figure class="image is-48x48 m-r-5 avatar <%= current_user.status ? "online" : "offline" %>"> app\views\shared\_nav</figure>…
ホームページを作成していきます。 「app\assets\images」フォルダに「home」フォルダを新規作成して下さい。 作成した「home」フォルダに「フルコード」の「サンプル画像」に入っている「background01.jpg」「category_1.jpg」「category_2.jpg」「category…
検索ページにページング機能をつけます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile(77行目) gem 'kaminari' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.3' # Bundl…
検索機能を実装していきます。 「app\controllers\pages_controller.rb」ファイルを以下のように編集します。 記述編集 app\controllers\pages_controller.rb コードをコピーしてファイルの内容を置き換えて下さい。 class PagesController < ApplicationCon…
検索ページを作成していきます。 「app\controllers\pages_controller.rb」ファイルを以下のように編集します。 記述編集 app\controllers\pages_controller.rb class PagesController < ApplicationController def home end def search @categories = Categ…
タスク4で行なった変更をGitにコミットします。 ソース管理を選択します。 ソース管理 「+」をクリックして全ての変更をステージします。 全ての変更をステージ コミットネームを入力します。 コミットネームを入力 チェックマークをクリックしてコミット…
「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…
申込みを受けたお仕事が完了したとき、決済ページに移動できるようにします。 コマンド rails g migration AddRequestToOrder request:references 「db\migrate\20200710001221_add_request_to_order.rb」ファイルを以下のように編集します。 記述更新 db\mi…
申込みの確認が出来るようにします。 「app\controllers\requests_controller.rb」ファイルに以下の記述を追加します。 1.記述追加 app\controllers\requests_controller.rb(4,5行目) 4行目の最後に「, :my_offers」の記述を追加します。 5行目の最後に「,…
お仕事を売る人がリクエストに申し込み出来るようにします。 オファーモデルを作成します。 コマンド 一文です。 rails g model Offer note:text amount:bigint days:bigint status:bigint request:references user:references --no-test-framework 「db\mig…
買い主が仕事をリクエストできるようにします。 リクエストモデルを作成します。 コマンド 一文です。 rails g model Request description:text title budget:bigint delivery:bigint user:references category:references --no-test-framework コマンド マ…
ルートの設定をします。 記述追加 config\routes.rb(14,15行目) get '/selling_orders', to: 'orders#selling_orders' get '/buying_orders', to: 'orders#buying_orders' 記述追加 config\routes.rb(19行目) put '/orders/:id/complete', to: 'orders#compl…
注文コントローラを作成していきます。 「app\controllers」フォルダに「orders_controller.rb」ファイルを新規作成してください。 app\controllers\orders_controller.rb(新規作成したファイル) class OrdersController < ApplicationController before_act…
注文のモデルを作成していきます。 まずは「uuid」を使えるように設定します。 コマンド rails generate migration enable_pgcrypto_extension 作成された「db\migrate\20200526015502_enable_pgcrypto_extension.rb」ファイルを以下のように編集します。 記…
タスク3で行なった変更をGitにコミットします。 ソース管理を選択します。 ソース管理 「+」をクリックして全ての変更をステージします。 全ての変更をステージ コミットネームを入力します。 コミットネームを入力 チェックマークをクリックしてコミット…
ナビゲーションバーにリンクを追加します。 記述追加 app\views\shared\_navbar.html.erb 72行目に「」のリンクを追加しています。 <nav class="navbar is-danger" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="/"> <h1>テストサイトOshigoto</h1> </a> </div></nav>