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

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

Ruby on Rails

Ruby on Rails6.0 | 動画学習サイトを作成する 53 | デプロイ| 秘密情報

[52] デプロイ| データベース [ホームに戻る] 秘密情報を暗号化します。 今回はストライプのキーを秘密情報に設定します。 「Settings」タブから設定変数を編集します。 「Reveal Config Vars」ボタンをクリックして下さい。Reveal Config Vars キーを2つ登…

Ruby on Rails6.0 | 動画学習サイトを作成する 52 | デプロイ| データベース

[51] デプロイ|Connect to GitHub [ホームに戻る] >> [53] デプロイ| 秘密情報 右上のメニューから「Data」を選択します。Data データベースが表示されるので選択します。 データベース 「Setting」の「View Credentials」をクリックします。 View Credentia…

Ruby on Rails6.0 | 動画学習サイトを作成する 51 | デプロイ|Connect to GitHub

[50] デプロイ|コンパイル [ホームに戻る] >> [52] デプロイ| データベース まず、HerokuのダッシュボードページでRubyよりも先にnodeをインストールするよう指定をします。 「Setting」に移動します。 Setting 下部にある「Buildpacks」で「Add buildpack」…

Ruby on Rails6.0 | 動画学習サイトを作成する 50 | デプロイ|コンパイル

[49] デプロイ| 動画(Wistia)設定 [ホームに戻る] >> [51] デプロイ|Connect to GitHub Webページで画像を表示するにはコンパイルする必要があります。 以下のコマンドを実行してコンパイルを行います。 コマンド rails assets:precompile RAILS_ENV=produ…

Ruby on Rails6.0 | 動画学習サイトを作成する 49 | デプロイ| 動画(Wistia)設定

[48] デプロイ| Google認証 [ホームに戻る] >> [50] デプロイ|コンパイル Herokuにデプロイすると「https」通信となりますので動画Wistiaのスクリプトリンクを変更しなければなりません。 「app\views\task\show.html.erb」ファイルの93行目「script src」の…

Ruby on Rails6.0 | 動画学習サイトを作成する 48 | デプロイ| Google認証

[47] デプロイ| 設定ファイル [ホームに戻る] >> [49] デプロイ| 動画(Wistia)設定 Google認証の本番設定をします。 まずご自分のGoogleアカウントで「google cloud platform」にログインします。 console.cloud.google.com ダッシュボードで「認証情報」→…

Ruby on Rails6.0 | 動画学習サイトを作成する 47 | デプロイ| 設定ファイル

[46] デプロイ| herokuアカウント [ホームに戻る] >> [48] デプロイ| Google認証 「config\environments\production.rb」ファイルを編集していきます。 httpsの設定 47行目のコメントアウトを外します。 config.force_ssl = true 画像表示の設定 29行目「con…

Ruby on Rails6.0 | 動画学習サイトを作成する 46 | デプロイ| herokuアカウント

[45] ページ修正 [ホームに戻る] >> [47] デプロイ| 設定ファイル まずherokuアカウントを作成します。 signup.heroku.com herokuアカウントの作成手順は以下の手順でお願いします。 mrradiology.hatenablog.jp アプリケーションを作成します。 「Create new…

Ruby on Rails6.0 | 動画学習サイトを作成する 45 | ページ修正

[44] ページネーション [ホームに戻る] >> [46] デプロイ| herokuアカウント ダッシュボードに購入したプロジェクトを表示させるよう変更します。 「app\controllers\users_controller.rb」ファイルに以下の記述を追加します。 記述追加 app\controllers\use…

Ruby on Rails6.0 | 動画学習サイトを作成する 44 | ページネーション

[43] 通知 [ホームに戻る] >> [45] ページ修正 通知ページにページング機能をつけます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile(96行目) gem 'kaminari' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://gi…

Ruby on Rails6.0 | 動画学習サイトを作成する 43 | 通知

[42] リアルタイムメッセージ [ホームに戻る] >> [44] ページネーション コマンド rails g model Notification content user:references コマンド rails g migration AddUnreadToUser unread:bigint 記述追加 db\migrate\20200805024555_add_unread_to_user.…

Ruby on Rails6.0 | 動画学習サイトを作成する 42 | リアルタイムメッセージ

[41] 会話 [ホームに戻る] >> [43] 通知 メッセージをリアルタイムで送りあうことができるようにします。 コマンド rails g channel Message ルートの設定をします。 記述追加 config\routes.rb 6行目に「mount ActionCable.server => '/cable'」の記述を追…

Ruby on Rails6.0 | 動画学習サイトを作成する 41 | 会話

[40] メッセージと会話 | コントローラとビュー [ホームに戻る] >> [42] リアルタイムメッセージ 会話表示できるようにします。 「app\controllers」フォルダに「conversations_controller.rb」ファイルを新規作成して下さい。 app\controllers\conversation…

Ruby on Rails6.0 | 動画学習サイトを作成する 40 | メッセージと会話 | コントローラとビュー

[39]メッセージと会話 | モデル [ホームに戻る] >> [41] 会話 メッセージコントローラを作成します。 コマンド rails g controller messages create 「app\controllers\messages_controller.rb」ファイルを以下のように変更します。 記述変更 app\controller…

Ruby on Rails6.0 | 動画学習サイトを作成する 39 | メッセージと会話 | モデル

[38]購入確認電子メール [ホームに戻る] >> [40] メッセージと会話 | コントローラとビュー メッセージと会話のモデルを作成していきます。 コマンド rails g model Conversation sender:references receiver:references コマンド rails g model Message con…

Ruby on Rails6.0 | 動画学習サイトを作成する 38 | 購入確認電子メール

[37]ホームページ [ホームに戻る] >> [39]メッセージと会話 | モデル 「app\mailers」フォルダに「purchase_mailer.rb」ファイルを新規作成してください。 app\mailers\purchase_mailer.rb(新規作成したファイル) class PurchaseMailer < ApplicationMailer …

Ruby on Rails6.0 | 動画学習サイトを作成する 37 | ホームページ

[36]レビュー表示 [ホームに戻る] >> [38]購入確認電子メール ホームページを作成します。 「app\assets\images」フォルダに「home」フォルダを新規作成し、何でも良いので「background01.jpg」ファイルを入れて下さい。 「app\controllers\pages_controller…

Ruby on Rails6.0 | 動画学習サイトを作成する 36 | レビュー表示

[35]レビューフォーム [ホームに戻る] >> [37]ホームページ 「app\views\project\show.html.erb」ファイルにレビューを表示させる記述を追加します。 1.記述追加 app\views\project\show.html.erb(13行目) <span class="star-review"><i class="fa fa-star"></i> <%= @project.average_rating %> <span class="has-text-primary">(<%= @project.</span></span>…

Ruby on Rails6.0 | 動画学習サイトを作成する 35 | レビューフォーム

[34]レビューコントローラ [ホームに戻る] >> [36]レビュー表示 「app\views\project\show.html.erb」ファイルに以下の記述を追加します。 1.記述追加 app\views\project\show.html.erb(135行目) <span style="margin-left: 20px;"> <a class="button is-medium is-outlined is-danger toggle-modal" aria-control="<%= @project.id %>">レビューする</a> </span>

Ruby on Rails6.0 | 動画学習サイトを作成する 34 | レビューコントローラ

[33]レビューモデル [ホームに戻る] >> [35]レビューフォーム 「app\controllers」フォルダに「reviews_controller.rb」ファイルを新規作成してください。 app\controllers\reviews_controller.rb(新規作成したファイル) class ReviewsController < Applicat…

Ruby on Rails6.0 | 動画学習サイトを作成する 33 | レビューモデル

[32]クレジットカード決済の実装 [ホームに戻る] >> [34]レビューコントローラ 「raty-js」をインストールします。 コマンド yarn add raty-js@2.9.0 「app\assets\stylesheets\application.scss」ファイルに以下の記述を追加します。 記述追加 app\assets\s…

Ruby on Rails6.0 | 動画学習サイトを作成する 32 | クレジットカード決済の実装

[31]Stripe(ストライプ) [ホームに戻る] >> [33]レビューモデル 登録したクレジットカードで決済できるようにします。 「app\controllers\charge_controller.rb」ファイルを以下のように編集して下さい。 記述更新 app\controllers\charge_controller.rb …

Ruby on Rails6.0 | 動画学習サイトを作成する 31 | Stripe(ストライプ)

[30]マイプロジェクトページ [ホームに戻る] >> [32]クレジットカード決済の実装 まずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hatenablog.jp ダッシュボードで「公開可能キー」と「シークレットキー」をコピーします。公開可能キ…

Ruby on Rails6.0 | 動画学習サイトを作成する 30 | マイプロジェクトページ

[29]サブスクリプション [ホームに戻る] >> [31]Stripe(ストライプ) 購入したプロジェクトを表示するページを作成します。 「app\controllers\project_controller.rb」ファイルに以下の記述を追加します。 記述追加 app\controllers\project_controller.rb…

Ruby on Rails6.0 | 動画学習サイトを作成する 29 | サブスクリプション

[28]動画(Wistia) [ホームに戻る] >> [30]マイプロジェクトページ モデルを作成していきます。 コマンド rails g model Subscription project:references user:references 「db\migrate\20200804060608_create_subscriptions.rb」ファイルを編集します。 …

Ruby on Rails6.0 | 動画学習サイトを作成する 28 | 動画(Wistia)

[27]Markdown関数 [ホームに戻る] >> [29]サブスクリプション 動画プレイヤーにWistiaを導入します。 wistia.com Freeのアカウントを作成してログインします。 Try for free ログインしたら「create」ボタンを押してサンプルのビデオを登録して下さい。 サン…

Ruby on Rails6.0 | 動画学習サイトを作成する 27 | Markdown関数

[26]プロジェクトビュー [ホームに戻る] >> [28]動画(Wistia) Markdown関数を利用できるように実装していきます。 Markdown関数の詳しい使用方法は下記のページを参照して下さい。 guides.github.com 記述追加 GemFile(89行目) gem 'redcarpet', '~> 3.5' …

Ruby on Rails6.0 | 動画学習サイトを作成する 26 | プロジェクトビュー

[25]プロジェクトコントローラー [ホームに戻る] >> [27]Markdown関数 写真をカルーセル表示できるようにします。 コマンド yarn add bulma-extensions 「app\javascript\packs\application.js」ファイルを以下のように書き換えます。 1.記述追加 app\java…

Ruby on Rails6.0 | 動画学習サイトを作成する 25 | プロジェクトコントローラー

[24]タスク管理 [ホームに戻る] >> [26]プロジェクトビュー プロジェクトコントローラを作成します。 コマンド rails g controller Project index show app\controllers\project_controller.rb class ProjectController < ApplicationController before_acti…

Ruby on Rails6.0 | 動画学習サイトを作成する 24 | タスク管理

[23]プロジェクト管理 [ホームに戻る] >> [25]プロジェクトコントローラー タスクの管理モデルを作成します。 コマンド rails g trestle:resource Task タスクモデルに「有効化」「無効化」を格納するカラムを作成します。 コマンド rails g migration AddAc…