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

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

民泊予約アプリ

Rails7.1 | 仕事売買アプリ作成 | 03 | アプリケーションの作成

インストールしたRails7.1を使ってアプリケーションを作成します。 アプリケーション名は「GigHub7」とします。

Rails7.1 | 民泊予約アプリ作成 | 49 | 本番環境のコールバック

このプロジェクトでコールバックによるリダイレクトを利用しているサービスは以下の3つです。 Google認証 FaceBook認証 Stripeコネクト

Rails7.1 | 民泊予約アプリ作成 | 48 | Heroku postgresの設定

Herokuでデータベースを利用する際は、料金がかかります。 動作のみを試す場合は一番安いプランのMINIプラン(月上限$5)でいいと思いますが、レコード数が1万行までに制限されるため注意が必要です。 次に安いBASICプラン(月上限$9)はレコード数が1千万行…

Rails7.1 | 民泊予約アプリ作成 | 47 | Herokuの接続とPush

いよいよ作成したアプリケーションをherokuへデプロイする時が来ました。 Herokuへの接続の確立、HerokuとGithubの接続、デプロイの方法等、順に解説していきます。 まず、HerokuのダッシュボードページでRubyよりも先にnodeをインストールするよう指定をし…

Rails7.1 | 民泊予約アプリ作成 | 46 | コンパイルテスト

HerokuにPushする前に、コンパイルテストを行い、エラーが出ないかどうか確認します。 ここでエラーが出れば、実際にHerokuにPushする際にも同じエラーが出ます。

Rails7.1 | 民泊予約アプリ作成 | 45 | production.rbの設定

Ruby on Railsで開発したアプリケーションをデプロイする際、開発時にdevelopment.rbファイルに記述してきた設定を本番環境用設定ファイル「config\environments\production.rb」に書き写し、プラスして本番環境用設定を書き加える必要があります。 順を追っ…

Rails7.1 | 民泊予約アプリ作成 | 44 | Herokuアカウントとアプリケーション作成

Heroku(ヘロク)は、クラウドプラットフォームサービスの1つで、開発者がアプリケーションを簡単にデプロイ(公開)、実行、管理できるようにするためのホスティングプロバイダーです。 Herokuは特にウェブアプリケーションのホスティングに特化しており、…

Rails7.1 | 民泊予約アプリ作成 | 43 | 通知

予約やメッセージが入った時に分かるよう、通知機能を実装します。

Rails7.1 | 民泊予約アプリ作成 | 42 | 会話表示

前のセクションで実装したメッセージをLINEのような会話形式で表示させます。

Rails7.1 | 民泊予約アプリ作成 | 41 | メッセージ

ゲストがホストにメッセージを送信できるように実装します。 ジェネレータを使ってメッセージモデルを作成していきます。 次のセクションで解説する会話モデルも一緒に作成しておきます。

Rails7.1 | 民泊予約アプリ作成 | 40 | 予約確認メール

予約が入ると、ホストに確認のメールが届くように設定します。

Rails7.1 | 民泊予約アプリ作成 | 39 | クレジットカード決済

Stripeの設定を今までやりましたが、実際に登録したクレジットカードで決済できるように実装していきます。

Rails7.1 | 民泊予約アプリ作成 | 38 | Stripe Connect

Stripe Connectは、Stripeが提供するプラットフォーム型支払いソリューションです。 Stripeは、オンラインプラットフォームやマーケットプレイスが支払いの受け渡し、処理、および管理を行うための機能を提供することを可能にするためにStripe Connectを導入…

Rails7.1 | 民泊予約アプリ作成 | 37 | Stripe

Stripeは、オンライン決済プロセスを簡素化および最適化するためのソフトウェアプラットフォームとサービスを提供する企業です。 Stripeは、企業や個人がウェブサイトやアプリケーションを通じてクレジットカードやデビットカードを受け入れるためのツールを…

Rails7.1 | 民泊予約アプリ作成 | 36 | Pagination

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

Rails7.1 | 民泊予約アプリ作成 | 35 | Full Calendar

フルカレンダー(FullCalendar)は、JavaScriptで作成されたオープンソースのカレンダーコンポーネントのことです。 Webアプリケーションやウェブサイトで、イベントや予定を視覚的に表示し、管理するために使用されます。 FullCalendarは、日付、週、月の表…

Rails7.1 | 民泊予約アプリ作成 | 34 | 予約ステータス

予約のステータスを実装し、受注した予約を完了させる処理をさせます。 Reservationモデルにstatusカラムを追加します。

Rails7.1 | 民泊予約アプリ作成 | 33 | Ransack

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

Rails7.1 | 民泊予約アプリ作成 | 32 | raty-js

raty-jsは、スター評価を作成するためのJavaScriptプラグインです。 Rails6.1でraty-jsを利用するには、以下のステップに従って設定を行う必要があります。

Rails7.1 | 民泊予約アプリ作成 | 31 | 予約確認

予約の確認ができるようにビューを実装していきます。 ゲスト側とホスト側で分けて実装します。

Rails7.1 | 民泊予約アプリ作成 | 30 | 予約機能実装

実際に予約ができるよう、実装していきます。

Rails7.1 | 民泊予約アプリ作成 | 29 | Datepicker

jQuery日付ピッカー(Datepicker)は、jQueryを使用してウェブページ上で日付の選択を容易にするためのプラグインの一つです。 jQueryはJavaScriptライブラリであり、ウェブ開発者がウェブページのインタラクティブな要素を簡単に操作できるようにするツール…

Rails7.1 | 民泊予約アプリ作成 | 28 | 予約

部屋を予約できる機能を実装していきます。 まずは枠組みを作っていきますが、モデル→コントローラー→ビューの流れで実装します。

Rails7.1 | 民泊予約アプリ作成 | 27 | Google認証

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

Rails7.1 | 民泊予約アプリ作成 | 26 | Facebook認証

ユーザーは既にFacebookアカウントを持っていることが多いため、新しいウェブサイトやアプリケーションに登録やログインする際に新しい資格情報を作成する必要がなく、手間が省けます。 これにより、ユーザーエクスペリエンスが向上し、新規ユーザー獲得が容…

Rails7.1 | 民泊予約アプリ作成 | 25 | Google Maps

Googleマップで登録した部屋をページに表示させます。 それにはまず、Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得する必要があります。 手順は以下の通りにお願いします。

Rails7.1 | 民泊予約アプリ作成 | 24 | Application Helper

RailsのApplication Helper(アプリケーションヘルパー)は、Ruby on Railsフレームワークで使用される便益的なメソッドや関数を定義するためのユーティリティクラスです。 これらのヘルパーメソッドは、ビュー(View)やコントローラー(Controller)で共通…

Rails7.1 | 民泊予約アプリ作成 | 23 | Autocompleteとgeocoderの利用

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

Rails7.1 | 民泊予約アプリ作成 | 22 | Action Text

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

Rails7.1 | 民泊予約アプリ作成 | 21 | Amazon S3

Amazon S3(Simple Storage Service)は、Amazon Web Services(AWS)のクラウドストレージサービスの1つです。 S3は、データの保存、バックアップ、アーカイブ、データの配信など、さまざまなデータストレージ関連の用途に使用されます。

YAE C5 CLINIC(札幌美容クリニック)

関連記事(外部サイト)