ランキング参加中プログラミング[７６]Bootstrap |写真カルーセル表示[ホームに戻る] >> [７８]Bootstrap | ログイン認証における書き換え 「25 | Googleマップ」をBootstrapに書き換えます。 設定部分は省略します。 Google Cloud PlatformにGoogleアカウン…

ランキング参加中プログラミング[７５]Bootstrap |アクションテキスト[ホームに戻る] >> [７７]Bootstrap | Googleマップ 「24 | 写真カルーセル表示」をBootstrapに書き換えます。 Bulmaの設定は省略しても大丈夫です。 「app\assets\images」フォルダに「b…

ランキング参加中プログラミング[７４]Bootstrap |写真アップロード(dropzone)[ホームに戻る] >> [７６]Bootstrap | 写真カルーセル表示 「23 | アクションテキスト」のBootstrap変更部分を載せておきます。 「app\views\rooms\description.html.erb」ファイ…

ランキング参加中プログラミング[７３]Bootstrap |部屋ビューの作成[ホームに戻る] >> [７５]Bootstrap | アクションテキスト 「22 | 写真アップロード(dropzone)」の内容をBootstrapの記述で書き換えます。 複数の画像をアップロードできるようにします。 …

ランキング参加中プログラミング[７２]Bootstrap |プロフィールページ作成[ホームに戻る] >> [７４]Bootstrap | 写真アップロード(dropzone) 「21 | 部屋ビューの作成」をBootstrapで書き換えていきます。 app\views\room\new.html.erb <br/> <br/> <div class="row"> <div class="col-sm-6" style="margin:0 auto;"> <div class="card text-center"> <h4 class="card-header text-center">お部屋の…</h4></div></div></div></br/></br/>

ランキング参加中プログラミング[７１]Bootstrap |電話番号カラム追加[ホームに戻る] >> [７３]Bootstrap | 部屋ビューの作成 「18 | プロフィールページ作成」のBootstrap記述変更部分を載せておきます。 「app\views\users」フォルダに「show.html.erb」フ…

ランキング参加中プログラミング[７０]Bootstrap |画像アップロード[ホームに戻る] >> [７２]Bootstrap | プロフィールページ作成 「17 | 電話番号カラム追加」のBootstrap変更部分を載せておきます。 「app\views\devise\registrations\edit.html.erb」ファ…

ランキング参加中プログラミング[６９]Bootstrap |Googleフォント・アイコン[ホームに戻る] >> [７１]Bootstrap | 電話番号カラム追加 「15 | 画像アップロード」のBootstrap変更部分のみ書いておきます。 ダッシュボードビューに記述を追加します。 記述更…

ランキング参加中プログラミング[６８]Bootstrap |ダッシュボード[ホームに戻る] >> [７０]Bootstrap | 画像アップロード 「12 | Googleフォント」についてはそのまま記述追加で問題ないです。 「13 | アイコン」のBootstrap変更部分から書いておきます。 「…

ランキング参加中プログラミング[６７]Bootstrap |デバイス認証設定の修正[ホームに戻る] >> [６９]Bootstrap | Googleフォント・アイコン 「11 | ダッシュボード」の変更部分を中心に書いていきます。 ナビゲーションバーを更新します。 app\views\shared\_…

ランキング参加中プログラミング[６６]Bootstrap |Gメール[ホームに戻る] >> [６８]Bootstrap | ダッシュボード 「10 | デバイス認証設定の修正」の変更部分を中心に書いておきます。 ユーザー編集ページを更新してパスワードのフィールドを減らします。 ユ…

ランキング参加中プログラミング[６５]Bootstrap |フラッシュメッセージ(noty)[ホームに戻る] >> [６７]Bootstrap | デバイス認証設定の修正 設定部分は「09 | Gメール」と同じなので違う部分をメインに書いておきます。 更新 app\views\devise\mailer\reset…

ランキング参加中プログラミング[６４]Bootstrap |氏名認証[ホームに戻る] >> [６６]Bootstrap | Gメール フラッシュメッセージ(noty)をBootstrapで実装していきます。 インストール等については「08| フラッシュメッセージ(noty)」と同じなので省略します。…

ランキング参加中プログラミング[６３]Bootstrap |デバイス(devise)[ホームに戻る] >> [６５]Bootstrap | フラッシュメッセージ(noty) 設定方法等は「07 | 氏名認証」と同じですので、Bootstrapによって変更になった部分のみを載せておきます。 認証ビューを…

ランキング参加中プログラミング[６２]Bootstrap |ナビゲーションバー[ホームに戻る] >> [６４]Bootstrap | 氏名認証 デバイスの設定部分は「06 | デバイス(devise)」と同じです。 Bootstrap用に書き換えた部分を載せていきます。 ナビゲーションバーに「新…

ランキング参加中プログラミング[６１]Bootstrap |導入編[ホームに戻る] >> [６３]Bootstrap | デバイス(devise) Bootstrapでの書き直しを行っていきます。 まずはホームページのコントローラ作成です。 コマンド rails g controller Pages home ナビゲーシ…

ランキング参加中プログラミング[６０]本番環境の構築 | 秘密情報[ホームに戻る] >> [６２]Bootstrap | ナビゲーションバー 「05 | ナビゲーションバー(Bulma)」で導入した「Bulma」の代わりに「Bootstrap」を導入します。 getbootstrap.jp Yarnで必要なパッ…