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

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

Rails6.0

Ruby on Rails | Ransackで検索機能を実装する

Ransackは簡単にセットアップでき、既存のRailsアプリケーションに統合しやすいです。 シンプルな構文を使用して検索フォームを作成し、モデルのクエリを生成できます。 また、Ransackはカスタマイズが容易です。 検索フォームのデザインや検索条件、ソート…

Ruby on Rails | ページネーション

ページネーション(Pagination)は、ウェブサイトやアプリケーションで長いリストやコンテンツを複数のページに分割する方法です。 ページネーションを利用することにはいくつかの利点があります。 長いリストやコンテンツを一度に表示すると、ページが読み…

Ruby on Rails | Autocompleteとgeocoderの利用

Rails 6を使用してGoogleの自動補完(Autocomplete)を実装するには、以下のステップに従うことができます。 Googleの自動補完は、通常、Google Places APIを使用して実装されます。

Ruby on Rails | doropzoneの利用

Dropzone.jsをRuby on Railsプロジェクトに統合することは、ファイルアップロードのユーザーエクスペリエンスを向上させ、アプリケーション全体の機能性と使いやすさを向上させるために非常に有益です。 Dropzone.jsは、ユーザーエクスペリエンスを向上させ…

Ruby on Rails | Action Textの利用

Ruby on Railsで利用できるAction Textを使えば、リッチテキストフィールドを簡単に統合できます。 Action Textを導入する手順を順を追って説明します。

Ruby on Rails | trestleの利用

TrestleはRuby on Railsプロジェクトで管理画面を迅速に構築し、カスタマイズしやすくするための強力なツールです。 これにより、開発者はアプリケーションのコア機能に専念し、時間と労力を節約できます。 trestleは、Ruby on Railsアプリケーションに簡単…

Ruby on Rails | Google認証の実装

Google認証を実現するために、OmniAuthというGemを使用することが一般的です。 Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 最初に、GemfileにOmniAuthとOmniAuth-Google-OAuth2を…

Ruby on Rails | Amazon S3の利用

Amazon Simple Storage Service(Amazon S3)は、クラウドベースのオブジェクトストレージサービスです。 herokuにアプリケーションをデプロイすると画像をローカルに保存することができません。 それに対応するため、アップロードした画像を全てアマゾンS3…

Ruby on Rails | Font Awesomeの利用

Ruby on RailsでFont Awesomeを利用するためには、以下のステップを実行します。 Font Awesomeはアイコンフォントセットであり、アプリケーション内でアイコンを使用するのに役立ちます。 今回は、gemを追加する方法を紹介します。

Ruby on Rails | Google Fonts

Ruby on RailsアプリケーションでGoogle Fontsを使用するためには、以下のステップを実行することができます。 Google Fontsはウェブフォントを提供し、アプリケーションに美しいフォントを追加するのに役立ちます。

Ruby on Rails | Gmail設定

Gmailを使ってメールの送信をできるようにします。 Ruby on RailsアプリケーションでGmailを使用してメール送信を設定するには、以下の手順を実行できます。 GmailのSMTPサーバーを使ってメールを送信することができます。

Ruby on Rails | 日本語化

Ruby on Railsを日本語化するには、以下の手順を実行します。 Ruby on Railsは多言語対応が得意であり、多くの部分を簡単に翻訳できます。 RailsはI18n(Internationalization、国際化)をサポートしています。

Ruby on Rails | noty

Ruby on Railsの"Noty"は、通知メッセージを簡単に表示するためのJavaScriptライブラリです。 Notyは、ウェブアプリケーションやウェブサイトで、ユーザーにメッセージや通知を表示するための美しくカスタマイズ可能なポップアップ通知を生成するのに役立ち…

Ruby on Rails | deviceの活用

Ruby on Railsでログインを実装する時、「device」を活用すると素早く実装することができます。 deviseはユーザーの登録、ログイン、ログアウト、パスワードリセットなどの認証機能があり、Gメールの設定をすることで、セキュリティが向上します。

Bootstrap | ナビゲーションバーの活用

Ruby on Rails6でBootstrap5.3を使ってみます。 まずはyarnでBootstrap5.3.2をインストールします。 コマンド yarn add bootstrap@5.3.2 popper.jsをインストールします。 コマンド yarn add @popperjs/core 「package.json」ファイルを確認します。 { "name…

Rails6.0 | 民泊サイトの構築(改良版)| 42 | 通知 | for MacOSX

ランキング参加中プログラミング | 41 | メッセージと会話 ホーム] 通知機能を実装します。 コマンド rails g model Notification content user:references コマンド rails g migration AddUnreadToUser unread:bigint 記述追加 db\migrate\20200729003608_a…

Rails6.0 | 民泊サイトの構築(改良版)| 41 | メッセージと会話 | for MacOSX

ランキング参加中プログラミング | 40 | 予約確認メール ホーム] >> | 42 | 通知 メッセージと会話のモデルを作成していきます。 コマンド rails g model Conversation sender:references receiver:references コマンド rails g model Message content:text …

Rails6.0 | 民泊サイトの構築(改良版)| 40 | 予約確認メール | for MacOSX

ランキング参加中プログラミング | 39 | クレジットカード決済 ホーム] >> | 41 | メッセージと会話 「app\mailers」フォルダに「reservation_mailer.rb」ファイルを新規作成してください。 app\mailers\reservation_mailer.rb(新規作成したファイル) class …

Rails6.0 | 民泊サイトの構築(改良版)| 39 | クレジットカード決済 | for MacOSX

ランキング参加中プログラミング | 38 | Stripe Connectの実装 ホーム] >> | 40 | 予約確認メール 「app\controllers\reservations_controller.rb」ファイルの記述を更新します。 1.5行目の「create()」メソッドの記述を以下のように更新します。 def crea…

Rails6.0 | 民泊サイトの構築(改良版)| 38 | Stripe Connectの実装 | for MacOSX

ランキング参加中プログラミング | 37 |Stripeによるクレジットカード決済の実装 ホーム] >> | 39 | クレジットカード決済 部屋を登録したホストに宿泊料金の80%が自動で支払われるように設定します。 このセッションでは接続のみを扱い、次のセッション…

Rails6.0 | 民泊サイトの構築(改良版)| 37 |Stripeによるクレジットカード決済の実装 | for MacOSX

ランキング参加中プログラミング | 36 |ページネーションの実装 ホーム] >> | 38 | Stripe Connectの実装 Stripe(ストライプ)を使ってでクレジット決済ができるようにします。 まずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hate…

Rails6.0 | 民泊サイトの構築(改良版)| 36 |ページネーションの実装 | for MacOSX

ランキング参加中プログラミング | 35 |フルカレンダーの実装 ホーム] >> | 37 |Stripeによるクレジットカード決済の実装 検索ページにページング機能をつけます。 「GemFile」に以下の記述を追加します。 記述追加 GemFile(85行目) gem 'kaminari' GemFile …

Rails6.0 | 民泊サイトの構築(改良版)| 35 |フルカレンダーの実装 | for MacOSX

ランキング参加中プログラミング | 34 |ホームページとAJAX検索 ホーム] >> | 36 |ページネーションの実装 フルカレンダーをインストールします。 コマンド 一文です。 yarn add @fullcalendar/core@5.9.0 @fullcalendar/daygrid@5.9.0 @fullcalendar/intera…

Rails6.0 | 民泊サイトの構築(改良版)| 34 |ホームページとAJAX検索 | for MacOSX

ランキング参加中プログラミング | 33 |レビューの実装 ホーム] >> | 35 |フルカレンダーの実装 「app\assets\images」フォルダに「home」フォルダを新規作成してください。作成した「home」フォルダの中に何でも良いのでホームページの背景画像となる「back…

Rails6.0 | 民泊サイトの構築(改良版)| 33 |レビューの実装 | for MacOSX

ランキング参加中プログラミング | 32 |予約確認ページの実装 ホーム] >> | 34 |ホームページとAJAX検索 「star-on.png」「star-off.png」「star-half.png」の3ファイルを「app/assets/images」フォルダにコピーしておいてください。 画像は下記のリンクに…

Rails6.0 | 民泊サイトの構築(改良版)| 32 |予約確認ページの実装 | for MacOSX

ランキング参加中プログラミング | 31 |予約フォームの実装 ホーム] >> | 33 |レビューの実装 宿泊者(ゲスト)の予約確認ページを作成します。 記述追加 app\controllers\reservations_controller.rb(26行目) def your_trips @trips = current_user.reserva…

Rails6.0 | 民泊サイトの構築(改良版)| 31 |予約フォームの実装 | for MacOSX

ランキング参加中プログラミング | 30 | jQuery日付ピッカー ホーム] >> | 32 |予約確認ページの実装 「app\controllers\rooms_controller.rb」ファイルを編集します。 1.記述追加 app\controllers\rooms_controller.rb(71行目) # 予約 開始日のAJAX def p…

Rails6.0 | 民泊サイトの構築(改良版)| 30 | jQuery日付ピッカー | for MacOSX

ランキング参加中プログラミング | 29 | 予約の実装(コントローラーとビュー作成) ホーム] >> | 31 |予約フォームの実装 jqueryはすでにインストールされているので、「jquery-ui」をインストールします。 コマンド yarn add jquery-ui 記述追加 config\we…

Rails6.0 | 民泊サイトの構築(改良版)| 29 | 予約の実装(コントローラーとビュー作成) | for MacOSX

ランキング参加中プログラミング | 28 | 予約モデルの実装 ホーム] >> | 30 | jQuery日付ピッカー 「app\controllers」フォルダに「reservations_controller.rb」ファイルを新規作成します。 app\controllers\reservations_controller.rb(新規作成したファイ…

Rails6.0 | 民泊サイトの構築(改良版)| 28 | 予約モデルの実装 | for MacOSX

ランキング参加中プログラミング | 27 | Google認証の実装 ホーム] >> | 29 | 予約の実装(コントローラーとビュー作成) コマンド 1文です。 rails g model Reservation user:references room:references start_date:datetime end_date:datetime price:big…