記述追加 app\views\rooms\show.html.erb 「」の記述追加（179行目） <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/>

コマンド １文です。 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」…

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

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

アマゾンS3でアカウントを作成して下さい。 しばらくの間は無料のクレジットがついてきます。 アカウントの作成手順は以下の通りです。 aws.amazon.com アカウント登録したらログインして下さい。 aws.amazon.com ストレージの「S3」に移動します。ストレー…

Googlマップを使用するためのAPIキーの取得手順です。 まずご自分のGoogleアカウントで「google cloud platform」にログインします。 console.cloud.google.com メニューバーの矢印マークをクリックします。矢印マーク 「新しいプロジェクト」をクリックしま…

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

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

コントローラにデストロイメソッドを追加します。 記述追加 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…

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

ImageMagickをインストールします。 ダウンロードは以下のサイトからできます。 ww.npackd.appspot.com インストールは以下の手順でお願いします。 途中、「install legacy utilities」と「install development」にチェックを入れて下さい。 mrradiology.hat…

GnuWinのインストール方法です。 まずは以下のサイトからダウンロードして下さい。 sourceforge.net ダウンロードしたファイルをダブルクリックするとインストーラが起動します。 アクセプトして次に進んで下さい。インストーラ起動 インストールフォルダを…