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

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

Rails6.0

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 11 | ダッシュボード

ユーザコントローラーを作成します。 コマンド rails g controller Users dashboard 作成したユーザコントローラの内容を更新します。 記述更新 app\controllers\users_controller.rb class UsersController < ApplicationController before_action :authent…

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

Gmailを使ってメールの送信をできるようにします。 以下の手順でGmailのセキュリティを2段階認証プロセスに変更し、アプリパスワードを生成してください。 mrradiology.hatenablog.jp 1.記述の変更 config\environments\development.rb(35行目) 「false」…

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

まずはFACEBOOK for Developmentでアカウントを作成しなければなりません。 developers.facebook.com アカウント、アプリの作成は以下の手順でお願いします。 mrradiology.hatenablog.jp GemFileに以下の記述を追加します。 記述追加 GemFile(67行目) gem 'o…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 08 | フラッシュメッセージ(noty)

notyのデザインについては以下を参照して下さい。 ned.im notyはyarnを使ってインストールします。 コマンド yarn add noty 「app\javascript\packs\application.js」に以下の記述を追加します。 記述追加 app\javascript\packs\application.js(11行目) wind…

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

ユーザーモデルに氏名等の項目を追加します。 コマンド rails g migration AddColumsToUser full_name from about:text language status:boolean 「db\migrate\20200707032605_add_colums_to_user.rb」ファイルの記述を以下のように更新します。 記述更新 db…

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

メールとパスワードでの認証を作成します。 記述追加 GemFile(60行目) gem 'devise' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.3' # Bundle edge Rails instead: gem 'rails', git…

Ruby on Rails6.0 | フリーランスの仕事を登録・購入できるWebサイトを作成する 05 | ナビゲーションバー(Bulma)

ナビゲーションバーを使えるように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_sou…

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

「Visual Studio Code」を開き、「ターミナル」の「新しいターミナル」を選択してターミナルを開きます。 新しいターミナル 下に起動したターミナルでデスクトップに移動します。 cd desktop デスクトップに移動 デスクトップに「MacRails」ディレクトリを作…

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

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

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

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

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

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

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 94 | Bootstrap | 通知

[93]Bootstrap | メッセージと会話 | 会話表示[ホームに戻る] 「50 | 通知」の内容をBootstrapの記述に変更します。 コマンド rails g model Notification content user:references コマンド rails g migration AddUnreadToUser unread:bigint 記述追加 db…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 93 | Bootstrap | メッセージと会話 | 会話表示

[92]Bootstrap | メッセージと会話 | コントローラとビュー作成[ホームに戻る] >> [94]Bootstrap | 通知 「48 | メッセージと会話 | 会話表示」の内容をBootstrapに変更します。 会話表示できるようにします。 「app\controllers」フォルダに「conversat…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 92 | Bootstrap | メッセージと会話 | コントローラとビュー作成

[91]Bootstrap | ページネーション[ホームに戻る] >> [93]Bootstrap | メッセージと会話 | 会話表示 「47 | メッセージと会話 | コントローラとビュー作成」の内容をBootstrapの記述に変更します。 メッセージコントローラを作成します。 コマンド rails…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 91 | Bootstrap | ページネーション

[90]Bootstrap | クレジットカード決済 | Stripe(ストライプ)コネクト[ホームに戻る] >> [92]Bootstrap | メッセージと会話 | コントローラとビュー作成 「44 | ページネーション」の内容をBootstrapの記述に変更します。 検索ページにページング機能…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 90 | Bootstrap | クレジットカード決済 | Stripe(ストライプ)コネクト

[89]Bootstrap | クレジットカード決済 | Stripe(ストライプ)[ホームに戻る] >> [91]Bootstrap | ページネーション 「42 | クレジットカード決済 | Stripe(ストライプ)コネクト」をBootstrapの記述に書き換えます。 お部屋を登録したホストに宿泊料…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 89 | Bootstrap | クレジットカード決済 | Stripe(ストライプ)

[88]Bootstrap | 承認予約[ホームに戻る] >> [90]Bootstrap | クレジットカード決済 | Stripe(ストライプ)コネクト 「41 | クレジットカード決済 | Stripe(ストライプ)」をBootstrapの記述で書き換えます。Stripe(ストライプ)を使ってでクレジット…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 88 | Bootstrap | 承認予約

[87]Bootstrap | jQueryスライダー[ホームに戻る] >> [89]Bootstrap | クレジットカード決済 | Stripe(ストライプ) 「40 | 承認予約」をBootstrapの記述に書き換えます。 設定部分は省略します。 app\views\rooms\new.html.erb <br/> <br/> <div class="row"> <div class="col-sm-6" style="margin:0 auto;"> <div class="card text-center"> <h4 class="card-header text-center">お…</h4></div></div></div></br/></br/>

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 87 | Bootstrap | jQueryスライダー

[86]Bootstrap | AJAX検索[ホームに戻る] >> [88]Bootstrap | 承認予約 「38 | jQueryスライダー」をBootstrapの記述に書き換えます。 記述追加 app\javascript\packs\application.js 「require("jquery-ui/ui/widgets/slider");」の記述を14行目に追加 …

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 86 | Bootstrap | AJAX検索

[85]Bootstrap | ホームページ[ホームに戻る] >> [87]Bootstrap | jQueryスライダー 「37 | AJAX検索」をBootstrapの記述に書き換えます。 設定部分は省略します。 記述追加 app\controllers\pages_controller.rb 「search()」メソッドの実装 class Page…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 85 | Bootstrap | ホームページ

[84]Bootstrap | レビュー[ホームに戻る] >> [86]Bootstrap | AJAX検索 「36 | ホームページ」をBootstrapで書き換えます。 「app\assets\images」フォルダに「home」フォルダを新規作成してください。作成した「home」フォルダの中に何でも良いのでホー…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 84 | Bootstrap | レビュー

[83]Bootstrap | ページ修正[ホームに戻る] >> [85]Bootstrap | ホームページ 「35 | レビュー」をBootstrapの記述に書き換えます。 「raty-js」をインストールします。 コマンド yarn add raty-js@2.9.0 「app\javascript\packs\application.js」ファイ…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 83 | Bootstrap | ページ修正

[82]Bootstrap | 予約確認ページ[ホームに戻る] >> [84]Bootstrap | レビュー 「34 | ページ修正」をBootstrapの記述に書き換えます。 プロフィールページを修正していきます。 記述追加 app\controllers\users_controller.rb 「show()」メソッドに「@ro…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 82 | Bootstrap | 予約確認ページ

[81]Bootstrap | 予約フォーム[ホームに戻る] >> [83]Bootstrap | ページ修正 「33 | 予約確認ページ」をBootstrapの記述に変更します。 宿泊者(ゲスト)の予約確認ページを作成します。 記述追加 app\controllers\reservations_controller.rb(26行目) …

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 81 | Bootstrap | 予約フォーム

[80]Bootstrap |jQuery日付ピッカー[ホームに戻る] >> [82]Bootstrap | 予約確認ページ 「32 | 予約フォーム」をBootstrapの記述に変更します。 設定部分は省略します。 記述更新 app\views\reservations\_form.html.erb コードをコピーして内容を置き換…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 80 | Bootstrap | jQuery日付ピッカー

[79]Bootstrap |予約コントローラとビュー[ホームに戻る] >> [81]Bootstrap | 予約フォーム 「31 | jQuery日付ピッカー」をBootstrapの記述に変更します。 jqueryはすでにインストールされているので、「jquery-ui」をインストールします。 コマンド yar…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 79 | Bootstrap | 予約コントローラとビュー

[78]Bootstrap |ログイン認証における書き換え[ホームに戻る] >> [80]Bootstrap | jQuery日付ピッカー 「30 | 予約コントローラとビュー」におけるBootstrapの書き換えを行います。 記述追加 app\views\rooms\show.html.erb 「」の記述追加(199行目) <div class="row" style="margin-left: 10px; margin-right: 10px;"> <div class="col-md-11"></div></div>…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 78 | Bootstrap | ログイン認証における書き換え

[77]Bootstrap |Googleマップ[ホームに戻る] >> [79]Bootstrap | 予約コントローラとビュー 「26 | Facebook認証」「27 | Google認証」について、Bootstrapへの書き換えを行います。 設定は省略します。 app\views\devise\sessions\new.html.erb <br/> <br/> <div class="row"> <div class="col-sm-6" style="margin:0 auto;"> <div class="card text-center"> </div></div></div></br/></br/>

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 77 | Bootstrap | Googleマップ

[76]Bootstrap |写真カルーセル表示[ホームに戻る] >> [78]Bootstrap | ログイン認証における書き換え 「25 | Googleマップ」をBootstrapに書き換えます。 設定部分は省略します。 Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得…

Ruby on Rails6.0 | 空き部屋を登録・予約・決済できるWebサイトを作成する 76 | Bootstrap | 写真カルーセル表示

[75]Bootstrap |アクションテキスト[ホームに戻る] >> [77]Bootstrap | Googleマップ 「24 | 写真カルーセル表示」をBootstrapに書き換えます。 Bulmaの設定は省略しても大丈夫です。 「app\assets\images」フォルダに「blank.jpg」ファイルを保存してお…