ステップバイステップガイド：Adaloを使用したUpworkクローンの構築

フリーランスマーケットプレイスの構築に Adalo が適している理由

Adaloは、データベース駆動型のウェブアプリとネイティブiOSおよびAndroidアプリ用のノーコードアプリビルダーです。3つのプラットフォーム全体で1つのバージョンであり、Apple App StoreおよびGoogle Playに公開されます。これにより、ユーザープロファイル、ジョブリスト、提案、トランザクションを複数のデバイスとプラットフォーム全体で管理するための高度なデータベース関係が必要なフリーランスマーケットプレイスに理想的な基盤となります。

フリーランスマーケットプレイスをApple App StoreおよびGoogle Playで利用可能にすることで、大きな競争上の利点が得られます。フリーランサーとクライアントは、どこからでも作業プラットフォームにアクセスすることを期待しており、ネイティブアプリ配布により、新しいジョブ投稿、提案の更新、支払い確認のプッシュ通知が可能になり、ユーザーのエンゲージメントとトランザクションフローを維持できます。

UpworkやFiverrのようなフリーランスマーケットプレイスを構築するには、堅牢なデータベース機能、リアルタイムメッセージング、安全な支払い処理、およびクロスプラットフォーム対応が必要です。フリーランサーは携帯電話からジョブを閲覧することを期待し、クライアントはデスクトップから提案を確認する必要があります。AIを搭載したアプリビルダーであるAdaloは、ウェブ、iOS App Store、Android Play Storeに同時に公開される1つのアプリを作成できるようにすることで、この複雑性を解決します。マーケットプレイスを立ち上げるための最も難しい部分が自動的に処理されます。

この包括的なチュートリアルでは、Adaloのビジュアルビルダーを使用して機能的なフリーランスマーケットプレイスを構築する方法を説明します。成長している グローバルフリーランスプラットフォーム市場 とフリーランス労働力への参加の増加に伴い、独自のプラットフォームを立ち上げるのに最適な時期です。コードを書かずに、ユーザープロファイル、ジョブ投稿システム、入札機能、支払い処理、評価システムの作成方法を学びます。

フリーランスマーケットプレイスの構築に Adalo が適している理由

Adaloは、単一のコードベースからデータベース駆動型のウェブアプリとネイティブiOSおよびAndroidアプリを作成します。これにより、ユーザープロファイル、ジョブリスト、提案、トランザクションを複数のデバイスとプラットフォーム全体で管理するための高度なデータベース関係が必要なフリーランスマーケットプレイスに理想的な基盤となります。

フリーランスマーケットプレイスをApple App StoreおよびGoogle Playで利用可能にすることで、大きな競争上の利点が得られます。フリーランサーとクライアントは、どこからでも作業プラットフォームにアクセスすることを期待しており、ネイティブアプリ配布により、新しいジョブ投稿、提案の更新、支払い確認のプッシュ通知が可能になり、ユーザーのエンゲージメントとトランザクションフローを維持できます。 プラットフォーム上で作成された300万以上のアプリ ビジュアルビルダーは「PowerPointと同じくらい簡単」と説明されており、コンセプトから公開されたマーケットプレイスへの移行が従来の開発よりも速く進みます。

前提条件と初期設定

ステップ1：Adaloアカウントを作成してプランを選択します

1. 訪問 Adalo.com アカウントにサインアップしてください
2. フリープランから始めてアプリを構築およびテストする
3. 本番マーケットプレイスを公開する場合は、プロフェッショナルプラン（月額36ドル 無制限の使用とアプリストア公開機能付き）を検討してください：
   • カスタムドメインサポート
   • 無制限の更新を備えた公開アプリ
   • カスタム統合
   • データベースレコード制限なし—マーケットプレイスはデータ制限に達することなくスケーリングできます
4. ビジネスプラン（月額$250）は以下が必要な場合に推奨されます：
   • 公開されたアプリの複数
   • 無制限のエディターシート
   • 優先サポート

AdaloのビルダーであるAdaは、あなたが何を望んでいるかを説明してアプリを生成することができます。Magic Startは説明からアプリの基盤全体を作成し、Magic Addは自然言語を通じて機能を追加します。

Adaloの価格プランを比較する

ステップ2：マーケットプレイスアプリの作成

1. ダッシュボードから「新しいアプリを作成」をクリックします
2. 「モバイルアプリ」を選択します（1つのプロジェクトからiOS、Android、ウェブに公開）
3. アプリに名前を付けます（例：「FreelanceHub」）
4. 「スクラッチから開始」を選択してカスタムマーケットプレイス機能を構築するか、 Magic Start を使用して説明からベースを生成します。フリーランスマーケットプレイスを構築していることを指示すると、初期データベース構造、スクリーン、ユーザーフローが自動的に作成されます

ステップ3：アプリのテーマを設定する

1. ブランドカラーを選択します：
   • プライマリカラー（例：信頼のための青）
   • セカンダリカラー（例：アクションボタン用の緑）
2. プロフェッショナルなタイポグラフィを選択する
3. 「続行」をクリックしてアプリビルダーに進む

データベース構造の構築

ステップ 4：ユーザーコレクションを強化する

Adaloはデフォルトのユーザーコレクションを作成します。マーケットプレイス機能用に拡張します：

1. 「追加またはインポート」をクリックします データベース 左サイドバーのアイコン
2. 「ユーザー」コレクションを選択
3. これらのプロパティを追加します（それぞれに「+ プロパティを追加」をクリック）：
   • ユーザータイプ （テキスト）- 値：「フリーランサー」、「クライアント」
   • プロフィール写真 （画像）
   • 電話番号 （テキスト）
   • プロフィール （テキスト - 複数行）
   • スキル （テキスト—検索可能なタグ用）
   • 時間給 （数値）—フリーランサー用
   • 場所 （位置）
   • 市区町村 （テキスト）
   • 国 （テキスト）
   • ポートフォリオURL （テキスト）
   • 経験年数 （数値）
   • 平均評価 （数値）
   • 総レビュー （数値）
   • メンバー登録日 （日付と時刻-自動）
   • アカウント残高 （数値）—収益/クレジット追跡用

Adaloのデータベースの詳細を学ぶ

ステップ5：ジョブコレクションを作成する

1. 「 「+ コレクションを追加」
2. 「ジョブ」という名前を付けます
3. これらのプロパティを追加：
   • 職種 （テキスト）
   • 説明 （テキスト - 複数行）
   • 探索 （テキスト）- 値：「ウェブ開発」、「デザイン」、「ライティング」、「マーケティング」、「バーチャルアシスタント」
   • 予算タイプ （テキスト）- 値：「固定価格」、「時間単価」
   • 予算額 （数値）
   • 必要なスキル （テキスト）
   • 経験レベル （テキスト）- 値：「初級」、「中級」、「エキスパート」
   • プロジェクト期間 （テキスト）- 値：「1ヶ月未満」、「1～3ヶ月」、「3～6ヶ月」、「6ヶ月以上」
   • ステータス （テキスト）- 値：「オープン」、「進行中」、「完了」、「キャンセル」
   • 場所の希望 （テキスト）- 値：「リモート」、「オンサイト」、「ハイブリッド」
   • 提案数 （数値）
   • 掲載日 （日付と時刻-自動）
   • 期限 （日時）

ステップ6：提案コレクションを作成する

1. 「 「+ コレクションを追加」
2. 「提案」という名前を付けます
3. プロパティを追加：
   • カバーレター （テキスト - 複数行）
   • 提案料金 （数値）
   • 納期 (数字) - 日数
   • ステータス (テキスト) - 値: 「保留中」、「承認済み」、「却下」、「取り下げ」
   • 送信日 （日付と時刻-自動）
   • ポートフォリオサンプル (テキスト) - 作品サンプルへのURL

ステップ7: 契約コレクションを作成

1. 「 「+ コレクションを追加」
2. 「契約」という名前を付けます
3. プロパティを追加：
   • 開始日 （日時）
   • 終了日 （日時）
   • 合計金額 （数値）
   • 支払い条件 （テキスト）
   • マイルストーン （テキスト - 複数行）
   • ステータス (テキスト) - 値: 「アクティブ」、「完了」、「紛争」、「キャンセル」
   • 作業時間 (数字) - 時給契約用
   • 支払額 （数値）
   • 残額 （数値）

ステップ 8: レビューコレクションを作成する

1. 「 「+ コレクションを追加」
2. 「レビュー」と名付ける
3. プロパティを追加：
   • 評価 (数字) - 1～5スケール
   • コミュニケーション評価 （数値）
   • 品質評価 （数値）
   • プロフェッショナリズム評価 （数値）
   • レビューテキスト （テキスト - 複数行）
   • 応答 (テキスト - 複数行) - レビュアーが回答用
   • 作成日 （日付と時刻-自動）
   • 推奨します （真偽値）

ステップ9: メッセージコレクションを作成

1. 「 「+ コレクションを追加」
2. 「メッセージ」と名付けます
3. プロパティを追加：
   • メッセージテキスト （テキスト - 複数行）
   • 送信日 （日付と時刻-自動）
   • 既読 （真偽値）
   • 添付ファイルURL (テキスト) - ファイル共有用

ステップ 10: 支払いコレクションを作成する

1. 「 「+ コレクションを追加」
2. 「Payments」と名前を付ける
3. プロパティを追加：
   • 金額 （数値）
   • プラットフォーム手数料 (数字) - マーケットプレイス手数料
   • フリーランサー金額 (数字) - 手数料後の金額
   • 支払い方法 （テキスト）
   • Stripe支払いID （テキスト）
   • ステータス (テキスト) - 値: 「保留中」、「処理待ち」、「解放」、「払い戻し」
   • 支払い日 （日付と時刻-自動）
   • リリース日 （日時）

ステップ 11: データベースリレーションシップを設定する

設定 リレーショナルデータベース 接続はマーケットプレイス機能に不可欠です。Adaloの これが優先順位の理解が重要である理由です。緊急かつ重要の両方ではないタスクに立ち往生している場合、全体的なプロジェクトを前進させるために他に何ができるかを自問してください。立ち往生しているものと同等の重要性がある場合、他の誰かが自分たちを助けるために自由になるのを待つ間に、それで働き始める必要があります。を使用すれば、マーケットプレイスの成長に伴うストレージ上限の心配なくこれらの関係を構築できます:

1. で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 タスク コレクション:
   • ユーザーへの関係を追加: 「投稿者」(クライアントは多くのジョブを投稿できます)
   • ユーザーへの関係を追加: 「割り当て先」(雇用されたフリーランサー用の1対1)
2. で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 提案 コレクション:
   • ジョブへの関係を追加: 多対1(各ジョブは多くの提案を持つことができます)
   • ユーザーへの関係を追加: 「フリーランサー」(各フリーランサーは多くの提案を送信できます)
3. で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 契約 コレクション:
   • ジョブへの関係を追加: 1対1
   • ユーザーへの関係を追加: 「クライアント」
   • ユーザーへの関係を追加: 「フリーランサー」
   • 提案への関係を追加: 1対1(受け入れられた提案)
4. で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 レビュー コレクション:
   • ユーザーへの関係を追加: 「レビュアー」(レビューを与える人)
   • ユーザーへの関係を追加: 「レビュー対象」(レビューを受け取る人)
   • 契約への関係を追加: 多対1
5. で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 メッセージ コレクション:
   • ユーザーへのリレーションシップを追加: 「送信者」
   • ユーザーへの関係を追加: 「受信者」
   • ジョブへの関係を追加: 多対1(特定のジョブに関するメッセージ)
6. で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 決済 コレクション:
   • 契約への関係を追加: 1対多(契約は複数の支払い/マイルストーンを持つことができます)
   • ユーザーへの関係を追加: 「クライアント」
   • ユーザーへの関係を追加: 「フリーランサー」

ユーザー認証の作成

ステップ12: ウェルカムスクリーンを構築

1. デフォルトスクリーンを「Welcome」に名前変更
2. マーケットプレイスロゴを追加 (画像コンポーネント)
3. ヘッドラインテキストを追加: 「スキルのあるフリーランサーと繋がるか、次のプロジェクトを見つけましょう」
4. バリュープロポジションポイントを追加:
   • 「支払い保護付きの安全な支払い」
   • 「認証済みのフリーランサーとクライアント」
   • 「満足したときのみ支払い」
5. 2つのボタンを追加:
   • 「サインアップ」→「アカウントタイプ」スクリーンへのリンク
   • 「ログイン」 → 「ログイン」画面へのリンク

ステップ13: アカウントタイプ選択スクリーンを作成

1. 新しい画面「アカウントタイプ」を追加
2. ヘッダーテキストを追加：「クライアントまたはフリーランサーとして参加」
3. 2つの大きな選択カードを追加：
   • クライアントカード：「私はクライアントです。プロジェクトのために採用しています」
   • フリーランサーカード：「私はフリーランサーです。仕事を探しています」
4. 各カードのボタンは別々のサインアップ画面にリンク

ステップ14：クライアントサインアップ画面を作成

1. 新しい画面「クライアントサインアップ」を追加
2. 追加 フォーム ユーザーに接続されたコンポーネント:
   • メール（必須）
   • パスワード（必須、最小8文字）
   • フルネーム（必須）
   • 会社名（オプション）
   • 電話番号
3. フォーム送信時にユーザータイプを「クライアント」に自動設定
4. サインアップ成功時→「クライアントオンボーディング」にリンク

ステップ15：フリーランサーサインアップ画面を作成

1. 新しい画面「フリーランサーサインアップ」を追加
2. 追加 フォーム ユーザーに接続されたコンポーネント:
   • メール（必須）
   • パスワード(必須)
   • フルネーム（必須）
   • 電話番号
3. ユーザータイプを「フリーランサー」に自動設定
4. サインアップ成功時→「フリーランサープロフィール設定」にリンク

ステップ16：フリーランサープロフィール設定を構築

1. 新しい画面「フリーランサープロフィール設定」を追加
2. ログインユーザーを更新するマルチステップフォームを追加：
   • ステップ 1：基本情報
     • プロフィール写真(画像ピッカー)
     • プロフェッショナルタイトル
     • 時間給
     • 場所/都市
   • ステップ 2：スキルと経験
     • スキル（タグ付きテキスト入力）
     • 経験年数
     • 自己紹介/説明
     • ポートフォリオURL
   • ステップ3：対応可能状況
     • 週あたりの対応可能時間
     • タイムゾーン
3. 送信ボタン→「フリーランサーダッシュボード」にリンク

ステップ17：クライアントオンボーディングを作成

1. 画面「クライアントオンボーディング」を追加
2. 簡単なプロフィール完成：
   • 企業名
   • 業界
   • 場所
3. 最初のジョブを投稿するためのクイックチュートリアル
4. ボタン：「最初のジョブを投稿」→「ジョブ投稿」画面にリンク

フリーランサーインターフェースの構築

ステップ18：フリーランサーダッシュボードを作成

1. 新しい画面「フリーランサーダッシュボード」を追加
2. トップナビゲーションバーを追加：
   • 「ジョブを検索」タブ
   • 「マイプロポーザル」タブ
   • 「アクティブな契約」タブ
   • 「メッセージ」タブ
   • 「プロフィール」アイコン
3. 統計サマリーセクションを追加：
   • 送信されたプロポーザルの総数（数）
   • アクティブな契約
   • 今月の総収益
   • 平均評価
4. 「利用可能なジョブ」リストを追加（次のステップで対応）

ステップ19：ジョブ検索画面を構築

1. 新しい画面「ジョブを検索」（またはダッシュボードのタブ）を追加
2. 検索とフィルターセクションを追加：
   • 検索入力：タイトル/説明のキーワードで検索
   • ドロップダウンフィルター:
     • 探索
     • 経験レベル
     • 予算範囲
     • 予算タイプ（固定/時間制）
3. 追加 リスト のジョブ数：
   • フィルター: ステータス = 「オープン」
   • ソート順：投稿日（最新順）
4. 各ジョブカードに表示:
   • 職種
   • カテゴリバッジ
   • 予算とタイプ
   • 投稿時刻（例: 「2時間前」）
   • 提案の件数
   • 必要なスキル
5. ジョブをクリック → 「ジョブ詳細」画面へリンク

ステップ20: ジョブ詳細画面を作成

1. 新しい画面「ジョブ詳細」を追加
2. 現在のジョブ情報を表示:
   • 完全なジョブタイトルと説明
   • クライアント名と評価
   • 予算詳細
   • プロジェクト期間
   • 必要なスキル
   • 必要な経験レベル
   • 受け取った提案の件数
   • 投稿日
3. 「クライアントについて」セクションを追加:
   • クライアントの平均評価
   • 投稿されたジョブ
   • 採用率
   • メンバー登録日
4. アクションボタンを追加：
   • 「提案を送信」 → 「提案を送信」画面へリンク
   • 「ジョブを保存」 → 保存済みジョブリストに追加

ステップ21: 提案を送信画面を構築

1. 新しい画面「提案を送信」を追加
2. 追加 フォーム 提案コレクションに接続:
   • ジョブ関連付けを現在のジョブに設定
   • フリーランサーをログイン中のユーザーに設定
   • カバーレター （大きなテキストエリア）
     • プレースホルダー: 「なぜあなたが最適な候補者なのかを説明してください...」
   • 提案料金 （数値入力）
     • ジョブ予算に基づいて提案範囲を表示
   • 納期 （日数での数値入力）
   • ポートフォリオサンプル （URLのテキスト入力）
3. 手数料の内訳を表示:
   • あなたの提案単価: $X
   • プラットフォーム手数料（例: 10～20%—独自に設定可能）: -$Y
   • あなたが受け取る金額: $Z
4. 送信ボタンのアクション:
   • 提案レコードを作成
   • ジョブを更新 → 提案件数 (+1)
   • クライアントに通知を送信
   • 「提案を送信しました」確認画面に移動

ステップ22: マイ提案画面を作成

1. 新しい画面「マイ提案」を追加
2. 提案ステータスのタブを追加:
   • アクティブ (保留中)
   • 承認済み
   • 却下
3. 追加 リスト 提案数:
   • フィルター: フリーランサー = ログインユーザー
   • 並べ替え: 提出日 (最新)
4. 各提案に表示する内容:
   • 仕事のタイトル
   • 提出日
   • 提案レート
   • ステータスバッジ
   • クライアントからの返答 (ある場合)
5. 提案をクリック → 提案の詳細を表示
6. 保留中の提案に「提案を取り下げる」ボタンを追加

クライアントインターフェースの構築

ステップ23: クライアントダッシュボードを作成

1. 新しい画面「クライアントダッシュボード」を追加
2. ナビゲーションタブを追加：
   • 「アクティブな求人」
   • 「掲載求人」
   • 「採用フリーランサー」
   • 「メッセージ」
3. クイックスタッツを追加:
   • アクティブな求人
   • 今月の合計支出
   • 採用したフリーランサー
4. 目立つ「求人を掲載」ボタンを追加

ステップ24: 求人掲載画面を構築

この画面は手動で構築するか、以下を使用できます Magic Add 必要な内容を説明する: 「タイトル、説明、予算オプション、スキル要件を含むマルチステップの求人掲載フォームを追加してください。」AIがコンポーネントとロジックを生成します。

1. 新しい画面「求人を投稿」を追加
2. マルチステップを追加 フォーム 求人に接続:
   • ステップ 1: 基本情報
     • 職種
     • カテゴリ（ドロップダウン）
     • 説明 (詳細)
   • ステップ 2: 予算とタイムライン
     • 予算タイプ（固定/時間制）
     • 予算額
     • プロジェクト期間
     • 期限 (オプション)
   • ステップ3: 要件
     • 必須スキル (テキストタグ)
     • 経験レベル
     • 場所の希望
3. 自動値を設定:
   • 掲載者 = ログインユーザー
   • ステータス = 「オープン」
   • 提案数 = 0
4. 送信ボタンのアクション:
   • 求人レコードを作成
   • 「求人掲載完了」確認画面に移動
   • マッチするフリーランサーに通知を送信

ステップ25: 求人管理画面を作成

1. 画面「求人を管理」を追加
2. 現在の求人詳細を表示
3. 追加 リスト この求人の提案数:
   • フィルター: 求人 = 現在の求人
   • 並べ替え: レーティング (高い順) または日付
4. 各提案について、以下を表示します：
   • フリーランサーの写真と名前
   • 平均評価とレビュー数
   • 提案料金とタイムライン
   • カバーレターの抜粋
   • 「完全な提案を表示」ボタン
5. ジョブ管理オプションを追加：
   • ジョブを編集（提案がまだない場合）
   • 新しい提案にジョブをクローズ
   • ジョブを削除（提案がない場合）

ステップ26：提案レビュー画面を構築

1. 「提案をレビュー」画面を追加
2. 完全な提案の詳細を表示：
   • カバーレター全文
   • 提案料金と納期
   • ポートフォリオサンプル
3. フリーランサープロファイルの概要を表示：
   • プロフィール写真
   • 職務経歴書のタイトル
   • 平均評価
   • 完了したジョブ数
   • 成功率
   • スキル
   • 「プロフィール全体を表示」リンク
4. アクションボタンを追加：
   • 「フリーランサーにメッセージ」→ 会話を開始
   • 「フリーランサーを雇用」→ 契約を作成
   • 「辞退」→ 提案ステータスを更新

ステップ27：契約作成画面を作成

1. 「契約を作成」画面を追加
2. 提案の詳細で事前入力
3. 追加 フォーム 契約を作成するには：
   • 料金を確認
   • 支払い条件を設定（前払い%、完了時%）
   • マイルストーンを定義（大型プロジェクトの場合）
   • 開始日を設定
   • プロジェクト仕様を追加
4. 送信時:
   • 契約レコードを作成
   • ジョブステータスを「進行中」に更新
   • 提案ステータスを「受理済み」に更新
   • このジョブの他のすべての提案を却下
   • フリーランサーに通知を送信
   • 「契約アクティブ」画面に移動

メッセージング機能の実装

ステップ28：メッセージリスト画面を構築

1. 「メッセージ」画面を追加
2. 追加 リスト ユニークな会話の：
   • メッセージをジョブごとにグループ化
   • フィルタ：送信者 = ログインユーザー OR 受信者 = ログインユーザー
   • 会話ごとに最新メッセージを表示
3. 各会話について表示:
   • 他のユーザーの写真と名前
   • 仕事のタイトル
   • 最後のメッセージプレビュー
   • タイムスタンプ
   • 未読インジケーター（Is Read = Falseの場合）
4. 会話をクリック → 「チャット」画面にリンク

ステップ29：チャット画面を作成

1. 「チャット」画面を追加
2. 以下を表示するヘッダーを追加:
   • 他のユーザーの名前と写真
   • 仕事のタイトル
   • 「ジョブを表示」リンク
3. 追加 リスト メッセージの：
   • フィルター: (送信者 = ログイン中のユーザー AND 受信者 = 他のユーザー) OR (送信者 = 他のユーザー AND 受信者 = ログイン中のユーザー)
   • 現在の職務でフィルター
   • 並べ替え: 送信日（古い順）
4. メッセージのスタイル：
   • 送信されたメッセージが右寄せ
   • 受信したメッセージが左寄せ
   • タイムスタンプを表示
   • 読了ステータスを表示
5. 下部にメッセージ入力を追加：
   • フォーム メッセージに接続
   • テキスト入力フィールド
   • 送信ボタン（メッセージレコードを作成）
6. カウントダウンタイマーを使用してメッセージを自動更新（5秒ごと）

Adaloのメッセージング機能について詳しく見る

Stripeでの支払い処理の追加

ステップ30: Stripe統合をインストール

1. 訪問 Adaloマーケットプレイス
2. 「Stripe」統合を検索
3. 「インストール」をクリック
4. Stripe APIキーが必要です（以下から取得してください Stripe ダッシュボード)
5. Adaloの設定でStripeキーを入力

ステップ31: エスクロー型決済画面を作成

1. 「支払い実行」画面を追加
2. 契約の詳細を表示:
   • フリーランサー名
   • プロジェクトの説明
   • 合計金額
   • 支払い明細
3. 追加 Stripe Payment コンポーネント:
   • 金額: 契約 → 合計額
   • プラットフォーム手数料の計算を追加（例: 10～20%の手数料—ご自身で料率を設定）
   • クライアントが全額を支払う
   • 処理のために資金を保持（注: 真のマーケットプレイス分割払いにはStripe Connectが必要であり、カスタムアクションまたはXanoのような外部バックエンドが必要な場合があります）
4. 支払いフォームフィールドを追加：
   • カード番号
   • 有効期限
   • CVC
   • 請求先郵便番号
   • 今後のために カードを保存（チェックボックス）
5. 支払い成功時:
   • ステータス = 「処理保留中」でペイメントレコードを作成
   • 契約のステータスを更新
   • 両ユーザーに確認を送信
   • 「支払い成功」画面に移動

ステップ32: 支払いリリースフローを構築

1. 完了した契約に「支払いをリリース」ボタンを追加
2. クライアントがクリックして、作業に満足した後に資金をリリース
3. ペイメントを更新:
   • ステータス = 「リリース済み」
   • リリース日 = 現在の日付/時刻
   • フリーランサーの金額を計算（合計 - プラットフォーム手数料）
4. フリーランサーのアカウント残高を更新
5. 支払いリリース通知を送信
6. クライアントにレビューを依頼

ステップ33: 収益ダッシュボードを作成

1. フリーランサー用「収益」画面を追加
2. 財務サマリーを表示:
   • 利用可能残高
   • 保留中（エスクロー型保持）
   • 合計収益（生涯）
   • 今月の収益
3. 追加 リスト ペイメント:
   • フィルター: フリーランサー = ログインユーザー
   • 並べ替え: 支払い日（新しい順）
4. 支払い詳細を表示
   • クライアント名
   • 仕事のタイトル
   • 受け取った金額
   • プラットフォーム手数料
   • ステータス
   • 日付

評価とレビューシステムの構築

ステップ34: レビュー画面を作成

1. 「レビュー」画面を追加（契約完了後に表示）
2. プロジェクト概要を表示
3. 追加 フォーム レビューに接続:
   • 総合評価（1～5つ星）
   • コミュニケーション評価（1～5つ星）
   • 品質評価（1～5つ星）
   • プロフェッショナリズム評価（1～5つ星）
   • 書面でのレビュー（テキストエリア）
   • 推奨する（はい/いいえトグル）
4. 関係を設定:
   • レビュアー = ログインユーザー
   • レビュー対象=契約内の他のユーザー
   • 契約へのリンク

ステップ35: 平均評価を計算

研究によると、 89%の企業が 主に顧客体験で競争しており、品質評価はマーケットプレイスの成功に不可欠です。

1. レビュー送信時にカスタムアクションを作成：
   • ユーザーの総レビュー数をカウント
   • 総合評価の平均を計算
   • ユーザーの平均評価プロパティを更新
   • レビュー総数をカウント更新
2. 以下に類似した計算を作成:
   • コミュニケーション評価平均
   • 品質評価平均
   • プロフェッショナリズム評価平均

ステップ36: レビュー表示を構築

1. ユーザープロフィール画面に追加 リスト レビューの:
   • フィルター: レビュー対象=現在のユーザー
   • ソート順: 作成日（最新）
2. 各レビューに表示:
   • レビュアー名と写真
   • 星評価
   • レビューテキスト
   • プロジェクトタイプ
   • 日付
   • 回答（ある場合）
3. レビュー対象ユーザーに「レビューに返信」オプションを追加

アプリをテストする

ステップ37: テストデータを作成

1. テストアカウントを作成:
   • 異なるスキルを持つ3～4つのフリーランサープロフィール
   • 2～3つのクライアントアカウント
2. カテゴリ全体でサンプルジョブを投稿
3. テストプロポーザルを送信
4. テスト契約を作成
5. 支払いテストにStripeテストカード番号を使用:
   • 成功: 4242 4242 4242 4242
   • 却下: 4000 0000 0000 0002

ステップ38: コアユーザーフローをテスト

各マーケットプレイスジャーニーをテスト:

1. フリーランサーフロー:
   • サインアップ → プロフィール完了 → ジョブを閲覧 → プロポーザルを送信 → 採用される → 仕事を完了 → 支払いを受け取る → レビューを受ける
2. クライアントフロー:
   • サインアップ → ジョブを投稿 → プロポーザルをレビュー → フリーランサーを採用 → 支払いに資金を提供 → 仕事を承認 → 支払いをリリース → レビューを残す
3. メッセージングフロー:
   • 会話を開始 → メッセージを交換 → ファイルを共有 → 通知を受け取る
4. 検索とフィルター:
   • キーワードで検索 → カテゴリーでフィルター → 予算でフィルター → 結果を並び替え

ステップ39：プレビューとデバッグ

使用 X-Ray ユーザーに影響を与える前にパフォーマンスの問題を特定するためのもので、マーケットプレイスがスケーリングする際に速度を低下させる可能性のあるデータベースクエリとコンポーネント読み込みをハイライトします。

1. Adalo のウェブプレビューアを使用してデスクトップテストを実行
2. App StoreまたはGoogle PlayからAdaloプレビューアーアプリをダウンロードしてiOS/Androidテストを実行します
3. すべての条件付きロジックと計算を確認する
4. データベースの関係が正しく機能することを確認する
5. 通知トリガーをテストする
6. フォーム入力とエラーメッセージを検証する

マーケットプレイスを公開する

ステップ40：ローンチの準備

1. 本番環境のStripeアカウントを設定する
2. プッシュ通知証明書を設定
3. 必須の法的ページを追加する：
   • 利用規約
   • プライバシーポリシー
   • 手数料の開示
4. カスタマーサポート（メール、チャット）を設定する
5. オンボーディングチュートリアルを作成する
6. すべての支払いフローを徹底的にテストする

ステップ41：ウェブに公開

1. Adaloで「公開」をクリック
2. 「ウェブアプリ」を選択
3. カスタムドメインを選択（スタータープラン以上が必要）
4. ドメインDNS設定を構成する
5. ライブサイトを公開してテストする

ウェブアプリの公開について詳しく知る

ステップ42：アプリストアに公開

1. iOSの場合:
   • Appleデベロッパーアカウントを購入（99ドル/年）
   • アプリアイコンとスクリーンショットを準備する
   • Adaloの公開フローで提出する
   • App Storeのレビューを待つ
2. Androidの場合:
   • Google Playデベロッパーアカウントを購入（25ドル一括）
   • アプリアセットを準備する
   • Adaloで提出する
   • Google Playに公開

iOSパブリッシングガイド | Androidパブリッシングガイド

マーケットプレイスの鶏と卵の問題を解決する

すべてのマーケットプレイスが直面する重大な課題があります：バイヤーはセラーがいないと参加せず、セラーはバイヤーがいないと参加しません。この問題への対処方法は次のとおりです：

ステップ43：ローンチ戦略

1. 供給側から始める:
   • クライアントにオープンする前に20～30人のフリーランサーをリクルートする
   • インセンティブを提供（最初の3ヶ月間手数料無料）
   • 最初は1つのニッチカテゴリーに焦点を当てる
2. 自分で需要をもたらす:
   • 初期フリーランサーに既存クライアントを紹介するよう依頼する
   • 彼らが連れてくるクライアントに割引を提供する
   • 紹介ボーナスを作成する
3. スタンドアロンの価値を提供する:
   • フリーランサーに無料ポートフォリオホスティングを提供する
   • プロジェクト管理ツールを提供する
   • 教育コンテンツを作成する

リサーチ マイクロニッチに焦点を当てることで、広く競争するよりも迅速に臨界規模に達することができることが示されています。

Adaloでフリーランスマーケットプレイスを構築する理由

Adaloは、いくつかの説得力のある理由から、フリーランスマーケットプレイスを構築するための最適なプラットフォームとして際立っています：

真のクロスプラットフォーム開発

Softr（ウェブのみ、PWA公開で月額$167から始まりレコード制限あり）やGlide（App Storeでの公開なし、月額$60から始まりデータ制限あり）などの競合他社とは異なり、Adaloは iOS、Android、およびウェブに単一のビルドから公開できます。フリーランサーとクライアントは、自分たちの好みの方法でプラットフォームにアクセスできます—そして1つの更新がどこでも同時にデプロイされます。

OpenTableの成功は、レストラン、テーブル、予約、ユーザー間の複雑なデータ関係に依存しています。Adaloの

Adaloのネイティブデータベースは、MVP用に外部ツールを必要とせずに複雑なマーケットプレイスの関係を処理します。 有料プランではデータベースレコード上限なしで、ユーザー、ジョブ、提案、支払い間の複雑な接続を作成してから、マーケットプレイスの成長に応じて数百万件のレコードにスケールできます。高度な機能が必要な場合は、 Xano 統合 オプションをさらに拡張します。

予測可能な料金で予期しない請求なし

Adaloのプランには 無制限の使用と追加料金なし—ワークロードユニットや不明確な請求計算はありません。本番公開の場合は月額$36から始まり、複数のアプリまたは優先サポートが必要な場合のみビジネス（月額$250）にアップグレードしてください。月額$69から始まり使用量ベースの料金とレコード制限があるBubbleのウェブラッパーアプローチ、またはユーザーあたり月額$70でそれでも別のデータベースのソース化、セットアップ、支払いが必要なFlutterFlowと比較してください。

スケールするパフォーマンス

Adalo 3.0の完全に改造されたバックエンドインフラストラクチャ（2025年後半にローンチ）は 3～4倍高速化されたパフォーマンス モジュラーアーキテクチャで、月間アクティブユーザー100万人以上のアプリにサービスを提供するようにスケールします。負荷がかかると速度制限に達するウェブラッパーとは異なり、Adaloの目的に応じて構築されたアーキテクチャはスケール時にパフォーマンスを維持します。ほとんどのサードパーティプラットフォーム比較はこのインフラストラクチャ改造の前のものであることに注意してください。

成長するマーケットプレイス向けのエンタープライズグレード機能

プラットフォームがスケールするにつれて、Adaloは以下を提供します：

• 高いアプリアップタイム 信頼性のため
• エンタープライズグレードのデータセキュリティ
• カスタムAPI統合 カスタムアクション
• Zapier統合 ワークフロー自動化向け
• Stripe経由の支払い処理

成長する フリーランスマーケットプレイス 機会を狙う起業家向けに、Adaloはコンセプトから収益を生み出すプラットフォームへの最速パスを提供します—成功時にスケールするインフラストラクチャ付きです。

Adaloを他のアプリ構築ソリューションより選ぶ理由は何ですか？

Adaloは、単一のコードベースから真のネイティブiOSおよびAndroidアプリを作成するAI搭載アプリビルダーです。Webラッパーと異なり、ネイティブコードにコンパイルされ、Apple App StoreおよびGoogle Play Storeに直接公開されます。有料プランで無制限のデータベースレコードがあり、使用量ベースの料金がないため、予測可能な価格設定で請求ショックを回避できます——アプリの起動で最も難しい部分が自動的に処理されます。

Adaloは、単一のコードベースから真のネイティブiOSおよびAndroidアプリを作成するAI搭載アプリビルダーです。ウェブラッパーとは異なり、ネイティブコードにコンパイルされ、Apple App StoreとGoogle Play Storeの両方に直接公開されます—アプリのローンチで最も難しい部分が自動的に処理されます。有料プランでは無制限のデータベースレコードと使用量ベースの料金なしで、マーケットプレイスがスケールするにつれて予測可能なコストを得られます。

AdaloのドラッグアンドドロップインターフェイスとAIアシスト構築により、数ヶ月ではなく数日でアイデアから公開アプリまでたどり着くことができます。Magic Startはシンプルな説明から完全なアプリ基盤を生成し、プラットフォームは複雑なApp Store送信プロセスを処理するため、証明書とプロビジョニングプロファイルではなく、機能とユーザーエクスペリエンスに集中できます。

AdaloのドラッグアンドドロップインターフェースとMagic StartおよびMagic Addによるアシスト型ビルディング機能を組み合わせることで、数ヶ月ではなく数日でアイデアから公開アプリまで進むことができます。フリーランスマーケットプレイスを説明すると、Magic Startがデータベース構造、画面、ユーザーフローを生成します。Adaloが複雑なApp Store提出プロセスを処理するので、証明書とプロビジョニングプロファイルの代わりに機能に焦点を当てられます。

コーディングなしでフリーランスマーケットプレイスを簡単に構築できますか？

はい。Adaloのビジュアルビルダーを使用すると、フリーランサーとクライアント向けのユーザープロファイル、ジョブ投稿システム、提案管理、Stripe統合による支払い処理、評価システムをすべてコーディングなしで作成できます。プラットフォームはビジュアルインターフェースを通じてユーザー、ジョブ、提案、契約、支払い間の複雑なデータベース関係を処理します。

Adaloで構築されたマーケットプレイスで支払いとエスクローをどのように処理しますか？

Adaloはstripeと統合して支払い処理を処理します。クライアント支払いが仕事が承認されるまで保留され、その後プラットフォーム手数料を差し引いてリリースされるエスクロー型フローを作成できます。フリーランサーへの自動払い出し機能を備えた高度なスプリット支払い機能の場合は、カスタムアクション付きのStripe ConnectまたはXanoなどの外部バックエンドが必要な場合があります。

Adaloのデータベースはマーケットプレイスに必要な複雑な関係を処理できますか？

はい。Adaloの組み込みリレーショナルデータベースは1対多および多対1の関係を処理し、フリーランサーを提案に、ジョブを応募者に、契約を支払いとレビューに接続します。有料プランではレコード制限がないため、マーケットプレイスの成長に応じてデータベースは数百万件のレコードにスケールできます—MVPに外部データベースツールは不要です。

Adaloでフリーランスマーケットプレイスを構築して立ち上げるのにいくらかかりますか？

Adaloの無料プランで無料で構築を開始します。カスタムドメインと無制限の使用による本番公開の場合、プロフェッショナルプランは月額$36です。月額$250のビジネスプランは、複数の公開アプリ、無制限のエディターシート、優先サポートを追加します。使用量ベースの料金を持つ競合他社とは異なり、Adaloの価格は予測可能で請求による驚きはありません。

Adalo と Bubble のどちらがより手頃ですか？

Adaloは無制限の使用とレコード制限なしのウェブおよびネイティブモバイルアプリ公開で月額$36から始まります。Bubbleは月額$69から始まり、使用量ベースのワークロードユニット料金、レコード制限、アプリ再公開の制限があります。Bubbleのモバイルソリューションも真のネイティブアプリではなくウェブラッパーであり、スケール時のパフォーマンスに影響を与える可能性があります。

Adaloはモバイルアプリ開発でFlutterFlowより優れていますか？

非技術ユーザーの場合、はい。FlutterFlowは技術ユーザー向けの低コードツールで、独自の外部データベースを管理およびセットアップする必要があります—多くの場合、専門家を雇う必要がある大きな学習の複雑さです。FlutterFlowはユーザーあたり月額$70から始まり、それでもデータベースを含みません。Adaloはレコード制限のない組み込みリレーショナルデータベースを含み、外部の依存関係なしでより高速に起動できます。

マーケットプレイスを立ち上げるときの鶏と卵のジレンマをどのように解決しますか？

クライアントに対して開く前に20〜30人のフリーランサーをリクルートして開始し、最初の3ヶ月間は手数料ゼロなどのインセンティブを提供します。最初は1つのニッチなカテゴリーに焦点を当てて、より速く臨界量を構築します。無料ポートフォリオホスティングとプロジェクト管理ツールなどの機能を通じてスタンドアロンの価値を提供し、初期ユーザーが既存のクライアントをプラットフォームに招待することをお勧めします。

1つのAdaloプロジェクトからApp StoreとGoogle Playの両方に公開できますか？

はい。Adaloは単一のコードベースからウェブ、iOS App Store、Android Play Storeに公開される1つのアプリを作成します。アプリを更新すると、1つの変更がどこでもデプロイされます—別のプロジェクトを必要とするプラットフォームまたはウェブラッパーを使用するプラットフォームとは異なり、真のネイティブパフォーマンスを提供しません。