民泊予約アプリ
インストールしたRails7.1を使ってアプリケーションを作成します。 アプリケーション名は「GigHub7」とします。
このプロジェクトでコールバックによるリダイレクトを利用しているサービスは以下の３つです。 Google認証 FaceBook認証 Stripeコネクト
Herokuでデータベースを利用する際は、料金がかかります。 動作のみを試す場合は一番安いプランのMINIプラン（月上限$5）でいいと思いますが、レコード数が1万行までに制限されるため注意が必要です。 次に安いBASICプラン（月上限$9）はレコード数が1千万行…
いよいよ作成したアプリケーションをherokuへデプロイする時が来ました。 Herokuへの接続の確立、HerokuとGithubの接続、デプロイの方法等、順に解説していきます。 まず、HerokuのダッシュボードページでRubyよりも先にnodeをインストールするよう指定をし…
HerokuにPushする前に、コンパイルテストを行い、エラーが出ないかどうか確認します。 ここでエラーが出れば、実際にHerokuにPushする際にも同じエラーが出ます。
Ruby on Railsで開発したアプリケーションをデプロイする際、開発時にdevelopment.rbファイルに記述してきた設定を本番環境用設定ファイル「config\environments\production.rb」に書き写し、プラスして本番環境用設定を書き加える必要があります。 順を追っ…
Heroku（ヘロク）は、クラウドプラットフォームサービスの1つで、開発者がアプリケーションを簡単にデプロイ（公開）、実行、管理できるようにするためのホスティングプロバイダーです。 Herokuは特にウェブアプリケーションのホスティングに特化しており、…
予約やメッセージが入った時に分かるよう、通知機能を実装します。
前のセクションで実装したメッセージをLINEのような会話形式で表示させます。
ゲストがホストにメッセージを送信できるように実装します。 ジェネレータを使ってメッセージモデルを作成していきます。 次のセクションで解説する会話モデルも一緒に作成しておきます。
予約が入ると、ホストに確認のメールが届くように設定します。
Stripeの設定を今までやりましたが、実際に登録したクレジットカードで決済できるように実装していきます。
Stripe Connectは、Stripeが提供するプラットフォーム型支払いソリューションです。 Stripeは、オンラインプラットフォームやマーケットプレイスが支払いの受け渡し、処理、および管理を行うための機能を提供することを可能にするためにStripe Connectを導入…
Stripeは、オンライン決済プロセスを簡素化および最適化するためのソフトウェアプラットフォームとサービスを提供する企業です。 Stripeは、企業や個人がウェブサイトやアプリケーションを通じてクレジットカードやデビットカードを受け入れるためのツールを…
ページネーション（Pagination）は、ウェブサイトやアプリケーションで長いリストやコンテンツを複数のページに分割する方法です。 ページネーションを利用することにはいくつかの利点があります。 長いリストやコンテンツを一度に表示すると、ページが読み…
フルカレンダー（FullCalendar）は、JavaScriptで作成されたオープンソースのカレンダーコンポーネントのことです。 Webアプリケーションやウェブサイトで、イベントや予定を視覚的に表示し、管理するために使用されます。 FullCalendarは、日付、週、月の表…
予約のステータスを実装し、受注した予約を完了させる処理をさせます。 Reservationモデルにstatusカラムを追加します。
Ransackは簡単にセットアップでき、既存のRailsアプリケーションに統合しやすいです。 シンプルな構文を使用して検索フォームを作成し、モデルのクエリを生成できます。 また、Ransackはカスタマイズが容易です。 検索フォームのデザインや検索条件、ソート…
raty-jsは、スター評価を作成するためのJavaScriptプラグインです。 Rails6.1でraty-jsを利用するには、以下のステップに従って設定を行う必要があります。
予約の確認ができるようにビューを実装していきます。 ゲスト側とホスト側で分けて実装します。
実際に予約ができるよう、実装していきます。
jQuery日付ピッカー（Datepicker）は、jQueryを使用してウェブページ上で日付の選択を容易にするためのプラグインの一つです。 jQueryはJavaScriptライブラリであり、ウェブ開発者がウェブページのインタラクティブな要素を簡単に操作できるようにするツール…
部屋を予約できる機能を実装していきます。 まずは枠組みを作っていきますが、モデル→コントローラー→ビューの流れで実装します。
Google認証を実現するために、OmniAuthというGemを使用することが一般的です。 さらにGoogle Cloud PlatformでAPIキーを取得する必要があります。 まずはGoogle Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通…
ユーザーは既にFacebookアカウントを持っていることが多いため、新しいウェブサイトやアプリケーションに登録やログインする際に新しい資格情報を作成する必要がなく、手間が省けます。 これにより、ユーザーエクスペリエンスが向上し、新規ユーザー獲得が容…
Googleマップで登録した部屋をページに表示させます。 それにはまず、Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得する必要があります。 手順は以下の通りにお願いします。
RailsのApplication Helper（アプリケーションヘルパー）は、Ruby on Railsフレームワークで使用される便益的なメソッドや関数を定義するためのユーティリティクラスです。 これらのヘルパーメソッドは、ビュー（View）やコントローラー（Controller）で共通…
Rails 7.1を使用してGoogleの自動補完（Autocomplete）を実装するには、以下のステップに従うことができます。 Googleの自動補完は、通常、Google Places APIを使用して実装されます。
Ruby on Railsで利用できるAction Textを使えば、リッチテキストフィールドを簡単に統合できます。 Action Textを導入する手順を順を追って説明します。
Amazon S3（Simple Storage Service）は、Amazon Web Services（AWS）のクラウドストレージサービスの1つです。 S3は、データの保存、バックアップ、アーカイブ、データの配信など、さまざまなデータストレージ関連の用途に使用されます。
