「Font Awesome」のアイコンを使えるようにします。 fontawesome.com 「app\views\layouts\application.html.erb」ファイルに以下の記述を追加します。 記述追加 app\views\layouts\application.html.erb(13行目) <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> app\views\layouts\application.html.erb </link>

ユーザーモデルに項目を追加します。 コマンド rails g migration AddColumsToUser about:text status:boolean 「db\migrate\20200801121900_add_colums_to_user.rb」ファイルの記述を以下のように更新します。 記述追加 db\migrate\20200801121900_add_colu…

Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp GemFileに以下の記述を追加します。 記述追加 GemFile(63行目) gem 'omniauth' gem 'omniauth-google-oaut…

サイト fonts.google.com 上記のサイトで選んだフォントをサイトに適用することができます。 今回は「Kosugi Maru」というフォントを適用してみます。 https://fonts.google.com/specimen/Kosugi+Maru?subset=japanese 「select this style」をクリックしま…

Gmailを使ってメールの送信をできるようにします。 以下の手順でGmailのセキュリティを２段階認証プロセスに変更し、アプリパスワードを生成してください。 mrradiology.hatenablog.jp １．記述の変更 config\environments\development.rb(35行目) 「false」…

notyのデザインについては以下を参照して下さい。 ned.im notyはyarnを使ってインストールします。 コマンド yarn add noty 「app\javascript\packs\application.js」に以下の記述を追加します。 記述追加 app\javascript\packs\application.js(11行目) wind…

ユーザーモデルに氏名の項目を追加します。 コマンド rails g migration AddFullnameToUser full_name:string コマンド rails db:migrate HeidiSQLでテーブル確認 full_nameフィールドの確認 ユーザモデルにバリデーションを追加します。 記述追加 app\model…

メールとパスワードでの認証を作成します。 記述追加 GemFile(57行目) gem 'devise' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.6' # Bundle edge Rails instead: gem 'rails', git…

ナビゲーションバーを使えるようにBulmaの設定をします。 bulma.io GemFileに以下の記述を追加します。 記述追加 GemFile(53行目) gem 'bulma-rails', '~> 0.7.4' gem 'bulma-extensions-rails', '~> 1.0.30' GemFile source 'https://rubygems.org' git_sou…

「Visual Studio Code」を開き、「ターミナル」の「新しいターミナル」を選択してターミナルを開きます。新しいターミナル「C」ドライブに「WinRails」フォルダを作り、ターミナルでそこに移動します。 「cd」コマンドを使います。WinRailsフォルダに移動 Ra…

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

「Font Awesome」のアイコンを使えるようにします。 fontawesome.com 「app\views\layouts\application.html.erb」ファイルに以下の記述を追加します。 記述追加 app\views\layouts\application.html.erb(13行目) <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> app\views\layouts\application.html.erb </link>

サイト fonts.google.com 上記のサイトで選んだフォントをサイトに適用することができます。 今回は「Kosugi Maru」というフォントを適用してみます。 https://fonts.google.com/specimen/Kosugi+Maru?subset=japanese 「select this style」をクリックしま…

ユーザーモデルに項目を追加します。 コマンド rails g migration AddColumsToUser about:text status:boolean 「db\migrate\20200723123617_add_colums_to_user.rb」ファイルの記述を以下のように更新します。 記述更新 db\migrate\20200723123617_add_colu…

「app\controllers」フォルダに「registrations_controller.rb」ファイルを新規作成します。 app\controllers\registrations_controller.rb(新規作成したファイル) class RegistrationsController < Devise::RegistrationsController protected def update_r…

Gmailを使ってメールの送信をできるようにします。 以下の手順でGmailのセキュリティを２段階認証プロセスに変更し、アプリパスワードを生成してください。 mrradiology.hatenablog.jp １．記述の変更 config\environments\development.rb(35行目) 「false」…

notyのデザインについては以下を参照して下さい。 ned.im notyはyarnを使ってインストールします。 コマンド yarn add noty 「app\javascript\packs\application.js」に以下の記述を追加します。 記述追加 app\javascript\packs\application.js(11行目) wind…

ユーザーモデルに氏名の項目を追加します。 コマンド rails g migration AddFullnameToUser full_name:string コマンド マイグレーション適用 rails db:migrate HeidiSQLでテーブル確認 full_nameフィールドの確認 ユーザモデルにバリデーションを追加します…

メールとパスワードでの認証を作成します。 記述追加 GemFile(57行目) gem 'devise' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.6' # Bundle edge Rails instead: gem 'rails', git…

ナビゲーションバーを使えるようにBulmaの設定をします。 bulma.io GemFileに以下の記述を追加します。 記述追加 GemFile(53行目) gem 'bulma-rails', '~> 0.7.4' gem 'bulma-extensions-rails', '~> 1.0.30' GemFile source 'https://rubygems.org' git_sou…

「Visual Studio Code」を開き、「ターミナル」の「新しいターミナル」を選択してターミナルを開きます。新しいターミナル「C」ドライブに「WinRails」フォルダを作り、ターミナルでそこに移動します。 「cd」コマンドを使います。WinRailsフォルダに移動 Ra…

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

「Font Awesome」のアイコンを使えるようにします。 fontawesome.com 「app\views\layouts\application.html.erb」ファイルに以下の記述を追加します。 記述追加 app\views\layouts\application.html.erb(12行目) <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> app\views\layouts\application.html.erb </link>

Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp GemFileに以下の記述を追加します。 記述追加 GemFile(68行目) gem 'omniauth' gem 'omniauth-google-oaut…

サイト fonts.google.com 上記のサイトで選んだフォントをサイトに適用することができます。 今回は「Kosugi Maru」というフォントを適用してみます。 https://fonts.google.com/specimen/Kosugi+Maru?subset=japanese 「select this style」をクリックしま…

Gmailを使ってメールの送信をできるようにします。 以下の手順でGmailのセキュリティを２段階認証プロセスに変更し、アプリパスワードを生成してください。 mrradiology.hatenablog.jp 「config\environments\development.rb」ファイルを編集します。 １．記…

フラッシュメッセージを「torstr」にして日本語化していきます。 記述追加 Gemfile （62,65行目） # toastr gem 'toastr-rails', '~> 1.0' # 日本語化 gem 'rails-i18n' Gemfile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_nam…

サイト ja.gravatar.com アバター登録は以下の手順でできます。 mrradiology.hatenablog.jp 記述追加 GemFile（59行目） gem 'gravtastic' GemFile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_nam…

ユーザーモデルに氏名等の項目を追加します。 コマンド rails g migration AddColumsToUser full_name コマンド rails db:migrate HeidiSQLでテーブル確認 full_nameフィールドの確認 ユーザモデルにバリデーションを追加します。 記述追加 app\models\user.…

メールとパスワードでの認証を作成します。 記述追加 GemFile(56行目) gem 'devise', '~>4.2' GemFile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "https:…