ランキング参加中プログラミング[22]アクションテキスト(ActionText) [ホームに戻る] >> [24]タスク管理 trestleでリッチテキストが使えるようにします。 記述追加 GemFile(86行目) gem 'trestle-tinymce', '~> 0.3.0' GemFile source 'https://rubygems.org…

ランキング参加中プログラミング[21]ユーザ管理 [ホームに戻る] >> [23]プロジェクト管理 アクションテキストをインストールします。 コマンド rails action_text:install マイグレーション適用 rails db:migrate 「app\models\project.rb」ファイルを以下の…

ランキング参加中プログラミング[20]ダッシュボード（trestle） [ホームに戻る] >> [22]アクションテキスト(ActionText) ユーザ管理が出来るようにします。 「GemFile」に以下の記述を追加します。 GemFile(78行目) gem 'trestle-search', '~> 0.4.2' gem 't…

ランキング参加中プログラミング[19]プロジェクトとタスクモデル [ホームに戻る] >> [21]ユーザ管理 trestle管理画面にダッシュボードを作成します。 「app\admin」フォルダに「dashboard_admin.rb」ファイルを新規作成して下さい。 app\admin\dashboard_adm…

ランキング参加中プログラミング[18]trestle [ホームに戻る] >> [20]ダッシュボード（trestle） プロジェクトとタスクのモデルを作成していきます。 コマンド（２つ） rails g model Project name:string content:text price:bigint user:references rails g…

ランキング参加中プログラミング[17]GitHubとの同期 [ホームに戻る] >> [19]プロジェクトとタスクモデル 管理ダッシュボードを作成します。 記述追加 GemFile(74行目) gem 'trestle', '~> 0.9.3' gem 'trestle-auth', '~> 0.4.0' GemFile source 'https://ru…

ランキング参加中プログラミング[16]プロフィールページ [ホームに戻る] >> [18]trestle 今までの変更をGitHubにPush(送信)します。 ソース管理を選択します。 ソース管理 「＋」をクリックして全ての変更をステージングします。 全ての変更をステージング …

ランキング参加中プログラミング[15]アマゾンS3（Amazon S3） [ホームに戻る] >> [17]GitHubとの同期 ユーザープロフィールページを作成します。 「app\controllers\users_controller.rb」ファイルに以下のメソッドを追加します。 記述追加 app\controllers\…

ランキング参加中プログラミング[14]画像アップロード(ActiveStorage) [ホームに戻る] >> [16]プロフィールページ herokuにアプリケーションをデプロイすると画像をローカルに保存することができません。 それに対応するため、アップロードした画像を全てア…

ランキング参加中プログラミング[13]アイコン（Font Awesome） [ホームに戻る] >> [15]アマゾンS3（Amazon S3） アバター画像をアップロードできるようにします。 コマンド rails active_storage:install コマンド マイグレーションの適用 rails db:migrate …

ランキング参加中プログラミング[12]ダッシュボード [ホームに戻る] >> [14]画像アップロード(ActiveStorage) 「Font Awesome」のアイコンを使えるようにします。 fontawesome.com 「app\views\layouts\application.html.erb」ファイルに以下の記述を追加し…

ランキング参加中プログラミング[11]Google認証 [ホームに戻る] >> [13]アイコン（Font Awesome） ユーザーモデルに項目を追加します。 コマンド rails g migration AddColumsToUser about:text status:boolean 「db\migrate\20200801121900_add_colums_to_u…

ランキング参加中プログラミング[10]Googleフォント [ホームに戻る] >> [12]ダッシュボード Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp GemFileに以下…

ランキング参加中プログラミング[09]Gメール(Gmail) [ホームに戻る] >> [11]Google認証 サイト fonts.google.com 上記のサイトで選んだフォントをサイトに適用することができます。 今回は「Kosugi Maru」というフォントを適用してみます。 https://fonts.go…

ランキング参加中プログラミング[08]フラッシュメッセージ(noty) [ホームに戻る] >> [10]Googleフォント Gmailを使ってメールの送信をできるようにします。 以下の手順でGmailのセキュリティを２段階認証プロセスに変更し、アプリパスワードを生成してくださ…

ランキング参加中プログラミング[07]氏名認証 [ホームに戻る] >> [09]Gメール(Gmail) notyのデザインについては以下を参照して下さい。 ned.im notyはyarnを使ってインストールします。 コマンド yarn add noty 「app\javascript\packs\application.js」に以…

ランキング参加中プログラミング[06]デバイス（devise） [ホームに戻る] >> [08]フラッシュメッセージ(noty) ユーザーモデルに氏名の項目を追加します。 コマンド rails g migration AddFullnameToUser full_name:string コマンド rails db:migrate Postico…

ランキング参加中プログラミング[05]ナビゲーションバー(Bulma) [ホームに戻る] >> [07]氏名認証 メールとパスワードでの認証を作成します。 記述追加 GemFile(57行目) gem 'devise' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "h…

ランキング参加中プログラミング[04]MacOSXでのスタートアップ [ホームに戻る] >> [06]デバイス（devise） ナビゲーションバーを使えるようにBulmaの設定をします。 bulma.io GemFileに以下の記述を追加します。 記述追加 GemFile(57行目) gem 'bulma-rails'…

ランキング参加中プログラミング[03]Windowsでのスタートアップ [ホームに戻る] >> [05]ナビゲーションバー(Bulma) 「Visual Studio Code」を開き、「ターミナル」の「新しいターミナル」を選択してターミナルを開きます。 新しいターミナル 下に起動したタ…

ランキング参加中プログラミング[02]MacOSXで必要なインストール [ホームに戻る] >> [04]MacOSXでのスタートアップ 「Visual Studio Code」を開き、「ターミナル」の「新しいターミナル」を選択してターミナルを開きます。新しいターミナル「C」ドライブに「…

ランキング参加中プログラミング[01]Windowsで必要なインストール [ホームに戻る] >> [03]Windowsでのスタートアップ Postgresqlのインストール バージョン11.8( postgresql-11.8-2-osx) 以下の手順でインストールしてください。 mrradiology.hatenablog.jp …

ランキング参加中プログラミング[ホームに戻る] >> [02]MacOSXで必要なインストール Postgresqlのインストール バージョン11.8( postgresql-11.8-1-windows-x64.exe) https://www.enterprisedb.com/downloads/postgres-postgresql-downloads以下の手順でイン…