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

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

フリーランスの仕事を登録・購入できるWebサイトを作成する

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 60 | デプロイ | 秘密情報

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

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 59 | デプロイ | Facebook認証

[58]デプロイ | データベース [ホームに戻る] >> [60]デプロイ | 秘密情報 「Facebook for Developers」のダッシュボードに移動します。 developers.facebook.com 「設定」の「ベーシック」に移動します。 ベーシック 「アプリドメイン」と「プライバシーポ…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 58 | デプロイ | データベース

[57]デプロイ | Githubとの接続 [ホームに戻る] >> [59]デプロイ | Facebook認証 右上のメニューから「Data」を選択します。Data データベースが表示されるので選択します。 データベース 「Setting」の「View Credentials」をクリックします。 View Credent…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 57 | デプロイ | Githubとの接続

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

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 56 | デプロイ | コンパイル

[55]デプロイ | ストライプコネクト [ホームに戻る] >> [57]デプロイ | Githubとの接続 Webページで画像を表示するにはコンパイルする必要があります。 以下のコマンドを実行してコンパイルを行います。 コマンド rails assets:precompile RAILS_ENV=product…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 55 | デプロイ | ストライプコネクト

[54]デプロイ | 設定ファイル [ホームに戻る] >> [56]デプロイ | コンパイル ストライプのダッシュボード左の「設定」をクリックします。設定connectの設定をクリックします。connectの設定 リダイレクトで「URI追加」をクリックします。URI追加 URIは「http…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 54 | デプロイ | 設定ファイル

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

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 53 | デプロイ | herokuアカウント

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

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 52 | フルカレンダー

[51]メッセージと会話| コメントへのファイル添付 [ホームに戻る] >> [53]デプロイ | herokuアカウント yarnを使ってインストールします。 コマンド 一文です。 yarn add @fullcalendar/core@4.2.0 @fullcalendar/daygrid@4.2.0 @fullcalendar/list@4.2.0 「…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 51 | メッセージと会話| コメントへのファイル添付

[50]メッセージと会話| リアルタイムコメント [ホームに戻る] >> [52]フルカレンダー コメントにファイルを添付できるようにします。 「app\models\comment.rb」に以下の記述を追加します。 記述追加 app\models\comment.rb(5行目) has_one_attached :attach…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 50 | メッセージと会話| リアルタイムコメント

[49]メッセージと会話| コメント [ホームに戻る] >> [51]メッセージと会話| コメントへのファイル添付 コメントがリアルタイムに反映するようにします。 コマンド rails g channel Comment 「app\channels\comment_channel.rb」ファイルを以下のように編集し…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 49 | メッセージと会話| コメント

[48]メッセージと会話 | リアルタイムメッセージ [ホームに戻る] >> [50]メッセージと会話| リアルタイムコメント 注文したお仕事に対してコメント出来るようにします。 コマンド rails g model Comment content:text user:references order:references --no…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 48 | メッセージと会話 | リアルタイムメッセージ

[47]メッセージと会話 | 会話 [ホームに戻る] >> [49]メッセージと会話| コメント メッセージをリアルタイムで送りあうことができるようにします。 コマンド rails g channel Message ルートの設定をします。 記述追加 config\routes.rb 36行目に「mount Act…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 47 | メッセージと会話 | 会話

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

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 46 | メッセージと会話 | コントローラとビュー

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

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 45 | メッセージと会話 | モデル

[44]trestle | 仕事管理 [ホームに戻る] >> [46]メッセージと会話 | コントローラとビュー メッセージと会話のモデルを作成していきます。 コマンド rails g model Conversation sender:references receiver:references コマンド rails g model Message cont…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 44 | trestle | 仕事管理

[43]trestle | ユーザ管理 [ホームに戻る] >> [45]メッセージと会話 | モデル 仕事の管理を行えるようにします。 コマンド rails g trestle:resource Gig 「app\admin\gigs_admin.rb」ファイルを以下のように編集します。 記述編集 app\admin\gigs_admin.rb …

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 43 | trestle | ユーザ管理

[42]trestle | カテゴリー管理 [ホームに戻る] >> [44]trestle | 仕事管理 ユーザ管理が出来るようにします。 コマンド rails g migration AddActiveToUser active:boolean 「db\migrate\20200712035153_add_active_to_user.rb」ファイルを以下のように編集…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 42 | trestle | カテゴリー管理

[41]trestle [ホームに戻る] >> [43]trestle | ユーザ管理 管理カテゴリを作成します。 コマンド rails g migration AddActiveToCategory active:boolean 「db\migrate\20200712031237_add_active_to_category.rb」ファイルを編集します。 記述編集 db\migra…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 41 | trestle

[40]購入 [ホームに戻る] >> [42]trestle | カテゴリー管理 管理ダッシュボードを作成していきます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile(86行目) gem 'trestle', '=0.8.12' gem 'trestle-auth', '=0.2.5' GemFile source 'https://r…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 40 | 購入

[39]Stripeコネクト [ホームに戻る] >> [41]trestle お仕事を購入できるようにします。 記述追加 app\controllers\gigs_controller.rb(90行目) def checkout if current_user.stripe_id @stripe_customer = Stripe::Customer.retrieve(current_user.stripe_i…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 39 | Stripeコネクト

[38]Stripe(ストライプ) [ホームに戻る] >> [40]購入 お仕事を登録して仕事をした方に価格の80%が自動で登録振込口座に支払われるよう設定します。 これにはStripeコネクトというサービスを使いますが、プランに「スタンダード」と「エクスプレス」があ…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 38 | Stripe(ストライプ)

[37]ステータスの表示 [ホームに戻る] >> [39]Stripeコネクト Stripe(ストライプ)を使ってでクレジット決済ができるようにします。 まずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hatenablog.jp ダッシュボードで「公開可能キー…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 37 | ステータスの表示

[36]ホームページ [ホームに戻る] >> [38]Stripe(ストライプ) ナビゲーションバーのアイコンにステータス表示が出るようにします。 「app\views\shared\_navbar.html.erb」ファイルの記述を更新します。 記述更新 app\views\shared\_navbar.html.erb 48行…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 36 | ホームページ

[35]ページネーション [ホームに戻る] >> [37]ステータスの表示 ホームページを作成していきます。 「app\assets\images」フォルダに「home」フォルダを新規作成して下さい。 作成した「home」フォルダに「background01.jpg」「category_1.jpg」「category_2…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 35 | ページネーション

[34]検索の実装 [ホームに戻る] >> [36]ホームページ 検索ページにページング機能をつけます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile(77行目) gem 'kaminari' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "http…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 34 | 検索の実装

[33]検索ページ [ホームに戻る] >> [35]ページネーション 検索機能を実装していきます。 「app\controllers\pages_controller.rb」ファイルを以下のように編集します。 記述編集 app\controllers\pages_controller.rb コードをコピーしてファイルの内容を置…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 33 | 検索ページ

[32]レビュー [ホームに戻る] >> [34]検索の実装 検索ページを作成していきます。 「app\controllers\pages_controller.rb」ファイルを以下のように編集します。 記述編集 app\controllers\pages_controller.rb class PagesController < ApplicationControll…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 32 | レビュー

[31]仕事完了 [ホームに戻る] >> [33]検索ページ 「raty-js」をインストールします。 コマンド yarn add raty-js 「app\assets\stylesheets\application.scss」ファイルに以下の記述を追加します。 記述追加 app\assets\stylesheets\application.scss(27行目…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 31 | 仕事完了

[30]仕事を受ける [ホームに戻る] >> [32]レビュー 申込みを受けたお仕事が完了したとき、決済ページに移動できるようにします。 コマンド rails g migration AddRequestToOrder request:references 「db\migrate\20200710001221_add_request_to_order.rb」…