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

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

2021-10-12から1日間の記事一覧

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 72 | Bootstrap | プロフィールページ作成

「18 | プロフィールページ作成」のBootstrap記述変更部分を載せておきます。 「app\views\users」フォルダに「show.html.erb」ファイルを新規作成します。 app\views\users\show.html.erb(新規作成したファイル) <div class="row" style="margin: 20px;"> <div class="col-4"> <div class="card"> <div class="card-body"> <%= image_tag avatar_url(@user), c…</div></div></div></div>

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 71 | Bootstrap | 電話番号カラム追加

「17 | 電話番号カラム追加」のBootstrap変更部分を載せておきます。 「app\views\devise\registrations\edit.html.erb」ファイルを更新します。 記述追加 app\views\devise\registrations\edit.html.erb(18行目) <div class="field"> <div class="form-group"> <%= f.text_field :phone_number, autofoc</div></div>…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 70 | Bootstrap | 画像アップロード

「15 | 画像アップロード」のBootstrap変更部分のみ書いておきます。 ダッシュボードビューに記述を追加します。 記述更新 app\views\users\dashboard.html.erb コードをコピーしてファイルの内容を置き換えて下さい。 <div class="row" style="margin: 20px;"> <div class="col-4"> <div class="card"> <div class="card-body"> <%= image_tag avatar_url(curre</div></div></div></div>…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 69 | Bootstrap | Googleフォント・アイコン

「12 | Googleフォント」についてはそのまま記述追加で問題ないです。 「13 | アイコン」のBootstrap変更部分から書いておきます。 「app\views\layouts\application.html.erb」ファイルに以下の記述を追加します。 記述追加 app\views\layouts\application.…