学生向けプログラミング入門

学生向けにプログラミングを解説。Java、C++、Ruby、PHP、データベース、Ruby on Rails

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 33 | 予約確認ページ

宿泊者(ゲスト)の予約確認ページを作成します。 記述追加 app\controllers\reservations_controller.rb(26行目) def your_trips @trips = current_user.reservations.order(start_date: :asc) end app\controllers\reservations_controller.rb class Reser…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 32 | 予約フォーム

「app\controllers\rooms_controller.rb」ファイルを編集します。 1.記述追加 app\controllers\rooms_controller.rb(71行目) # 予約 開始日のAJAX def preload today = Date.today reservations = @room.reservations.where("start_date >= ? OR end_date …

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 31 | jQuery日付ピッカー

jqueryはすでにインストールされているので、「jquery-ui」をインストールします。 コマンド yarn add jquery-ui 記述追加 config\webpack\environment.js(14行目) environment.toWebpackConfig().merge({ resolve: { alias: { 'jquery': 'jquery/src/jquery…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 30 | 予約コントローラとビュー

「app\controllers」フォルダに「reservations_controller.rb」ファイルを新規作成します。 app\controllers\reservations_controller.rb(新規作成したファイル) class ReservationsController < ApplicationController before_action :authenticate_user! d…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 29 | 予約モデル

コマンド 1文です。 rails g model Reservation user:references room:references start_date:datetime end_date:datetime price:bigint total:bigint コマンド マイグレーション rails db:migrate 記述追加 app\models\room.rb 「has_many :reservations」…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 28 | アカウント連携表示

ダッシュボードビューに以下の記述を追加します。 記述追加 app\views\users\dashboard.html.erb(63行目) <div class="content"> <p> <strong>アカウント連携</strong><br/> <% if current_user.provider == 'facebook' %> <span class="has-text-success">Facebookアカウントでログイン中</span> <% elsif current_user.provider == 'google_oauth</br/></p></div>…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 27 | Google認証

Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp GemFileに以下の記述を追加します。 記述追加 GemFile(80行目) gem 'omniauth-google-oauth2' GemFile sou…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 26 | Facebook認証

まずはFacebook for Developersでアカウントを作成しなければなりません。 developers.facebook.com アカウント、アプリの作成は以下の手順でお願いします。 mrradiology.hatenablog.jp GemFileに以下の記述を追加します。 記述追加 GemFile(76行目) gem 'om…

Facebook for Developers | アカウント作成手順【2021年7月更新】

まずは「Facebook for Developers」のトップページに移動します。 developers.facebook.com 「利用を開始する」をクリックします。 利用を開始する 次へ進みます。 次へ進む 携帯電話を入力し、SMSを送信することでアカウント認証を行います。 アカウント認…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 25 | Googleマップ

Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp 記述追加 GemFile(73行目) #googleマップ gem 'geocoder', '~> 1.4' GemFile source 'https://rubygems.…