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

ドラッグアンドドロップで登録したタスクの順番を変えられるようにします。 記述追加 GemFile(88行目) gem "active_admin-sortable_tree", "~> 2.0.0" GemFile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}…

アプリケーションをデプロイする場合レンタルサーバでは写真の保存ができません。 そのためアップロードした写真の保存先にアマゾンS3を利用する必要があります。 アマゾンS3のキーの取得方法は以下の手順でお願いします。 mrradiology.hatenablog.jp 記述追…

HomebrewでImageMagickをインストールします。 ターミナルで以下のコマンドを実行してください。 brew install imagemagick 記述追加 GemFile（82行目） gem 'paperclip', '~> 5.1.0' GemFile source 'https://rubygems.org' git_source(:github) do |repo_n…

プロジェクトとタスクのモデルを作成していきます。 コマンド（２つ） rails g model Project name:string content:text price:bigint rails g model Task title:string note:text video:string header:boolean tag:string project:references 「db\migrate\…

ダッシュボードの新しいテーマを実装していきます。 記述追加 GemFile(79行目) gem 'active_skin' GemFile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "ht…

管理ダッシュボードを作成します。 記述追加 GemFile(76行目) gem 'activeadmin' GemFile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "https://github.com…

タスク２で行なった変更を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(72行目) 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 （65行目） # toastr gem 'toastr-rails', '~> 1.0' # 日本語化 gem 'rails-i18n' Gemfile source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name =…

サイト ja.gravatar.com アバター登録は以下の手順でできます。 mrradiology.hatenablog.jp 記述追加 GemFile（63行目） 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 Posticoでテーブル確認 full_nameフィールドの確認 ユーザモデルにバリデーションを追加します。 記述追加 app\models\user.r…

メールとパスワードでの認証を作成します。 記述追加 GemFile(60行目) 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（56行目） 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」を開き、「ターミナル」の「新しいターミナル」を選択してターミナルを開きます。 新しいターミナル 下に起動したターミナルでデスクトップに移動します。 cd desktop デスクトップに移動 デスクトップに「MacRails」ディレクトリを作…

Postgresqlのインストール バージョン11.8( postgresql-11.8-2-osx)以下の手順でインストールしてください。mrradiology.hatenablog.jp Homebrewのインストール Homebrewとは、Mac上でソフトウェアのインストールやアンインストールを管理してくれるシステム…