ランキング参加中プログラミング | 26 | Facebook認証の実装 ホーム] >> | 28 | 予約モデルの実装 Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp GemFile…

ランキング参加中プログラミング | 25 | Googleマップ ホーム] >> | 27 | Google認証の実装 まずはFacebook for Developersでアカウントを作成しなければなりません。 developers.facebook.com アカウント、アプリの作成は以下の手順でお願いします。 mrradi…

ランキング参加中プログラミング | 24 | 写真カルーセル表示 ホーム] >> | 26 | Facebook認証の実装 Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp 記述…

ランキング参加中プログラミング | 23 | アクションテキスト ホーム] >> | 25 | Googleマップ 「app\assets\images」フォルダに「blank.jpg」「icon_add.png」ファイルを保存しておいてください。 記述追加 app\helpers\application_helper.rb（13行目） def…

ランキング参加中プログラミング | 22 | AmazonS3 ホーム] >> | 24 | 写真カルーセル表示 アクションテキストをインストールします。 コマンド rails action_text:install マイグレーション適用 rails db:migrate 「app\models\room.rb」ファイルを以下の内…

ランキング参加中プログラミング | 21 | 複数の写真をアップロード ホーム] >> | 23 | アクションテキスト herokuにアプリケーションをデプロイすると画像をローカルに保存することができません。 それに対応するため、アップロードした画像を全てアマゾンS3…

ランキング参加中プログラミング | 20 | 部屋ビューの作成 ホーム] >> | 22 | AmazonS3 複数の写真をアップロードできるようにします。 まずは「doropzone」のインストールをします。 コマンド yarn add dropzone@5.5.1 「app/javascript/stylesheets/applic…

ランキング参加中プログラミング | 19 | 部屋コントローラーの作成 ホーム] >> | 21 | 複数の写真をアップロード app\views\room\new.html.erb <br/> <br/> <div class="row"> <div class="col-sm-9" style="margin:0 auto;"> <div class="card text-center"> <h4 class="card-header text-center text-light bg-primary">部屋の新規登録</h4> </div></div></div></br/></br/>