タスク２で行なった変更を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…

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

サイト 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:…

Bulmaを使用できるようにします。 bulma.io 「GemFile」に以下の記述を追加します。 記述追加 GemFile（52行目） gem 'bulma-rails', '~> 0.7.4' gem 'bulma-extensions-rails', '~> 1.0.30' GemFile source 'https://rubygems.org' git_source(:github) do …

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

Postgresqlのインストール バージョン11.8( postgresql-11.8-1-windows-x64.exe)https://www.enterprisedb.com/downloads/postgres-postgresql-downloads 以下の手順でインストールしてください。PATHも通して下さい。ai-trend.jp バージョン確認コマンドpos…