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

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

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

【民泊5.1】【MacOSX】予約ビュー

記述追加 app\views\rooms\show.html.erb 「」の記述追加(160行目) <div class="row"> <div class="col-md-12"> <%= image_tag @room.cover_photo(nil), width: "100%" %> </div> </div> <br/> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-8"> <h1><%= @…</h1></div></div></div></div></br/>

【民泊5.1】【MacOSX】予約モデル

コマンド 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」…

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

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

【民泊5.1】【MacOSX】アマゾンS3

アプリケーションをデプロイする場合レンタルサーバでは写真の保存ができません。 そのためアップロードした写真の保存先にアマゾンS3を利用する必要があります。 アマゾンS3のキーの取得方法は以下の手順でお願いします。 mrradiology.hatenablog.jp 記述追…

【民泊5.1】【MacOSX】写真削除

コントローラにデストロイメソッドを追加します。 記述追加 app\controllers\photos_controller.rb(17行目) def destroy @photo = Photo.find(params[:id]) @room = @photo.room @photo.destroy @photos = Photo.where(room_id: @room.id) respond_to :js en…

【民泊5.1】【MacOSX】Googleマップ

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

【民泊5.1】【MacOSX】ルームインデックス

写真がない場合「blank.jpg」を表示させる記述を追加します。 「app\assets\images」フォルダに「フルコード」の「サンプル画像」にある「blank.jpg」ファイルを保存しておいてください。 記述追加 app\models\room.rb(12行目) def cover_photo(size) if s…

【民泊5.1】【MacOSX】アイコン

以下のサイトのアイコンを使用します。 fontawesome.com ベーシックアイコンは「headタグ」に「link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"」の記述を追加すれば利用できます。 詳し…

【民泊5.1】【MacOSX】写真アップロード(paperclip)

HomebrewでImageMagickをインストールします。 ターミナルで以下のコマンドを実行してください。 brew install imagemagick 記述追加 GemFile(71行目) gem 'paperclip', '~> 5.1.0' GemFile source 'https://rubygems.org' git_source(:github) do |repo_n…

【民泊5.1】【MacOSX】部屋ビュー

app\views\room\new.html.erb <div class="panel panel-default"> <div class="panel-heading"> お部屋の登録 </div> <div class="panel-body"> <div class="container"> <%= form_for @room do |f| %> <div class="row"> <div class="col-md-4 select"> <div class="form-group"> <label>お家のタイプ</label> <%= f.select :home_type…</div></div></div></div></div></div>

【民泊5.1】【MacOSX】部屋コントローラ

コマンド 1文です。 rails g controller Rooms index new create listing pricing description photo_upload amenities location update app\controllers\rooms_controller.rb class RoomsController < ApplicationController before_action :set_room, exc…

【民泊5.1】【MacOSX】部屋モデル

コマンド 長いですが全部つながっています。1文です。 rails g model Room home_type:string room_type:string accommodate:bigint bed_room:bigint bath_room:bigint listing_name:string summary:text address:string is_tv:boolean is_kitchen:boolean i…

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

ユーザプロフィールページを作成します。 コマンド rails g migration AddExtraFieldsToUser phone_number:string description:text コマンド マイグレーション rails db:migrate 電話番号と詳細フィールドが追加されました。 フィールド追加 記述追加 confi…