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

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

2020-08-10から1日間の記事一覧

【民泊5.1】【MacOSX】承認予約

コマンド rails g migration AddInstantToRooms instant:bigint 記述追加 db\migrate\20200630034849_add_instant_to_rooms.rb 3行目に「, default: 1」の記述追加 class AddInstantToRooms < ActiveRecord::Migration[5.0] def change add_column :rooms, :…

【民泊5.1】【MacOSX】電話番号認証

まずTwilioでアカウント登録をしてください。 www.twilio.com アカウントの登録は以下の手順でお願いします。 mrradiology.hatenablog.jp 記述追加 GemFile 86行目に「gem 'twilio-ruby', '~> 4.11.1'」の記述追加 source 'https://rubygems.org' git_source…

【民泊5.1】【MacOSX】ダッシュボード

「app\controllers」フォルダに「dashboards_controller.rb」ファイルを新規作成してください。 app\controllers\dashboards_controller.rb(新規作成したファイル) class DashboardsController < ApplicationController before_action :authenticate_user! d…

【民泊5.1】【MacOSX】タスク4 Gitにコミット

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

【民泊5.1】【MacOSX】ページ修正

置き換え app\views\pages\home.html.erb 28行目からの部屋表示の記述をレンダーに書き換えます。 <%= form_tag search_path, method: :get do %> <div class="row"> <div class="col-md-6"> <%= text_field_tag :search, params[:search], placeholder: "どちらのお部屋をおさがしですか?", id:"au</div></div>…

【民泊5.1】【MacOSX】geocomplete

以下のサイトを開きます。 github.com 「Requirements」の項目の「here」をクリックします。hereAPIキーの部分をクリックすると自分のキーが入ります。APIキー コピーボタンを押してリンクをコピーします。コピーボタン コピーしたリンクを「app\views\layou…

【民泊5.1】【MacOSX】jQueryスライダー

記述追加 app\assets\javascripts\application.js 「//= require jquery-ui/slider」の記述を17行目に追加 // This is a manifest file that'll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/…

【民泊5.1】【MacOSX】AJAX検索

「app\views\rooms」フォルダに「_rooms_list.html.erb」ファイルを新規作成して下さい。 app\views\rooms\_rooms_list.html.erb(新規作成したファイル) <% rooms.each do |room| %> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-heading preview"> <%= image_tag room.cover_photo(:medium) %> </div> </div></div>

【民泊5.1】【MacOSX】検索

記述追加 GemFile 「gem 'ransack', '~> 1.7'」の記述追加(83行目) source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "https://github.com/#{repo_name}.git" …

【民泊5.1】【MacOSX】ホームページ

ホームページを更新します。 app\controllers\pages_controller.rb class PagesController < ApplicationController def home @rooms = Room.where(active: true).limit(3) end def search end end app\views\pages\home.html.erb <br/> <br/> <%= form_for root_path,</br/></br/>…

【民泊5.1】【MacOSX】jQuery Raty

「app\assets\javascripts」フォルダに「jquery.raty.js」ファイルを新規作成します。 app\assets\javascripts\jquery.raty.js(新規作成したファイル) /*! * jQuery Raty - A Star Rating Plugin * * The MIT License * * author: Washington Botelho * gi…

【民泊5.1】【MacOSX】レビュー

レビューモデルを作成します。 コマンド 1文です。 rails g model Review comment:text star:bigint room:references reservation:references guest:references host:references type コマンド rails g model GuestReview --parent=Review --migration=fals…

【民泊5.1】【MacOSX】プロフィールページ修正

記述追加 app\controllers\users_controller.rb 「show()」メソッドに「@rooms = @user.rooms」の記述を追加してます。(4行目) class UsersController < ApplicationController def show @user = User.find(params[:id]) @rooms = @user.rooms end end 記述…

【民泊5.1】【MacOSX】予約確認

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

【民泊5.1】【MacOSX】予約フォーム

記述更新 app\views\reservations\_form.html.erb コードをコピーして内容を置き換えてください。 <div class="panel panel-default"> <div class="panel-heading"> <span><i class="fa fa-bolt" style="color: #ffb400"></i></span> <span class="pull-right">1泊 <%= number_to_currency(@room.price) %></span> </div> <div class="panel-body"> <%=…</div></div>

【民泊5.1】【MacOSX】jQuery日付ピッカー

記述追加 GemFile(80行目) gem 'jquery-ui-rails', '~> 5.0' GemFile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "https://github.com/#{repo_name}.git" …